:root{--color-primary-50:#e3f2fd;--color-primary-100:#bbdefb;--color-primary-200:#90caf9;--color-primary-300:#64b5f6;--color-primary-400:#42a5f5;--color-primary-500:#2196f3;--color-primary-600:#1e88e5;--color-primary-700:#1976d2;--color-primary-800:#1565c0;--color-primary-900:#0d47a1;--color-success-50:#e8f5e9;--color-success-100:#c8e6c9;--color-success-200:#a5d6a7;--color-success-300:#81c784;--color-success-400:#66bb6a;--color-success-500:#4caf50;--color-success-600:#43a047;--color-success-700:#388e3c;--color-success-800:#2e7d32;--color-success-900:#1b5e20;--color-warning-50:#fff3e0;--color-warning-100:#ffe0b2;--color-warning-200:#ffcc80;--color-warning-300:#ffb74d;--color-warning-400:#ffa726;--color-warning-500:#ff9800;--color-warning-600:#fb8c00;--color-warning-700:#f57c00;--color-warning-800:#ef6c00;--color-warning-900:#e65100;--color-danger-50:#ffebee;--color-danger-100:#ffcdd2;--color-danger-200:#ef9a9a;--color-danger-300:#e57373;--color-danger-400:#ef5350;--color-danger-500:#f44336;--color-danger-600:#e53935;--color-danger-700:#d32f2f;--color-danger-800:#c62828;--color-danger-900:#b71c1c;--color-info-50:#f3e5f5;--color-info-100:#e1bee7;--color-info-200:#ce93d8;--color-info-300:#ba68c8;--color-info-400:#ab47bc;--color-info-500:#9c27b0;--color-info-600:#8e24aa;--color-info-700:#7b1fa2;--color-info-800:#6a1b9a;--color-info-900:#4a148c;--color-neutral-50:#fafafa;--color-neutral-100:#f5f5f5;--color-neutral-200:#eee;--color-neutral-300:#e0e0e0;--color-neutral-400:#bdbdbd;--color-neutral-500:#9e9e9e;--color-neutral-600:#757575;--color-neutral-700:#616161;--color-neutral-800:#424242;--color-neutral-900:#212121;--color-neutral-950:#1a1a1a;--color-text-primary:var(--color-neutral-950);--color-text-secondary:var(--color-neutral-700);--color-text-tertiary:var(--color-neutral-500);--color-text-disabled:var(--color-neutral-400);--color-text-inverse:var(--color-neutral-50);--color-bg-primary:#fff;--color-bg-secondary:var(--color-neutral-50);--color-bg-tertiary:var(--color-neutral-100);--color-bg-overlay:rgba(0,0,0,.5);--color-border-default:var(--color-neutral-300);--color-border-light:var(--color-neutral-200);--color-border-dark:var(--color-neutral-400);--font-family-sans:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;--font-family-mono:"SF Mono",Monaco,"Cascadia Code","Roboto Mono",Consolas,"Courier New",monospace;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-size-5xl:3rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.75;--letter-spacing-tight:-0.025em;--letter-spacing-normal:0;--letter-spacing-wide:0.025em;--spacing-0:0;--spacing-1:0.25rem;--spacing-2:0.5rem;--spacing-3:0.75rem;--spacing-4:1rem;--spacing-5:1.25rem;--spacing-6:1.5rem;--spacing-8:2rem;--spacing-10:2.5rem;--spacing-12:3rem;--spacing-16:4rem;--spacing-20:5rem;--spacing-24:6rem;--radius-none:0;--radius-sm:0.25rem;--radius-base:0.5rem;--radius-md:0.75rem;--radius-lg:1rem;--radius-xl:1.5rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--shadow-base:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);--shadow-2xl:0 25px 50px -12px rgba(0,0,0,.25);--transition-fast:150ms ease-in-out;--transition-base:250ms ease-in-out;--transition-slow:350ms ease-in-out;--transition-property-common:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform;--transition-property-colors:background-color,border-color,color,fill,stroke;--transition-property-dimensions:width,height;--transition-property-position:top,right,bottom,left;--z-index-dropdown:1000;--z-index-sticky:1020;--z-index-fixed:1030;--z-index-modal-backdrop:1040;--z-index-modal:1050;--z-index-popover:1060;--z-index-tooltip:1070;--breakpoint-sm:640px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1280px;--btn-padding-y:var(--spacing-2);--btn-padding-x:var(--spacing-4);--btn-padding-y-sm:var(--spacing-1);--btn-padding-x-sm:var(--spacing-3);--btn-padding-y-lg:var(--spacing-3);--btn-padding-x-lg:var(--spacing-6);--input-height:2.5rem;--input-padding-y:var(--spacing-2);--input-padding-x:var(--spacing-3);--input-border-width:1px;--input-focus-ring-width:3px;--input-focus-ring-color:rgba(33,150,243,.25);--card-padding:var(--spacing-4);--card-padding-lg:var(--spacing-6);--modal-padding:var(--spacing-6);--modal-max-width:32rem;--navbar-height:4rem;--sidebar-width:16rem}@media (prefers-color-scheme:dark){:root{--color-text-primary:var(--color-neutral-50);--color-text-secondary:var(--color-neutral-300);--color-text-tertiary:var(--color-neutral-400);--color-text-disabled:var(--color-neutral-600);--color-text-inverse:var(--color-neutral-950);--color-bg-primary:var(--color-neutral-900);--color-bg-secondary:var(--color-neutral-800);--color-bg-tertiary:var(--color-neutral-700);--color-bg-overlay:rgba(0,0,0,.7);--color-border-default:var(--color-neutral-700);--color-border-light:var(--color-neutral-800);--color-border-dark:var(--color-neutral-600);--shadow-sm:0 1px 2px 0 rgba(0,0,0,.3);--shadow-base:0 1px 3px 0 rgba(0,0,0,.4),0 1px 2px 0 rgba(0,0,0,.3);--shadow-md:0 4px 6px -1px rgba(0,0,0,.4),0 2px 4px -1px rgba(0,0,0,.3);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.4),0 4px 6px -2px rgba(0,0,0,.3);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.4),0 10px 10px -5px rgba(0,0,0,.3);--shadow-2xl:0 25px 50px -12px rgba(0,0,0,.5)}}[data-theme=dark]{--color-text-primary:var(--color-neutral-50);--color-text-secondary:var(--color-neutral-300);--color-text-tertiary:var(--color-neutral-400);--color-text-disabled:var(--color-neutral-600);--color-text-inverse:var(--color-neutral-950);--color-bg-primary:var(--color-neutral-900);--color-bg-secondary:var(--color-neutral-800);--color-bg-tertiary:var(--color-neutral-700);--color-bg-overlay:rgba(0,0,0,.7);--color-border-default:var(--color-neutral-700);--color-border-light:var(--color-neutral-800);--color-border-dark:var(--color-neutral-600);--shadow-sm:0 1px 2px 0 rgba(0,0,0,.3);--shadow-base:0 1px 3px 0 rgba(0,0,0,.4),0 1px 2px 0 rgba(0,0,0,.3);--shadow-md:0 4px 6px -1px rgba(0,0,0,.4),0 2px 4px -1px rgba(0,0,0,.3);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.4),0 4px 6px -2px rgba(0,0,0,.3);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.4),0 10px 10px -5px rgba(0,0,0,.3);--shadow-2xl:0 25px 50px -12px rgba(0,0,0,.5)}[data-theme=light]{--color-text-primary:var(--color-neutral-950);--color-text-secondary:var(--color-neutral-700);--color-text-tertiary:var(--color-neutral-500);--color-text-disabled:var(--color-neutral-400);--color-text-inverse:var(--color-neutral-50);--color-bg-primary:#fff;--color-bg-secondary:var(--color-neutral-50);--color-bg-tertiary:var(--color-neutral-100);--color-bg-overlay:rgba(0,0,0,.5);--color-border-default:var(--color-neutral-300);--color-border-light:var(--color-neutral-200);--color-border-dark:var(--color-neutral-400);--shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--shadow-base:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);--shadow-2xl:0 25px 50px -12px rgba(0,0,0,.25)}.btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:inline-flex;font-family:var(--font-body);font-size:14px;font-weight:600;gap:8px;justify-content:center;line-height:1.25;padding:12px 24px;text-decoration:none;transition:all .2s ease;white-space:nowrap}.btn:focus-visible{box-shadow:var(--theme-focus-ring);outline:none}.btn:disabled{box-shadow:none!important;cursor:not-allowed;opacity:.5;transform:none!important}.btn-primary{background:var(--theme-button-primary-bg);box-shadow:var(--theme-button-primary-shadow);color:var(--theme-button-primary-text)}.btn-primary:hover:not(:disabled){background:var(--theme-button-primary-hover);box-shadow:var(--theme-button-primary-shadow-hover);transform:translateY(-2px)}.btn-primary:active:not(:disabled){box-shadow:var(--theme-shadow-sm);transform:translateY(0)}.btn-secondary{background:var(--theme-button-secondary-bg);border:1px solid var(--theme-button-secondary-border);box-shadow:var(--theme-shadow-sm);color:var(--theme-button-secondary-text)}.btn-secondary:hover:not(:disabled){background:var(--theme-button-secondary-hover);box-shadow:var(--theme-shadow-base);transform:translateY(-1px)}.btn-secondary:active:not(:disabled){transform:translateY(0)}.btn-ghost,.btn-tertiary{background:var(--theme-button-tertiary-bg);border:none;color:var(--theme-button-tertiary-text)}.btn-ghost:hover:not(:disabled),.btn-tertiary:hover:not(:disabled){background:var(--theme-button-tertiary-hover)}.btn-danger{background:var(--theme-button-danger-bg);box-shadow:0 4px 12px rgba(160,60,60,.25);color:var(--theme-button-danger-text)}.btn-danger:hover:not(:disabled){background:var(--theme-button-danger-hover);box-shadow:0 6px 20px rgba(160,60,60,.3);transform:translateY(-2px)}.btn-danger:active:not(:disabled){transform:translateY(0)}.btn-sm{border-radius:8px;font-size:13px;padding:8px 16px}.btn-lg{border-radius:12px;font-size:16px;padding:16px 32px}.btn-icon{border-radius:10px;padding:10px}.btn-icon.btn-sm{border-radius:8px;padding:8px}.card{border:none;box-shadow:var(--theme-shadow-base);padding:24px}.card:hover{box-shadow:var(--theme-card-hover-shadow)}.card-active,.card.active{border:2px solid var(--theme-card-active-border)}.card-compact{border-radius:12px;padding:16px}.card-header{align-items:center}.card-header h3,.card-header h4{margin:0}.card-footer{justify-content:flex-end}.input-group{margin-bottom:20px}.input-group label{font-size:14px;font-weight:500;margin-bottom:8px}.input-group .helper-text{color:var(--theme-text-tertiary);font-size:13px;margin-top:6px}.input-group .error-text{color:var(--theme-error-text);font-size:13px;margin-top:6px}input[type=date],input[type=datetime-local],input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],select,textarea{background:var(--theme-input-bg);border:1.5px solid var(--theme-input-border);border-radius:10px;box-sizing:border-box;color:var(--theme-text-primary);font-family:var(--font-body);font-size:15px;padding:14px 16px;transition:all .2s ease;width:100%}input::placeholder,textarea::placeholder{color:var(--theme-input-placeholder)}input:hover:not(:focus):not(:disabled),select:hover:not(:focus):not(:disabled),textarea:hover:not(:focus):not(:disabled){background:var(--theme-input-bg-hover);border-color:var(--theme-input-border-hover)}input:focus,select:focus,textarea:focus{background:var(--theme-input-bg);border-color:var(--theme-input-focus-border);box-shadow:0 0 0 4px var(--theme-input-focus-ring);outline:none}input:disabled,select:disabled,textarea:disabled{background:var(--theme-input-disabled-bg);color:var(--theme-text-disabled);cursor:not-allowed}input.error,select.error,textarea.error{border-color:var(--theme-error)}input.error:focus,select.error:focus,textarea.error:focus{box-shadow:0 0 0 4px rgba(160,60,60,.15)}textarea{line-height:1.5;min-height:120px;resize:vertical}select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%234A5860' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;padding-right:48px}input[type=checkbox],input[type=radio]{flex-shrink:0;margin:0;vertical-align:middle}label:has(input[type=checkbox]),label:has(input[type=radio]){align-items:center;display:flex;gap:10px;line-height:1.4}.badge{align-items:center;border-radius:6px;display:inline-flex;font-family:var(--font-body);gap:4px;letter-spacing:.02em;line-height:1;padding:6px 12px}.badge-primary{background:var(--theme-badge-primary-bg);color:var(--theme-badge-primary-text)}.badge-accent{background:var(--theme-badge-accent-bg);color:var(--theme-badge-accent-text)}.badge-error{background:var(--theme-error-bg);color:var(--theme-error-text)}.badge-pill{border-radius:100px;padding:6px 14px}.alert{align-items:flex-start;border-radius:12px;display:flex;gap:12px;padding:16px 20px}.alert-icon{flex-shrink:0;height:20px;width:20px}.alert-content{flex:1 1}.alert-title{font-weight:600;margin-bottom:4px}.alert-message{font-size:14px;line-height:1.5}.alert-success{background:var(--theme-success-bg);border:1px solid var(--theme-success-border);color:var(--theme-success-text)}.alert-warning{background:var(--theme-warning-bg);border:1px solid var(--theme-warning-border);color:var(--theme-warning-text)}.alert-error{background:var(--theme-error-bg);border:1px solid var(--theme-error-border);color:var(--theme-error-text)}.alert-info{background:var(--theme-info-bg);border:1px solid var(--theme-info-border);color:var(--theme-info-text)}.divider{border:none;height:1px;margin:24px 0}.divider,.divider-vertical{background:var(--theme-divider)}.divider-vertical{align-self:stretch;height:auto;margin:0 16px;width:1px}.skeleton{animation:skeleton-pulse 1.5s ease-in-out infinite;background:var(--theme-skeleton-base);border-radius:8px}.skeleton-text:last-child{width:60%}.skeleton-heading{height:24px;margin-bottom:16px;width:40%}.skeleton-avatar{border-radius:50%;height:40px;width:40px}.skeleton-card{height:120px}.spinner{animation:spin .8s linear infinite;border:2px solid var(--theme-border-light);height:20px;width:20px}.spinner-lg{border-width:3px;height:32px;width:32px}.empty-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:48px 24px}.empty-state-icon{color:var(--theme-text-tertiary);height:64px;margin-bottom:24px;width:64px}.empty-state-title{color:var(--theme-text-primary);font-family:var(--font-heading);font-size:18px;font-weight:600;margin-bottom:8px}.empty-state-description{color:var(--theme-text-secondary);font-size:14px;margin-bottom:24px;max-width:320px}.text-success{color:var(--theme-success)}.text-warning{color:var(--theme-warning)}.text-error{color:var(--theme-error)}.bg-primary{background-color:var(--theme-bg-primary)}.bg-secondary{background-color:var(--theme-bg-secondary)}.bg-elevated{background-color:var(--theme-bg-elevated)}.bg-accent-light{background-color:var(--theme-accent-light)}.font-heading{font-family:var(--font-heading)}.font-body{font-family:var(--font-body)}.animate-fade-in{animation:fadeIn .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.animate-slide-up{animation:slideUp .4s ease-out}.animate-scale-in{animation:scaleIn .2s ease-out}@media (prefers-reduced-motion:reduce){.animate-fade-in,.animate-scale-in,.animate-slide-up,.skeleton,.spinner{animation:none}}.container{margin-left:auto;margin-right:auto;max-width:100%;padding-left:var(--spacing-4);padding-right:var(--spacing-4);width:100%}@media (min-width:640px){.container{max-width:640px;padding-left:var(--spacing-6);padding-right:var(--spacing-6)}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}.container-fluid{padding-left:var(--spacing-4);padding-right:var(--spacing-4);width:100%}.touch-target{min-height:44px;min-width:44px}.touch-target-lg{min-height:48px;min-width:48px}.touch-target-padded{align-items:center;display:inline-flex;min-height:44px;padding:12px}.touch-area{position:relative}.touch-area:before{content:"";height:max(100%,44px);left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:max(100%,44px)}.hidden,.show-lg,.show-md,.show-sm,.show-xl{display:none!important}@media (min-width:640px){.hide-sm{display:none!important}.show-sm{display:block!important}.show-sm-inline{display:inline!important}.show-sm-flex{display:flex!important}}@media (min-width:768px){.hide-md{display:none!important}.show-md{display:block!important}.show-md-inline{display:inline!important}.show-md-flex{display:flex!important}}@media (min-width:1024px){.hide-lg{display:none!important}.show-lg{display:block!important}.show-lg-inline{display:inline!important}.show-lg-flex{display:flex!important}}@media (min-width:1280px){.hide-xl{display:none!important}.show-xl{display:block!important}.show-xl-inline{display:inline!important}.show-xl-flex{display:flex!important}}.hide-mobile{display:none!important}@media (min-width:768px){.hide-mobile{display:block!important}}.show-mobile{display:block!important}@media (min-width:768px){.show-mobile{display:none!important}}.p-responsive{padding:var(--spacing-4)}@media (min-width:768px){.p-responsive{padding:var(--spacing-6)}}@media (min-width:1024px){.p-responsive{padding:var(--spacing-8)}}.px-responsive{padding-left:var(--spacing-4);padding-right:var(--spacing-4)}@media (min-width:768px){.px-responsive{padding-left:var(--spacing-6);padding-right:var(--spacing-6)}}.py-responsive{padding-bottom:var(--spacing-4);padding-top:var(--spacing-4)}@media (min-width:768px){.py-responsive{padding-bottom:var(--spacing-6);padding-top:var(--spacing-6)}}.gap-responsive{gap:var(--spacing-3)}@media (min-width:768px){.gap-responsive{gap:var(--spacing-4)}}@media (min-width:1024px){.gap-responsive{gap:var(--spacing-6)}}.grid-responsive{grid-gap:var(--spacing-4);display:grid;gap:var(--spacing-4)}.grid-responsive-1-2-3{grid-template-columns:1fr}@media (min-width:768px){.grid-responsive-1-2-3{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.grid-responsive-1-2-3{grid-template-columns:repeat(3,1fr)}}.grid-responsive-1-2{grid-template-columns:1fr}@media (min-width:768px){.grid-responsive-1-2{grid-template-columns:repeat(2,1fr)}}.grid-auto-fit{grid-gap:var(--spacing-4);display:grid;gap:var(--spacing-4);grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.grid-auto-fit-sm{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.grid-auto-fit-lg{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.flex-responsive{display:flex;flex-direction:column;gap:var(--spacing-4)}@media (min-width:768px){.flex-responsive{flex-direction:row}}.flex-responsive-reverse{display:flex;flex-direction:row;gap:var(--spacing-4)}@media (min-width:768px){.flex-responsive-reverse{flex-direction:column}}.text-responsive-sm{font-size:var(--font-size-sm)}@media (min-width:768px){.text-responsive-sm{font-size:var(--font-size-base)}}.text-responsive-base{font-size:var(--font-size-base)}@media (min-width:768px){.text-responsive-base{font-size:var(--font-size-lg)}}.text-responsive-lg{font-size:var(--font-size-lg)}@media (min-width:768px){.text-responsive-lg{font-size:var(--font-size-xl)}}@media (min-width:1024px){.text-responsive-lg{font-size:var(--font-size-2xl)}}.heading-responsive{font-size:var(--font-size-xl);line-height:var(--line-height-tight)}@media (min-width:768px){.heading-responsive{font-size:var(--font-size-2xl)}}@media (min-width:1024px){.heading-responsive{font-size:var(--font-size-3xl)}}.safe-area-inset{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.safe-area-inset-top{padding-top:env(safe-area-inset-top)}.safe-area-inset-bottom{padding-bottom:env(safe-area-inset-bottom)}.safe-area-inset-all{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.scroll-snap-x{-webkit-overflow-scrolling:touch;overflow-x:auto;scroll-behavior:smooth;scroll-snap-type:x mandatory}.scroll-snap-item{flex-shrink:0;scroll-snap-align:start}.scrollbar-hidden{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hidden::-webkit-scrollbar{display:none}.aspect-square{aspect-ratio:1/1}.aspect-video{aspect-ratio:16/9}.aspect-photo{aspect-ratio:4/3}.aspect-portrait{aspect-ratio:3/4}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.overflow-x-auto{overflow-x:auto;overflow-y:hidden}.overflow-y-auto{overflow-x:hidden;overflow-y:auto}html{-moz-text-size-adjust:100%;text-size-adjust:100%}*{-webkit-tap-highlight-color:transparent}@media screen and (max-width:768px){input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url],select,textarea{font-size:16px}}.scroll-smooth{-webkit-overflow-scrolling:touch}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.text-3xl{font-size:var(--font-size-3xl)}.text-4xl{font-size:var(--font-size-4xl)}.text-5xl{font-size:var(--font-size-5xl)}.font-normal{font-weight:var(--font-weight-normal)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.leading-tight{line-height:var(--line-height-tight)}.leading-normal{line-height:var(--line-height-normal)}.leading-relaxed{line-height:var(--line-height-relaxed)}.leading-none{line-height:1}.tracking-tight{letter-spacing:var(--letter-spacing-tight)}.tracking-normal{letter-spacing:var(--letter-spacing-normal)}.tracking-wide{letter-spacing:var(--letter-spacing-wide)}.tracking-wider{letter-spacing:.05em}.tracking-widest{letter-spacing:.1em}.text-primary{color:var(--theme-text-primary)}.text-secondary{color:var(--theme-text-secondary)}.text-tertiary{color:var(--theme-text-tertiary)}.text-disabled{color:var(--theme-text-disabled)}.text-inverse{color:var(--theme-text-inverse)}.text-accent{color:var(--theme-accent)}.text-success{color:var(--theme-success-text)}.text-warning{color:var(--theme-warning-text)}.text-error{color:var(--theme-error-text)}.text-info{color:var(--theme-info-text)}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-justify{text-align:justify}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.normal-case{text-transform:none}.underline{text-decoration:underline}.line-through{text-decoration:line-through}.no-underline{text-decoration:none}.truncate{overflow:hidden;white-space:nowrap}.text-ellipsis,.truncate{text-overflow:ellipsis}.text-clip{text-overflow:clip}.line-clamp-1{-webkit-line-clamp:1}.line-clamp-1,.line-clamp-2{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-2{-webkit-line-clamp:2}.line-clamp-3{-webkit-line-clamp:3}.line-clamp-3,.line-clamp-4{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-4{-webkit-line-clamp:4}.whitespace-normal{white-space:normal}.whitespace-nowrap{white-space:nowrap}.whitespace-pre{white-space:pre}.whitespace-pre-line{white-space:pre-line}.whitespace-pre-wrap{white-space:pre-wrap}.break-normal{overflow-wrap:normal;word-break:normal}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.display-1{font-size:clamp(2.5rem,5vw,4rem);letter-spacing:-.03em;line-height:1.1}.display-1,.display-2{color:var(--theme-text-primary);font-family:var(--font-heading);font-weight:var(--font-weight-bold)}.display-2{font-size:clamp(2rem,4vw,3rem);letter-spacing:-.025em;line-height:1.15}.display-3{color:var(--theme-text-primary);font-family:var(--font-heading);font-size:clamp(1.5rem,3vw,2.25rem);font-weight:var(--font-weight-semibold);letter-spacing:-.02em;line-height:1.2}.title-lg{font-size:var(--font-size-2xl)}.title-lg,.title-md{color:var(--theme-text-primary);font-family:var(--font-heading);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight)}.title-md{font-size:var(--font-size-xl)}.title-sm{color:var(--theme-text-primary);font-family:var(--font-heading);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight)}.body-lg{font-size:var(--font-size-lg);line-height:var(--line-height-relaxed)}.body-lg,.body-md{color:var(--theme-text-primary);font-family:var(--font-body);font-weight:var(--font-weight-normal)}.body-md{font-size:var(--font-size-base);line-height:var(--line-height-normal)}.body-sm{color:var(--theme-text-secondary);font-size:var(--font-size-sm)}.body-sm,.caption{font-family:var(--font-body);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal)}.caption{color:var(--theme-text-tertiary)}.caption,.overline{font-size:var(--font-size-xs)}.overline{color:var(--theme-text-secondary);font-weight:var(--font-weight-semibold);letter-spacing:.08em;line-height:var(--line-height-normal);text-transform:uppercase}.label,.overline{font-family:var(--font-body)}.label{color:var(--theme-text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:var(--line-height-tight)}.font-mono{font-family:var(--font-mono)}.code-inline{border-radius:4px;color:var(--theme-text-primary);font-size:.9em;padding:2px 6px}.code-block,.code-inline{background:var(--theme-bg-secondary);font-family:var(--font-mono)}.code-block{border-radius:8px;font-size:var(--font-size-sm);line-height:1.6;overflow-x:auto;padding:16px}.quote{border-left:4px solid var(--theme-accent);font-size:var(--font-size-lg);font-style:italic;padding-left:20px}.lead,.quote{color:var(--theme-text-secondary);font-family:var(--font-body);line-height:var(--line-height-relaxed)}.lead{font-size:var(--font-size-xl);font-weight:var(--font-weight-normal)}.link{color:var(--theme-primary);text-decoration:none;transition:color .2s ease}.link:hover{color:var(--theme-primary-hover)}.link-subtle,.link:hover{text-decoration:underline}.link-subtle{color:var(--theme-text-secondary)}.link-subtle:hover{color:var(--theme-text-primary)}@media (max-width:768px){.display-1{font-size:2.5rem}.display-2{font-size:2rem}.display-3{font-size:1.5rem}.title-lg{font-size:var(--font-size-xl)}.title-md{font-size:var(--font-size-lg)}.body-lg{font-size:var(--font-size-base)}.lead{font-size:var(--font-size-lg)}}.text-high-contrast{color:var(--theme-text-primary)}.text-on-dark{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5)}.text-on-light{color:var(--theme-text-primary)}.skip-link{font-weight:var(--font-weight-medium);left:0;padding:8px 16px;top:-40px;z-index:100}.sr-only-focusable:active,.sr-only-focusable:focus{clip:auto;height:auto;margin:inherit;overflow:visible;padding:inherit;position:static;white-space:normal;width:auto}.aria-hidden{speak:never}.skip-link{background:var(--theme-primary);border-radius:0 0 8px 8px;color:#fff;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);left:50%;padding:12px 24px;position:absolute;text-decoration:none;top:-100%;transform:translateX(-50%);transition:top .3s ease;z-index:9999}.skip-link:focus{box-shadow:0 4px 12px rgba(0,0,0,.3);outline:none;top:0}.skip-links{display:flex;gap:8px;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:9999}.focus-ring{position:relative}.focus-ring:focus-visible{box-shadow:0 0 0 3px var(--theme-primary-light),0 0 0 5px var(--theme-primary);outline:none}.focus-ring-inset:focus-visible{box-shadow:inset 0 0 0 3px var(--theme-primary);outline:none}.focus-indicator{border:2px solid var(--theme-primary);border-radius:inherit;inset:-3px;opacity:0;pointer-events:none;position:absolute;transition:opacity .2s ease}:focus-visible>.focus-indicator{opacity:1}:focus:not(:focus-visible){box-shadow:none;outline:none}.live-assertive,.live-polite{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.status-message{animation:fadeIn .3s ease;border-radius:8px;font-size:var(--font-size-sm);padding:12px 16px}.status-message[role=status]{background:var(--theme-info-bg);border:1px solid var(--theme-info-border);color:var(--theme-info-text)}.status-message[role=alert]{background:var(--theme-error-bg);border:1px solid var(--theme-error-border);color:var(--theme-error-text)}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.transition-essential{transition-duration:.1s!important}.animate-slide-down,.animate-slide-left,.animate-slide-right,.animate-slide-up{animation:fadeIn .1s ease!important}.parallax{transform:none!important}.auto-animate{animation:none!important}}@media (prefers-contrast:high){:root{--theme-border-light:#666;--theme-border-medium:#333;--theme-border-strong:#000;--theme-shadow-sm:0 1px 2px 0 rgba(0,0,0,.3);--theme-shadow-base:0 1px 3px 0 rgba(0,0,0,.4)}body{color:#000}.btn{border:2px solid}:focus-visible{box-shadow:none;outline:3px solid #000;outline-offset:2px}a{text-decoration:underline}input,select,textarea{border-width:2px}}@media (forced-colors:active){.btn-primary{background-color:Highlight;border:2px solid ButtonText;color:HighlightText}.btn-secondary{background-color:ButtonFace;border:2px solid ButtonText;color:ButtonText}:focus-visible{outline:3px solid Highlight;outline-offset:2px}a{color:LinkText}a:visited{color:VisitedText}}.focus-trap{isolation:isolate}.focus-trap-end,.focus-trap-start{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.touch-target-min{align-items:center;display:inline-flex;justify-content:center;min-height:44px;min-width:44px}.touch-spacing{padding:12px}.touch-area-expand{position:relative}.touch-area-expand:after{content:"";height:max(100%,44px);left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:max(100%,44px)}.keyboard-focus:focus-visible{outline:2px solid var(--theme-primary);outline-offset:2px}[role=tablist]{display:flex;gap:4px}[role=tab]{background:transparent;border:none;border-bottom:2px solid transparent;cursor:pointer;padding:12px 20px;transition:all .2s ease}[role=tab][aria-selected=true]{border-bottom-color:var(--theme-primary);color:var(--theme-primary)}[role=tab]:focus-visible{outline:2px solid var(--theme-primary);outline-offset:-2px}[role=tabpanel]{padding:16px 0}[role=tabpanel]:focus{outline:none}.error-message{font-size:var(--font-size-sm);margin-top:4px}.has-error{border-color:var(--theme-error)!important}.has-error:focus{box-shadow:0 0 0 3px rgba(160,60,60,.25)!important}.required-indicator{color:var(--theme-error);margin-left:4px}.optional-indicator{color:var(--theme-text-tertiary);font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);margin-left:4px}[id=main-content]:target{outline:2px solid var(--theme-primary);outline-offset:4px}@media print{*{background:transparent!important;color:#000!important}a[href]:after{color:#666;content:" (" attr(href) ")";font-size:.8em}.decorative,[aria-hidden=true]{display:none!important}.text-secondary,.text-tertiary{color:#333!important}}:root{--ease-in-out:cubic-bezier(0.4,0,0.2,1);--ease-out:cubic-bezier(0,0,0.2,1);--ease-in:cubic-bezier(0.4,0,1,1);--ease-bounce:cubic-bezier(0.68,-0.55,0.265,1.55);--ease-elastic:cubic-bezier(0.68,-0.6,0.32,1.6);--duration-instant:50ms;--duration-fast:150ms;--duration-normal:250ms;--duration-slow:350ms;--duration-slower:500ms}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translateX(-16px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translateX(16px)}to{opacity:1;transform:translateX(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes scaleOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}@keyframes popIn{0%{opacity:0;transform:scale(.8)}70%{transform:scale(1.05)}to{opacity:1;transform:scale(1)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{transform:scale(1.05)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes slideInUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slideInDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes slideInLeft{0%{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes slideInRight{0%{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes shake{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-4px)}20%,40%,60%,80%{transform:translateX(4px)}}@keyframes wiggle{0%,to{transform:rotate(0deg)}25%{transform:rotate(-3deg)}75%{transform:rotate(3deg)}}@keyframes heartbeat{0%,to{transform:scale(1)}14%{transform:scale(1.1)}28%{transform:scale(1)}42%{transform:scale(1.1)}70%{transform:scale(1)}}@keyframes ping{75%,to{opacity:0;transform:scale(2)}}@keyframes bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(0)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:translateY(-25%)}}.animate-fade-in{animation:fadeIn .25s cubic-bezier(0,0,.2,1);animation:fadeIn var(--duration-normal) var(--ease-out)}.animate-fade-out{animation:fadeOut .25s cubic-bezier(0,0,.2,1);animation:fadeOut var(--duration-normal) var(--ease-out)}.animate-fade-in-up{animation:fadeInUp .25s cubic-bezier(0,0,.2,1);animation:fadeInUp var(--duration-normal) var(--ease-out)}.animate-fade-in-down{animation:fadeInDown .25s cubic-bezier(0,0,.2,1);animation:fadeInDown var(--duration-normal) var(--ease-out)}.animate-fade-in-left{animation:fadeInLeft .25s cubic-bezier(0,0,.2,1);animation:fadeInLeft var(--duration-normal) var(--ease-out)}.animate-fade-in-right{animation:fadeInRight .25s cubic-bezier(0,0,.2,1);animation:fadeInRight var(--duration-normal) var(--ease-out)}.animate-scale-in{animation:scaleIn .15s cubic-bezier(0,0,.2,1);animation:scaleIn var(--duration-fast) var(--ease-out)}.animate-scale-out{animation:scaleOut .15s cubic-bezier(0,0,.2,1);animation:scaleOut var(--duration-fast) var(--ease-out)}.animate-pop-in{animation:popIn .25s cubic-bezier(.68,-.55,.265,1.55);animation:popIn var(--duration-normal) var(--ease-bounce)}.animate-bounce-in{animation:bounceIn .35s cubic-bezier(0,0,.2,1);animation:bounceIn var(--duration-slow) var(--ease-out)}.animate-slide-in-up{animation:slideInUp .25s cubic-bezier(0,0,.2,1);animation:slideInUp var(--duration-normal) var(--ease-out)}.animate-slide-in-down{animation:slideInDown .25s cubic-bezier(0,0,.2,1);animation:slideInDown var(--duration-normal) var(--ease-out)}.animate-slide-in-left{animation:slideInLeft .25s cubic-bezier(0,0,.2,1);animation:slideInLeft var(--duration-normal) var(--ease-out)}.animate-slide-in-right{animation:slideInRight .25s cubic-bezier(0,0,.2,1);animation:slideInRight var(--duration-normal) var(--ease-out)}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.2,1) infinite;animation:pulse 2s var(--ease-in-out) infinite}.animate-shake{animation:shake .35s cubic-bezier(.4,0,.2,1);animation:shake var(--duration-slow) var(--ease-in-out)}.animate-wiggle{animation:wiggle .35s cubic-bezier(.4,0,.2,1);animation:wiggle var(--duration-slow) var(--ease-in-out)}.animate-heartbeat{animation:heartbeat 1.5s cubic-bezier(.4,0,.2,1) infinite;animation:heartbeat 1.5s var(--ease-in-out) infinite}.animate-spin{animation:spin 1s linear infinite}.animate-ping{animation:ping 1s cubic-bezier(0,0,.2,1) infinite}.animate-bounce{animation:bounce 1s infinite}.animate-delay-75{animation-delay:75ms}.animate-delay-100{animation-delay:.1s}.animate-delay-150{animation-delay:.15s}.animate-delay-200{animation-delay:.2s}.animate-delay-300{animation-delay:.3s}.animate-delay-500{animation-delay:.5s}.animate-delay-700{animation-delay:.7s}.animate-delay-1000{animation-delay:1s}.animate-fill-forwards{animation-fill-mode:forwards}.animate-fill-backwards{animation-fill-mode:backwards}.animate-fill-both{animation-fill-mode:both}.transition-none{transition:none}.transition-all{transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--duration-normal) var(--ease-in-out)}.transition-colors{transition:background-color,border-color,color,fill,stroke .25s cubic-bezier(.4,0,.2,1);transition:background-color,border-color,color,fill,stroke var(--duration-normal) var(--ease-in-out)}.transition-opacity{transition:opacity .25s cubic-bezier(.4,0,.2,1);transition:opacity var(--duration-normal) var(--ease-in-out)}.transition-shadow{transition:box-shadow .25s cubic-bezier(.4,0,.2,1);transition:box-shadow var(--duration-normal) var(--ease-in-out)}.transition-transform{transition:transform .25s cubic-bezier(.4,0,.2,1);transition:transform var(--duration-normal) var(--ease-in-out)}.duration-fast{transition-duration:.15s;transition-duration:var(--duration-fast)}.duration-normal{transition-duration:.25s;transition-duration:var(--duration-normal)}.duration-slow{transition-duration:.35s;transition-duration:var(--duration-slow)}.ease-linear{transition-timing-function:linear}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1);transition-timing-function:var(--ease-in)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1);transition-timing-function:var(--ease-out)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:var(--ease-in-out)}.ease-bounce{transition-timing-function:cubic-bezier(.68,-.55,.265,1.55);transition-timing-function:var(--ease-bounce)}.hover-lift{transition:transform .15s cubic-bezier(0,0,.2,1),box-shadow .15s cubic-bezier(0,0,.2,1);transition:transform var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.hover-lift:hover{box-shadow:var(--theme-shadow-lg);transform:translateY(-4px)}.hover-lift:active{box-shadow:var(--theme-shadow-md);transform:translateY(-2px)}.hover-scale{transition:transform .15s cubic-bezier(0,0,.2,1);transition:transform var(--duration-fast) var(--ease-out)}.hover-scale:hover{transform:scale(1.02)}.hover-scale:active{transform:scale(.98)}.hover-bright{transition:filter .15s cubic-bezier(0,0,.2,1);transition:filter var(--duration-fast) var(--ease-out)}.hover-bright:hover{filter:brightness(1.1)}.hover-glow{transition:box-shadow .15s cubic-bezier(0,0,.2,1);transition:box-shadow var(--duration-fast) var(--ease-out)}.hover-glow:hover{box-shadow:0 0 20px rgba(var(--theme-primary-rgb),.3)}.btn-press{transition:transform 50ms cubic-bezier(0,0,.2,1),box-shadow 50ms cubic-bezier(0,0,.2,1);transition:transform var(--duration-instant) var(--ease-out),box-shadow var(--duration-instant) var(--ease-out)}.btn-press:active:not(:disabled){transform:scale(.97)}.btn-ripple{overflow:hidden;position:relative}.btn-ripple:after{background:radial-gradient(circle,hsla(0,0%,100%,.3) 10%,transparent 10.01%);background-position:50%;background-repeat:no-repeat;content:"";inset:0;opacity:0;position:absolute;transform:scale(10);transition:transform .35s,opacity .25s;transition:transform var(--duration-slow),opacity var(--duration-normal)}.btn-ripple:active:after{opacity:1;transform:scale(0);transition:0s}@keyframes checkmark{0%{stroke-dashoffset:24}to{stroke-dashoffset:0}}.animate-checkmark{stroke-dasharray:24;stroke-dashoffset:24;animation:checkmark .25s cubic-bezier(0,0,.2,1) forwards;animation:checkmark var(--duration-normal) var(--ease-out) forwards}.toggle-slide{transition:transform .15s cubic-bezier(.68,-.55,.265,1.55);transition:transform var(--duration-fast) var(--ease-bounce)}@keyframes modalBackdropIn{0%{opacity:0}to{opacity:1}}@keyframes modalContentIn{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes modalContentOut{0%{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(.95) translateY(10px)}}.modal-backdrop-enter{animation:modalBackdropIn .25s cubic-bezier(0,0,.2,1);animation:modalBackdropIn var(--duration-normal) var(--ease-out)}.modal-content-enter{animation:modalContentIn .25s cubic-bezier(0,0,.2,1);animation:modalContentIn var(--duration-normal) var(--ease-out)}.modal-content-exit{animation:modalContentOut .15s cubic-bezier(.4,0,1,1);animation:modalContentOut var(--duration-fast) var(--ease-in)}@keyframes toastSlideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes toastSlideOut{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100%)}}.toast-enter{animation:toastSlideIn .25s cubic-bezier(0,0,.2,1);animation:toastSlideIn var(--duration-normal) var(--ease-out)}.toast-exit{animation:toastSlideOut .15s cubic-bezier(.4,0,1,1);animation:toastSlideOut var(--duration-fast) var(--ease-in)}@keyframes dropdownIn{0%{opacity:0;transform:scaleY(.9) translateY(-8px)}to{opacity:1;transform:scaleY(1) translateY(0)}}@keyframes dropdownOut{0%{opacity:1;transform:scaleY(1) translateY(0)}to{opacity:0;transform:scaleY(.9) translateY(-8px)}}.dropdown-enter{animation:dropdownIn .15s cubic-bezier(0,0,.2,1);animation:dropdownIn var(--duration-fast) var(--ease-out);transform-origin:top center}.dropdown-exit{animation:dropdownOut .15s cubic-bezier(.4,0,1,1);animation:dropdownOut var(--duration-fast) var(--ease-in);transform-origin:top center}@keyframes listItemIn{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}.list-item-enter{animation:listItemIn .25s cubic-bezier(0,0,.2,1) both;animation:listItemIn var(--duration-normal) var(--ease-out) both}.list-stagger .list-item-enter:first-child{animation-delay:0ms}.list-stagger .list-item-enter:nth-child(2){animation-delay:50ms}.list-stagger .list-item-enter:nth-child(3){animation-delay:.1s}.list-stagger .list-item-enter:nth-child(4){animation-delay:.15s}.list-stagger .list-item-enter:nth-child(5){animation-delay:.2s}.list-stagger .list-item-enter:nth-child(6){animation-delay:.25s}.list-stagger .list-item-enter:nth-child(7){animation-delay:.3s}.list-stagger .list-item-enter:nth-child(8){animation-delay:.35s}@keyframes successPop{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.2)}to{opacity:1;transform:scale(1)}}@keyframes errorShake{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-6px)}20%,40%,60%,80%{transform:translateX(6px)}}.animate-success{animation:successPop .25s cubic-bezier(.68,-.55,.265,1.55);animation:successPop var(--duration-normal) var(--ease-bounce)}.animate-error{animation:errorShake .35s cubic-bezier(.4,0,.2,1);animation:errorShake var(--duration-slow) var(--ease-in-out)}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.btn-press:active,.hover-lift:hover,.hover-scale:hover{transform:none}.btn-ripple:after{display:none}}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;font-size:16px}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:var(--font-size-base);line-height:var(--line-height-normal)}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight)}h1{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}h3,h4{letter-spacing:-.01em}h4{font-size:var(--font-size-xl)}h5{font-size:var(--font-size-lg)}h6{font-size:var(--font-size-base)}p{line-height:var(--line-height-relaxed);margin-bottom:1em}a{color:var(--theme-primary);text-decoration:none;transition:color .2s ease}a:hover{color:var(--theme-primary-hover);text-decoration:underline}b,strong{font-weight:var(--font-weight-semibold)}small{font-size:var(--font-size-sm)}code{border-radius:4px;font-size:.9em;padding:2px 6px}code,pre{background:var(--theme-bg-secondary);font-family:var(--font-mono)}pre{border-radius:8px;font-size:var(--font-size-sm);overflow-x:auto;padding:16px}pre code{background:none;padding:0}.container{max-width:1200px}.container,.container-narrow{margin:0 auto;padding:var(--spacing-6)}.container-narrow{max-width:800px}.container-wide{margin:0 auto;max-width:1400px;padding:var(--spacing-6)}.input-group{margin-bottom:var(--spacing-5)}.input-group label{color:var(--theme-text-primary);display:block;font-family:var(--font-body);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-2)}.error{color:var(--theme-error-text)}.error,.success{font-size:var(--font-size-sm);margin-top:var(--spacing-1)}.success{color:var(--theme-success-text)}.loading{align-items:center;display:flex;font-size:var(--font-size-base);justify-content:center;min-height:200px}:focus{outline:none}:focus-visible{box-shadow:var(--theme-focus-ring);outline:none}[tabindex]:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{box-shadow:var(--theme-focus-ring)}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:var(--theme-bg-secondary);border-radius:4px}::-webkit-scrollbar-thumb{background:var(--theme-border-medium);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--theme-border-strong)}*{scrollbar-color:var(--theme-border-medium) var(--theme-bg-secondary);scrollbar-width:thin}::selection{background:var(--theme-accent-light);color:var(--theme-text-primary)}@media (max-width:768px){html{font-size:15px}h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-xl)}.container,.container-narrow,.container-wide{padding:var(--spacing-4)}}@media (max-width:480px){html{font-size:14px}h1{font-size:var(--font-size-2xl)}h2{font-size:var(--font-size-xl)}.container,.container-narrow,.container-wide{padding:var(--spacing-3)}}@media print{body{background:#fff;color:#000}.no-print{display:none!important}}:root{--font-heading:"Sora",-apple-system,BlinkMacSystemFont,sans-serif;--font-body:"Plus Jakarta Sans",-apple-system,BlinkMacSystemFont,sans-serif;--font-mono:"SF Mono",Monaco,"Cascadia Code","Roboto Mono",Consolas,monospace;--letter-spacing-heading:-0.02em;--letter-spacing-subheading:-0.01em;--letter-spacing-body:0;--theme-primary:#1b3a4f;--theme-primary-hover:#152d3d;--theme-primary-light:#e6eef2;--theme-primary-dark:#0f2233;--theme-primary-rgb:27,58,79;--theme-accent:#007f5f;--theme-accent-hover:#006b50;--theme-accent-light:#e6f4f0;--theme-accent-dark:#005f47;--theme-accent-rgb:0,127,95;--theme-bg-primary:#fafbfb;--theme-bg-secondary:#f2f4f4;--theme-bg-tertiary:#e8ecec;--theme-bg-elevated:#fff;--theme-bg-overlay:rgba(27,58,79,.6);--theme-text-primary:#1a2428;--theme-text-secondary:#4a5860;--theme-text-tertiary:#6b7880;--theme-text-inverse:#fafbfb;--theme-text-disabled:#a0a8ac;--theme-border-light:#e2e8e8;--theme-border-medium:#c8d0d0;--theme-border-strong:#a0acac;--theme-border-focus:#1b3a4f;--theme-success:#007f5f;--theme-success-bg:#e6f4f0;--theme-success-text:#005f47;--theme-success-border:#80bfaf;--theme-warning:#b8860b;--theme-warning-bg:#fdf6e6;--theme-warning-text:#8a6508;--theme-warning-border:#dbc285;--theme-error:#a03c3c;--theme-error-bg:#faeaea;--theme-error-text:#7a2d2d;--theme-error-border:#d09d9d;--theme-info:#1b3a4f;--theme-info-bg:#e6eef2;--theme-info-text:#152d3d;--theme-info-border:#8da4b4;--theme-shadow-sm:0 1px 2px 0 rgba(27,58,79,.05);--theme-shadow-base:0 1px 3px 0 rgba(27,58,79,.08),0 1px 2px 0 rgba(27,58,79,.04);--theme-shadow-md:0 4px 6px -1px rgba(27,58,79,.08),0 2px 4px -1px rgba(27,58,79,.04);--theme-shadow-lg:0 10px 15px -3px rgba(27,58,79,.08),0 4px 6px -2px rgba(27,58,79,.03);--theme-shadow-xl:0 20px 25px -5px rgba(27,58,79,.1),0 10px 10px -5px rgba(27,58,79,.04);--theme-shadow-2xl:0 25px 50px -12px rgba(27,58,79,.2);--theme-shadow-primary:0 4px 14px 0 rgba(27,58,79,.25);--theme-shadow-accent:0 4px 14px 0 rgba(0,127,95,.25);--theme-input-bg:#fff;--theme-input-bg-hover:#fafbfb;--theme-input-border:#c8d0d0;--theme-input-border-hover:#a0acac;--theme-input-focus-border:#1b3a4f;--theme-input-focus-ring:rgba(27,58,79,.15);--theme-input-placeholder:#6b7880;--theme-input-disabled-bg:#f2f4f4;--theme-button-primary-bg:linear-gradient(180deg,#1b3a4f,#152d3d);--theme-button-primary-bg-solid:#1b3a4f;--theme-button-primary-hover:linear-gradient(180deg,#234a63,#1b3a4f);--theme-button-primary-text:#fff;--theme-button-primary-shadow:0 4px 12px rgba(27,58,79,.25);--theme-button-primary-shadow-hover:0 6px 20px rgba(27,58,79,.3);--theme-button-secondary-bg:#e6f4f0;--theme-button-secondary-hover:#d4ede6;--theme-button-secondary-text:#007f5f;--theme-button-secondary-border:#80bfaf;--theme-button-tertiary-bg:transparent;--theme-button-tertiary-hover:#f2f4f4;--theme-button-tertiary-text:#4a5860;--theme-button-danger-bg:#a03c3c;--theme-button-danger-hover:#8a3333;--theme-button-danger-text:#fff;--theme-card-bg:#fff;--theme-card-border:#e2e8e8;--theme-card-hover-bg:#fafbfb;--theme-card-hover-shadow:0 8px 24px rgba(27,58,79,.1);--theme-card-active-border:#1b3a4f;--theme-card-featured-border:#007f5f;--theme-card-featured-bg:linear-gradient(90deg,#e6f4f0,#fff 8%);--theme-navbar-bg:#fff;--theme-navbar-border:#e2e8e8;--theme-navbar-text:#4a5860;--theme-navbar-text-active:#1b3a4f;--theme-navbar-logo:#1b3a4f;--theme-badge-primary-bg:#e6eef2;--theme-badge-primary-text:#1b3a4f;--theme-badge-accent-bg:#e6f4f0;--theme-badge-accent-text:#007f5f;--theme-status-completed:#007f5f;--theme-status-completed-bg:#e6f4f0;--theme-status-completed-text:#fff;--theme-status-approved:#007f5f;--theme-status-approved-bg:#e6f4f0;--theme-status-approved-text:#fff;--theme-status-in-progress:#1b3a4f;--theme-status-in-progress-bg:#e6eef2;--theme-status-in-progress-text:#fff;--theme-status-submitted:#6b5b95;--theme-status-submitted-bg:#f0edf5;--theme-status-submitted-text:#fff;--theme-status-pending:#b8860b;--theme-status-pending-bg:#fdf6e6;--theme-status-pending-text:#fff;--theme-status-overdue:#a03c3c;--theme-status-overdue-bg:#faeaea;--theme-status-overdue-text:#fff;--theme-status-rejected:#7a2d2d;--theme-status-rejected-bg:#faeaea;--theme-status-rejected-text:#fff;--theme-bg-inverse:#1a2428;--theme-text-inverse-primary:#fafbfb;--theme-text-inverse-secondary:#b8c8cf;--theme-text-inverse-tertiary:#7a8a90;--theme-border-inverse:#2a3a40;--theme-focus-ring:0 0 0 3px rgba(27,58,79,.2);--theme-focus-ring-accent:0 0 0 3px rgba(0,127,95,.2);--theme-divider:#e2e8e8;--theme-skeleton-base:#e8ecec;--theme-skeleton-shine:#f2f4f4}@media (prefers-color-scheme:dark){:root{--theme-primary:#6b9baf;--theme-primary-hover:#7fabbf;--theme-primary-light:#1a2a2e;--theme-primary-dark:#8fbbd0;--theme-primary-rgb:107,155,175;--theme-accent:#5fd3b4;--theme-accent-hover:#73dcbf;--theme-accent-light:#1a2a26;--theme-accent-dark:#7fdfca;--theme-accent-rgb:95,211,180;--theme-bg-primary:#0f1416;--theme-bg-secondary:#161d20;--theme-bg-tertiary:#1f2a2e;--theme-bg-elevated:#1a2428;--theme-bg-overlay:rgba(0,0,0,.7);--theme-text-primary:#e8f0f2;--theme-text-secondary:#b8c8cf;--theme-text-tertiary:#7a8a90;--theme-text-inverse:#0f1416;--theme-text-disabled:#4a5a60;--theme-border-light:#1f2a2e;--theme-border-medium:#2a3a40;--theme-border-strong:#3a4a50;--theme-border-focus:#6b9baf;--theme-success:#5fd3b4;--theme-success-bg:#1a2a26;--theme-success-text:#7fdfca;--theme-success-border:#3d6d5d;--theme-warning:#d4af37;--theme-warning-bg:#2a2820;--theme-warning-text:#e4c960;--theme-warning-border:#6d5d2d;--theme-error:#e57373;--theme-error-bg:#2a2020;--theme-error-text:#f09090;--theme-error-border:#6d4040;--theme-info:#6b9baf;--theme-info-bg:#1a2a2e;--theme-info-text:#8fbbd0;--theme-info-border:#3d5d6d;--theme-shadow-sm:0 1px 2px 0 rgba(0,0,0,.3);--theme-shadow-base:0 1px 3px 0 rgba(0,0,0,.4),0 1px 2px 0 rgba(0,0,0,.3);--theme-shadow-md:0 4px 6px -1px rgba(0,0,0,.4),0 2px 4px -1px rgba(0,0,0,.3);--theme-shadow-lg:0 10px 15px -3px rgba(0,0,0,.4),0 4px 6px -2px rgba(0,0,0,.3);--theme-shadow-xl:0 20px 25px -5px rgba(0,0,0,.5),0 10px 10px -5px rgba(0,0,0,.4);--theme-shadow-2xl:0 25px 50px -12px rgba(0,0,0,.6);--theme-shadow-primary:0 4px 14px 0 rgba(107,155,175,.2);--theme-shadow-accent:0 4px 14px 0 rgba(95,211,180,.2);--theme-input-bg:#1a2428;--theme-input-bg-hover:#1f2a2e;--theme-input-border:#2a3a40;--theme-input-border-hover:#3a4a50;--theme-input-focus-border:#6b9baf;--theme-input-focus-ring:rgba(107,155,175,.2);--theme-input-placeholder:#7a8a90;--theme-input-disabled-bg:#161d20;--theme-button-primary-bg:linear-gradient(180deg,#5fd3b4,#4fc3a4);--theme-button-primary-bg-solid:#5fd3b4;--theme-button-primary-hover:linear-gradient(180deg,#73dcbf,#5fd3b4);--theme-button-primary-text:#0f1416;--theme-button-primary-shadow:0 4px 12px rgba(95,211,180,.25);--theme-button-primary-shadow-hover:0 6px 20px rgba(95,211,180,.3);--theme-button-secondary-bg:#1a2a26;--theme-button-secondary-hover:#253d36;--theme-button-secondary-text:#5fd3b4;--theme-button-secondary-border:#3d6d5d;--theme-button-tertiary-bg:transparent;--theme-button-tertiary-hover:#1f2a2e;--theme-button-tertiary-text:#b8c8cf;--theme-button-danger-bg:#a03c3c;--theme-button-danger-hover:#b84a4a;--theme-button-danger-text:#fff;--theme-card-bg:#1a2428;--theme-card-border:#1f2a2e;--theme-card-hover-bg:#1f2a2e;--theme-card-hover-shadow:0 8px 24px rgba(0,0,0,.3);--theme-card-active-border:#6b9baf;--theme-card-featured-border:#5fd3b4;--theme-card-featured-bg:linear-gradient(90deg,#1a2a26,#1a2428 8%);--theme-navbar-bg:#161d20;--theme-navbar-border:#1f2a2e;--theme-navbar-text:#b8c8cf;--theme-navbar-text-active:#5fd3b4;--theme-navbar-logo:#5fd3b4;--theme-badge-primary-bg:#1a2a2e;--theme-badge-primary-text:#6b9baf;--theme-badge-accent-bg:#1a2a26;--theme-badge-accent-text:#5fd3b4;--theme-status-completed:#5fd3b4;--theme-status-completed-bg:#1a2a26;--theme-status-completed-text:#0f1416;--theme-status-approved:#5fd3b4;--theme-status-approved-bg:#1a2a26;--theme-status-approved-text:#0f1416;--theme-status-in-progress:#6b9baf;--theme-status-in-progress-bg:#1a2a2e;--theme-status-in-progress-text:#0f1416;--theme-status-submitted:#a89cc8;--theme-status-submitted-bg:#252030;--theme-status-submitted-text:#0f1416;--theme-status-pending:#d4af37;--theme-status-pending-bg:#2a2820;--theme-status-pending-text:#0f1416;--theme-status-overdue:#e57373;--theme-status-overdue-bg:#2a2020;--theme-status-overdue-text:#0f1416;--theme-status-rejected:#c75050;--theme-status-rejected-bg:#2a2020;--theme-status-rejected-text:#fff;--theme-bg-inverse:#e8f0f2;--theme-text-inverse-primary:#0f1416;--theme-text-inverse-secondary:#4a5a60;--theme-text-inverse-tertiary:#7a8a90;--theme-border-inverse:#c8d0d0;--theme-focus-ring:0 0 0 3px rgba(107,155,175,.3);--theme-focus-ring-accent:0 0 0 3px rgba(95,211,180,.3);--theme-divider:#1f2a2e;--theme-skeleton-base:#1f2a2e;--theme-skeleton-shine:#2a3a40}}[data-theme=dark]{--theme-primary:#6b9baf;--theme-primary-hover:#7fabbf;--theme-primary-light:#1a2a2e;--theme-primary-dark:#8fbbd0;--theme-primary-rgb:107,155,175;--theme-accent:#5fd3b4;--theme-accent-hover:#73dcbf;--theme-accent-light:#1a2a26;--theme-accent-dark:#7fdfca;--theme-accent-rgb:95,211,180;--theme-bg-primary:#0f1416;--theme-bg-secondary:#161d20;--theme-bg-tertiary:#1f2a2e;--theme-bg-elevated:#1a2428;--theme-bg-overlay:rgba(0,0,0,.7);--theme-text-primary:#e8f0f2;--theme-text-secondary:#b8c8cf;--theme-text-tertiary:#7a8a90;--theme-text-inverse:#0f1416;--theme-text-disabled:#4a5a60;--theme-border-light:#1f2a2e;--theme-border-medium:#2a3a40;--theme-border-strong:#3a4a50;--theme-border-focus:#6b9baf;--theme-success:#5fd3b4;--theme-success-bg:#1a2a26;--theme-success-text:#7fdfca;--theme-success-border:#3d6d5d;--theme-warning:#d4af37;--theme-warning-bg:#2a2820;--theme-warning-text:#e4c960;--theme-warning-border:#6d5d2d;--theme-error:#e57373;--theme-error-bg:#2a2020;--theme-error-text:#f09090;--theme-error-border:#6d4040;--theme-info:#6b9baf;--theme-info-bg:#1a2a2e;--theme-info-text:#8fbbd0;--theme-info-border:#3d5d6d;--theme-shadow-sm:0 1px 2px 0 rgba(0,0,0,.3);--theme-shadow-base:0 1px 3px 0 rgba(0,0,0,.4),0 1px 2px 0 rgba(0,0,0,.3);--theme-shadow-md:0 4px 6px -1px rgba(0,0,0,.4),0 2px 4px -1px rgba(0,0,0,.3);--theme-shadow-lg:0 10px 15px -3px rgba(0,0,0,.4),0 4px 6px -2px rgba(0,0,0,.3);--theme-shadow-xl:0 20px 25px -5px rgba(0,0,0,.5),0 10px 10px -5px rgba(0,0,0,.4);--theme-shadow-2xl:0 25px 50px -12px rgba(0,0,0,.6);--theme-shadow-primary:0 4px 14px 0 rgba(107,155,175,.2);--theme-shadow-accent:0 4px 14px 0 rgba(95,211,180,.2);--theme-input-bg:#1a2428;--theme-input-bg-hover:#1f2a2e;--theme-input-border:#2a3a40;--theme-input-border-hover:#3a4a50;--theme-input-focus-border:#6b9baf;--theme-input-focus-ring:rgba(107,155,175,.2);--theme-input-placeholder:#7a8a90;--theme-input-disabled-bg:#161d20;--theme-button-primary-bg:linear-gradient(180deg,#5fd3b4,#4fc3a4);--theme-button-primary-bg-solid:#5fd3b4;--theme-button-primary-hover:linear-gradient(180deg,#73dcbf,#5fd3b4);--theme-button-primary-text:#0f1416;--theme-button-primary-shadow:0 4px 12px rgba(95,211,180,.25);--theme-button-primary-shadow-hover:0 6px 20px rgba(95,211,180,.3);--theme-button-secondary-bg:#1a2a26;--theme-button-secondary-hover:#253d36;--theme-button-secondary-text:#5fd3b4;--theme-button-secondary-border:#3d6d5d;--theme-button-tertiary-bg:transparent;--theme-button-tertiary-hover:#1f2a2e;--theme-button-tertiary-text:#b8c8cf;--theme-button-danger-bg:#a03c3c;--theme-button-danger-hover:#b84a4a;--theme-button-danger-text:#fff;--theme-card-bg:#1a2428;--theme-card-border:#1f2a2e;--theme-card-hover-bg:#1f2a2e;--theme-card-hover-shadow:0 8px 24px rgba(0,0,0,.3);--theme-card-active-border:#6b9baf;--theme-card-featured-border:#5fd3b4;--theme-card-featured-bg:linear-gradient(90deg,#1a2a26,#1a2428 8%);--theme-navbar-bg:#161d20;--theme-navbar-border:#1f2a2e;--theme-navbar-text:#b8c8cf;--theme-navbar-text-active:#5fd3b4;--theme-navbar-logo:#5fd3b4;--theme-badge-primary-bg:#1a2a2e;--theme-badge-primary-text:#6b9baf;--theme-badge-accent-bg:#1a2a26;--theme-badge-accent-text:#5fd3b4;--theme-status-completed:#5fd3b4;--theme-status-completed-bg:#1a2a26;--theme-status-completed-text:#0f1416;--theme-status-approved:#5fd3b4;--theme-status-approved-bg:#1a2a26;--theme-status-approved-text:#0f1416;--theme-status-in-progress:#6b9baf;--theme-status-in-progress-bg:#1a2a2e;--theme-status-in-progress-text:#0f1416;--theme-status-submitted:#a89cc8;--theme-status-submitted-bg:#252030;--theme-status-submitted-text:#0f1416;--theme-status-pending:#d4af37;--theme-status-pending-bg:#2a2820;--theme-status-pending-text:#0f1416;--theme-status-overdue:#e57373;--theme-status-overdue-bg:#2a2020;--theme-status-overdue-text:#0f1416;--theme-status-rejected:#c75050;--theme-status-rejected-bg:#2a2020;--theme-status-rejected-text:#fff;--theme-bg-inverse:#e8f0f2;--theme-text-inverse-primary:#0f1416;--theme-text-inverse-secondary:#4a5a60;--theme-text-inverse-tertiary:#7a8a90;--theme-border-inverse:#c8d0d0;--theme-focus-ring:0 0 0 3px rgba(107,155,175,.3);--theme-focus-ring-accent:0 0 0 3px rgba(95,211,180,.3);--theme-divider:#1f2a2e;--theme-skeleton-base:#1f2a2e;--theme-skeleton-shine:#2a3a40}[data-theme=light]{--theme-primary:#1b3a4f;--theme-primary-hover:#152d3d;--theme-primary-light:#e6eef2;--theme-primary-dark:#0f2233;--theme-primary-rgb:27,58,79;--theme-accent:#007f5f;--theme-accent-hover:#006b50;--theme-accent-light:#e6f4f0;--theme-accent-dark:#005f47;--theme-accent-rgb:0,127,95;--theme-bg-primary:#fafbfb;--theme-bg-secondary:#f2f4f4;--theme-bg-tertiary:#e8ecec;--theme-bg-elevated:#fff;--theme-bg-overlay:rgba(27,58,79,.6);--theme-text-primary:#1a2428;--theme-text-secondary:#4a5860;--theme-text-tertiary:#6b7880;--theme-text-inverse:#fafbfb;--theme-text-disabled:#a0a8ac;--theme-border-light:#e2e8e8;--theme-border-medium:#c8d0d0;--theme-border-strong:#a0acac;--theme-border-focus:#1b3a4f;--theme-success:#007f5f;--theme-success-bg:#e6f4f0;--theme-success-text:#005f47;--theme-success-border:#80bfaf;--theme-warning:#b8860b;--theme-warning-bg:#fdf6e6;--theme-warning-text:#8a6508;--theme-warning-border:#dbc285;--theme-error:#a03c3c;--theme-error-bg:#faeaea;--theme-error-text:#7a2d2d;--theme-error-border:#d09d9d;--theme-info:#1b3a4f;--theme-info-bg:#e6eef2;--theme-info-text:#152d3d;--theme-info-border:#8da4b4;--theme-shadow-sm:0 1px 2px 0 rgba(27,58,79,.05);--theme-shadow-base:0 1px 3px 0 rgba(27,58,79,.08),0 1px 2px 0 rgba(27,58,79,.04);--theme-shadow-md:0 4px 6px -1px rgba(27,58,79,.08),0 2px 4px -1px rgba(27,58,79,.04);--theme-shadow-lg:0 10px 15px -3px rgba(27,58,79,.08),0 4px 6px -2px rgba(27,58,79,.03);--theme-shadow-xl:0 20px 25px -5px rgba(27,58,79,.1),0 10px 10px -5px rgba(27,58,79,.04);--theme-shadow-2xl:0 25px 50px -12px rgba(27,58,79,.2);--theme-shadow-primary:0 4px 14px 0 rgba(27,58,79,.25);--theme-shadow-accent:0 4px 14px 0 rgba(0,127,95,.25);--theme-input-bg:#fff;--theme-input-bg-hover:#fafbfb;--theme-input-border:#c8d0d0;--theme-input-border-hover:#a0acac;--theme-input-focus-border:#1b3a4f;--theme-input-focus-ring:rgba(27,58,79,.15);--theme-input-placeholder:#6b7880;--theme-input-disabled-bg:#f2f4f4;--theme-button-primary-bg:linear-gradient(180deg,#1b3a4f,#152d3d);--theme-button-primary-bg-solid:#1b3a4f;--theme-button-primary-hover:linear-gradient(180deg,#234a63,#1b3a4f);--theme-button-primary-text:#fff;--theme-button-primary-shadow:0 4px 12px rgba(27,58,79,.25);--theme-button-primary-shadow-hover:0 6px 20px rgba(27,58,79,.3);--theme-button-secondary-bg:#e6f4f0;--theme-button-secondary-hover:#d4ede6;--theme-button-secondary-text:#007f5f;--theme-button-secondary-border:#80bfaf;--theme-button-tertiary-bg:transparent;--theme-button-tertiary-hover:#f2f4f4;--theme-button-tertiary-text:#4a5860;--theme-button-danger-bg:#a03c3c;--theme-button-danger-hover:#8a3333;--theme-button-danger-text:#fff;--theme-card-bg:#fff;--theme-card-border:#e2e8e8;--theme-card-hover-bg:#fafbfb;--theme-card-hover-shadow:0 8px 24px rgba(27,58,79,.1);--theme-card-active-border:#1b3a4f;--theme-card-featured-border:#007f5f;--theme-card-featured-bg:linear-gradient(90deg,#e6f4f0,#fff 8%);--theme-navbar-bg:#fff;--theme-navbar-border:#e2e8e8;--theme-navbar-text:#4a5860;--theme-navbar-text-active:#1b3a4f;--theme-navbar-logo:#1b3a4f;--theme-badge-primary-bg:#e6eef2;--theme-badge-primary-text:#1b3a4f;--theme-badge-accent-bg:#e6f4f0;--theme-badge-accent-text:#007f5f;--theme-status-completed:#007f5f;--theme-status-completed-bg:#e6f4f0;--theme-status-completed-text:#fff;--theme-status-approved:#007f5f;--theme-status-approved-bg:#e6f4f0;--theme-status-approved-text:#fff;--theme-status-in-progress:#1b3a4f;--theme-status-in-progress-bg:#e6eef2;--theme-status-in-progress-text:#fff;--theme-status-submitted:#6b5b95;--theme-status-submitted-bg:#f0edf5;--theme-status-submitted-text:#fff;--theme-status-pending:#b8860b;--theme-status-pending-bg:#fdf6e6;--theme-status-pending-text:#fff;--theme-status-overdue:#a03c3c;--theme-status-overdue-bg:#faeaea;--theme-status-overdue-text:#fff;--theme-status-rejected:#7a2d2d;--theme-status-rejected-bg:#faeaea;--theme-status-rejected-text:#fff;--theme-bg-inverse:#1a2428;--theme-text-inverse-primary:#fafbfb;--theme-text-inverse-secondary:#b8c8cf;--theme-text-inverse-tertiary:#7a8a90;--theme-border-inverse:#2a3a40;--theme-focus-ring:0 0 0 3px rgba(27,58,79,.2);--theme-focus-ring-accent:0 0 0 3px rgba(0,127,95,.2);--theme-divider:#e2e8e8;--theme-skeleton-base:#e8ecec;--theme-skeleton-shine:#f2f4f4}body{background-color:#fafbfb;background-color:var(--theme-bg-primary);font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font-body);transition:background-color .3s ease,color .3s ease}body,h1,h2,h3,h4,h5,h6{color:#1a2428;color:var(--theme-text-primary)}h1,h2,h3,h4,h5,h6{font-family:Sora,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font-heading);letter-spacing:-.02em;letter-spacing:var(--letter-spacing-heading)}h1{letter-spacing:-.025em}h2{letter-spacing:-.02em}h3,h4{letter-spacing:-.01em;letter-spacing:var(--letter-spacing-subheading)}code,kbd,pre,samp{font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,monospace;font-family:var(--font-mono)}*{transition-duration:.2s;transition-property:background-color,border-color,color,fill,stroke,box-shadow;transition-timing-function:ease}:where(.no-transition),:where([style*=transition]){transition-duration:revert;transition-property:revert;transition-timing-function:revert}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important}}@media (prefers-color-scheme:dark){img:not([src*=".svg"]){filter:brightness(.9)}a img:not([src*=".svg"]):hover,button img:not([src*=".svg"]):hover{filter:brightness(1)}}[data-theme=dark] img:not([src*=".svg"]){filter:brightness(.9)}[data-theme=dark] a img:not([src*=".svg"]):hover,[data-theme=dark] button img:not([src*=".svg"]):hover{filter:brightness(1)}.backdrop-blur{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.backdrop-blur-sm{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.backdrop-blur-lg{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}@media (prefers-color-scheme:dark){.glass{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:rgba(22,29,32,.8);border:1px solid hsla(0,0%,100%,.1)}}[data-theme=dark] .glass{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:rgba(22,29,32,.8);border:1px solid hsla(0,0%,100%,.1)}:root .glass,[data-theme=light] .glass{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:hsla(0,0%,100%,.8);border:1px solid rgba(0,0,0,.05)}@media (prefers-color-scheme:dark){::-webkit-scrollbar-track{background:#f2f4f4;background:var(--theme-bg-secondary)}::-webkit-scrollbar-thumb{background:#c8d0d0;background:var(--theme-border-medium)}::-webkit-scrollbar-thumb:hover{background:#a0acac;background:var(--theme-border-strong)}}[data-theme=dark] ::-webkit-scrollbar-track{background:#f2f4f4;background:var(--theme-bg-secondary)}[data-theme=dark] ::-webkit-scrollbar-thumb{background:#c8d0d0;background:var(--theme-border-medium)}[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:#a0acac;background:var(--theme-border-strong)}@media (prefers-color-scheme:dark){::selection{background:rgba(95,211,180,.3);color:#1a2428;color:var(--theme-text-primary)}}[data-theme=dark] ::selection{background:rgba(95,211,180,.3);color:#1a2428;color:var(--theme-text-primary)}@media (prefers-color-scheme:dark){::placeholder{color:#6b7880;color:var(--theme-text-tertiary);opacity:1}}[data-theme=dark] ::placeholder{color:#6b7880;color:var(--theme-text-tertiary);opacity:1}@media (prefers-color-scheme:dark){code,pre{background:#e8ecec;background:var(--theme-bg-tertiary);border:1px solid #e2e8e8;border:1px solid var(--theme-border-light)}}[data-theme=dark] code,[data-theme=dark] pre{background:#e8ecec;background:var(--theme-bg-tertiary);border:1px solid #e2e8e8;border:1px solid var(--theme-border-light)}@media (prefers-color-scheme:dark){hr{border-color:#e2e8e8;border-color:var(--theme-divider)}}[data-theme=dark] hr{border-color:#e2e8e8;border-color:var(--theme-divider)}@media (prefers-color-scheme:dark){table,td,th{border-color:#e2e8e8;border-color:var(--theme-border-light)}}[data-theme=dark] table,[data-theme=dark] td,[data-theme=dark] th{border-color:#e2e8e8;border-color:var(--theme-border-light)}.landing-page{background:var(--theme-bg-primary);color:var(--theme-text-primary);display:flex;flex-direction:column;min-height:100vh}.public-content{flex:1 1;padding-bottom:40px;padding-top:80px}.landing-nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--theme-bg-elevated);border-bottom:1px solid var(--theme-border-light);left:0;position:fixed;right:0;top:0;z-index:100}.landing-nav-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:16px 24px}.landing-logo{color:var(--theme-primary);font-size:24px;font-weight:700;text-decoration:none}.landing-nav-links{align-items:center;display:flex;gap:24px}.landing-nav-links a{color:var(--theme-text-secondary);font-size:15px;font-weight:500;text-decoration:none;transition:color .2s}.landing-nav-links a:hover{color:var(--theme-primary)}.landing-nav-btn{border-radius:8px;font-size:14px;font-weight:600;padding:10px 20px;text-decoration:none;transition:all .2s}.landing-nav-btn-secondary{background:transparent;color:var(--theme-text-primary)}.landing-nav-btn-secondary:hover{background:var(--theme-bg-tertiary)}.landing-nav-btn-primary{background:var(--theme-primary);color:#fff}.landing-nav-btn-primary:hover{background:var(--theme-primary-hover);color:#fff}.landing-hero{background:var(--theme-bg-secondary);padding:160px 24px 100px;text-align:center}.landing-hero-content{margin:0 auto;max-width:700px}.landing-hero h1{color:var(--theme-text-primary);font-size:48px;font-weight:700;line-height:1.2;margin-bottom:24px}.landing-hero-subtitle{color:var(--theme-text-secondary);font-size:20px;line-height:1.6;margin-bottom:40px}.landing-hero-cta{display:flex;gap:16px;justify-content:center;margin-bottom:24px}.landing-hero-note{color:var(--theme-text-tertiary);font-size:14px}.landing-btn{border:none;border-radius:8px;cursor:pointer;display:inline-block;font-size:16px;font-weight:600;padding:14px 28px;text-decoration:none;transition:all .2s}.landing-btn-primary{background:var(--theme-primary);color:#fff}.landing-btn-primary:hover{background:var(--theme-primary-hover);box-shadow:0 4px 12px rgba(33,150,243,.3);transform:translateY(-1px)}.landing-btn-secondary{background:var(--theme-bg-secondary);border:1px solid var(--theme-border-light);color:var(--theme-text-primary)}.landing-btn-secondary:hover{background:var(--theme-bg-tertiary)}.landing-btn-large{font-size:18px;padding:18px 36px}.landing-btn-full{text-align:center;width:100%}.landing-section-content{margin:0 auto;max-width:1200px;padding:0 24px}.landing-section-content h2{color:var(--theme-text-primary);font-size:36px;font-weight:700;margin-bottom:16px;text-align:center}.landing-section-subtitle{color:var(--theme-text-secondary);font-size:18px;margin:0 auto 60px;max-width:600px;text-align:center}.landing-features{background:var(--theme-bg-primary);padding:100px 24px}.landing-features-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(3,1fr)}.landing-feature-card{background:var(--theme-bg-secondary);border-radius:12px;padding:32px;transition:transform .2s,box-shadow .2s}.landing-feature-card:hover{box-shadow:0 8px 24px var(--theme-shadow);transform:translateY(-4px)}.landing-feature-icon{align-items:center;background:var(--theme-primary);border-radius:12px;color:#fff;display:flex;height:48px;justify-content:center;margin-bottom:20px;width:48px}.landing-feature-card h3{color:var(--theme-text-primary);font-size:20px;font-weight:600;margin-bottom:12px}.landing-feature-card p{color:var(--theme-text-secondary);font-size:15px;line-height:1.6}.landing-how-it-works{background:var(--theme-bg-secondary);padding:100px 24px}.landing-steps{grid-gap:48px;display:grid;gap:48px;grid-template-columns:repeat(3,1fr);margin-top:60px}.landing-step{text-align:center}.landing-step-number{align-items:center;background:var(--theme-primary);border-radius:50%;color:#fff;display:flex;font-size:28px;font-weight:700;height:64px;justify-content:center;margin:0 auto 24px;width:64px}.landing-step h3{color:var(--theme-text-primary);font-size:20px;font-weight:600;margin-bottom:12px}.landing-step p{color:var(--theme-text-secondary);font-size:15px;line-height:1.6}.landing-pricing{background:var(--theme-bg-primary);padding:100px 24px}.landing-pricing-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(3,1fr);margin:0 auto;max-width:1000px}.landing-pricing-card{background:var(--theme-bg-secondary);border:2px solid transparent;border-radius:16px;padding:32px;position:relative;transition:all .2s}.landing-pricing-card:hover{border-color:var(--theme-border-medium)}.landing-pricing-featured{background:var(--theme-bg-elevated);box-shadow:0 8px 32px var(--theme-shadow)}.landing-pricing-featured,.landing-pricing-featured:hover{border-color:var(--theme-primary)}.landing-pricing-badge{background:var(--theme-primary);border-radius:20px;color:#fff;font-size:13px;font-weight:600;left:50%;padding:6px 16px;position:absolute;top:-12px;transform:translateX(-50%)}.landing-pricing-card h3{color:var(--theme-text-primary);font-size:24px;font-weight:600;margin-bottom:16px}.landing-pricing-price{margin-bottom:16px}.landing-price-amount{color:var(--theme-text-primary);font-size:48px;font-weight:700}.landing-price-period{color:var(--theme-text-secondary);font-size:16px}.landing-pricing-description{color:var(--theme-text-secondary);font-size:14px;margin-bottom:24px;min-height:42px}.landing-pricing-features{list-style:none;margin:0 0 24px;padding:0}.landing-pricing-features li{align-items:center;border-bottom:1px solid var(--theme-border-light);color:var(--theme-text-secondary);display:flex;font-size:14px;gap:8px;padding:10px 0}.landing-pricing-features li:last-child{border-bottom:none}.landing-pricing-features li:before{color:var(--theme-success);content:"\2713";font-weight:600}.landing-cta{background:linear-gradient(135deg,var(--theme-primary) 0,#1565c0 100%);color:#fff;padding:100px 24px;text-align:center}.landing-cta h2{color:#fff;font-size:36px;font-weight:700;margin-bottom:16px}.landing-cta p{font-size:18px;margin-bottom:32px;opacity:.9}.landing-cta .landing-btn-primary{background:var(--theme-primary);color:#fff}.landing-cta .landing-btn-primary:hover{background:var(--theme-primary-hover);box-shadow:0 4px 12px rgba(0,0,0,.2);color:#fff}.landing-footer{background:var(--theme-bg-inverse);color:var(--theme-text-inverse);padding:60px 24px 24px}.landing-footer-content{grid-gap:60px;display:grid;gap:60px;grid-template-columns:2fr 3fr;margin:0 auto;max-width:1200px}.landing-footer-brand .landing-logo{color:var(--theme-text-inverse);display:block;margin-bottom:16px}.landing-footer-brand p{color:var(--theme-text-inverse-secondary);font-size:14px}.landing-footer-links{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(3,1fr)}.landing-footer-column h4{color:var(--theme-text-inverse);font-size:14px;font-weight:600;margin-bottom:16px}.landing-footer-column a{color:var(--theme-text-inverse-secondary);display:block;font-size:14px;padding:6px 0;text-decoration:none;transition:color .2s}.landing-footer-column a:hover{color:var(--theme-text-inverse)}.landing-footer-bottom{border-top:1px solid var(--theme-border-inverse);margin:48px auto 0;max-width:1200px;padding-top:24px;text-align:center}.landing-footer-bottom p{color:var(--theme-text-inverse-tertiary);font-size:14px}@media (max-width:1024px){.landing-features-grid{grid-template-columns:repeat(2,1fr)}.landing-steps{gap:24px;grid-template-columns:repeat(3,1fr)}.landing-pricing-grid{grid-template-columns:1fr;max-width:400px}.landing-pricing-featured{order:-1}}@media (max-width:768px){.landing-nav-links,.landing-nav-links a:not(.landing-nav-btn){display:none}.landing-hero{padding:120px 24px 60px}.landing-hero h1{font-size:32px}.landing-hero-subtitle{font-size:16px}.landing-hero-cta{flex-direction:column}.landing-section-content h2{font-size:28px}.landing-features{padding:60px 24px}.landing-features-grid{grid-template-columns:1fr}.landing-how-it-works{padding:60px 24px}.landing-steps{gap:40px;grid-template-columns:1fr}.landing-cta,.landing-pricing{padding:60px 24px}.landing-cta h2{font-size:28px}.landing-footer-content{gap:40px;grid-template-columns:1fr}.landing-footer-links{grid-template-columns:repeat(3,1fr)}}@media (max-width:480px){.landing-nav-content{padding:12px 16px}.landing-hero{padding:100px 16px 48px}.landing-hero h1{font-size:28px}.landing-footer-links{gap:24px;grid-template-columns:1fr 1fr}}.landing-mobile-menu{display:none}@media (max-width:768px){.landing-nav-links{background:var(--theme-bg-primary);box-shadow:-4px 0 20px var(--theme-shadow);flex-direction:column;gap:8px;height:100vh;padding:80px 24px 24px;position:fixed;right:-100%;top:0;transition:right .3s ease;width:280px}.landing-nav-links.open{display:flex;right:0}.landing-nav-links a{border-radius:8px;display:block;padding:12px 16px}.landing-nav-btn{text-align:center;width:100%}.landing-mobile-menu{background:none;border:none;cursor:pointer;display:block;padding:8px}.landing-mobile-menu span{background:var(--theme-text-primary);border-radius:2px;display:block;height:2px;margin:5px 0;width:24px}}.skeleton{background:var(--theme-bg-secondary);background:var(--theme-skeleton-base,var(--theme-bg-secondary));display:block}.skeleton-text{border-radius:4px;height:16px;margin-bottom:8px}.skeleton-text:last-child{margin-bottom:0}.skeleton-circular{border-radius:50%}.skeleton-rectangular{border-radius:0}.skeleton-rounded{border-radius:10px}.skeleton-pulse{animation:skeleton-pulse 1.5s ease-in-out infinite}.skeleton-wave{overflow:hidden;position:relative}.skeleton-wave:after{animation:skeleton-wave 1.6s linear infinite;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.3),transparent);background:linear-gradient(90deg,transparent,var(--theme-bg-tertiary,hsla(0,0%,100%,.3)),transparent);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes skeleton-wave{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.skeleton-text-group{display:flex;flex-direction:column}.skeleton-card{background:var(--theme-card-bg);border-radius:16px;box-shadow:var(--theme-shadow-sm);padding:20px}.skeleton-card-header{align-items:center;display:flex;gap:12px;margin-bottom:16px}.skeleton-card-header-text{display:flex;flex:1 1;flex-direction:column;gap:6px}.skeleton-card-body{margin-bottom:16px}.skeleton-card-footer{display:flex;justify-content:flex-end}.skeleton-table{width:100%}.skeleton-table-header{grid-gap:16px;gap:16px;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));padding:12px 16px}.skeleton-table-body{display:flex;flex-direction:column}.skeleton-table-row{grid-gap:16px;gap:16px;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));padding:16px}.skeleton-list{display:flex;flex-direction:column}.skeleton-list-item{align-items:center;border-bottom:1px solid var(--theme-border-light);display:flex;gap:12px;padding:12px 0}.skeleton-list-item:last-child{border-bottom:none}.skeleton-list-item-content{display:flex;flex:1 1;flex-direction:column;gap:6px}.skeleton-page{padding:24px}.skeleton-page-header{margin-bottom:24px}.skeleton-page-content{display:flex;flex-direction:column;gap:16px}.skeleton-task{align-items:flex-start;background:var(--theme-card-bg);border-radius:12px;display:flex;gap:12px;padding:16px}.skeleton-task-checkbox{flex-shrink:0}.skeleton-task-content{display:flex;flex:1 1;flex-direction:column;gap:8px}.skeleton-task-meta{display:flex;gap:12px}.skeleton-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.skeleton-inline{display:inline-block;vertical-align:middle}@media (prefers-reduced-motion:reduce){.skeleton-pulse,.skeleton-wave:after{animation:none}}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.spinner-container{align-items:center;display:inline-flex;gap:8px}.spinner-centered{align-items:center;flex-direction:column;gap:12px;justify-content:center}.spinner{animation:spinner-rotate 1s linear infinite;display:inline-block}.spinner svg{display:block}.spinner-track{stroke:currentColor;opacity:.2}.spinner-indicator{stroke:currentColor;stroke-dasharray:45 200;stroke-dashoffset:0;animation:spinner-dash 1.5s ease-in-out infinite}.spinner-sm{height:16px;width:16px}.spinner-md{height:24px;width:24px}.spinner-lg{height:36px;width:36px}.spinner-xl{height:48px;width:48px}.spinner-primary{color:var(--theme-primary)}.spinner-secondary{color:var(--theme-text-secondary)}.spinner-white{color:#fff}.spinner-inherit{color:inherit}.spinner-label{color:var(--theme-text-secondary);font-size:14px;font-weight:500}@keyframes spinner-rotate{to{transform:rotate(1turn)}}@keyframes spinner-dash{0%{stroke-dasharray:1 200;stroke-dashoffset:0}50%{stroke-dasharray:45 200;stroke-dashoffset:-35}to{stroke-dasharray:45 200;stroke-dashoffset:-125}}.loading-overlay-wrapper{position:relative}.loading-overlay{align-items:center;background:hsla(0,0%,100%,.8);background:var(--theme-overlay-bg,hsla(0,0%,100%,.8));border-radius:inherit;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:10}.loading-overlay-blur{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}@media(prefers-color-scheme: dark),[data-theme=dark] .loading-overlay{.loading-overlay{background:rgba(0,0,0,.6);background:var(--theme-overlay-bg,rgba(0,0,0,.6))}}.loading-button{align-items:center;display:inline-flex;gap:8px;justify-content:center;position:relative}.loading-button.is-loading{cursor:wait}.loading-button-spinner{align-items:center;display:inline-flex}.loading-page{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:50vh}.loading-page-message{color:var(--theme-text-secondary);font-size:16px;font-weight:500}.loading-inline{align-items:center;color:var(--theme-text-secondary);display:inline-flex;font-size:14px;gap:6px}@media (prefers-reduced-motion:reduce){.spinner{animation:none}.spinner-indicator{stroke-dasharray:45 200;stroke-dashoffset:-35;animation:none}}.verification-banner{background:var(--theme-warning-bg);border-bottom:2px solid var(--theme-warning);padding:var(--spacing-4) var(--spacing-6);position:-webkit-sticky;position:sticky;top:0;z-index:90}.verification-banner-content{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-4);margin:0 auto;max-width:1400px}.verification-banner-icon{flex-shrink:0;font-size:24px}.verification-banner-text{display:flex;flex:1 1;flex-direction:column;gap:var(--spacing-1);min-width:200px}.verification-banner-text strong{color:var(--theme-warning-text);font-size:var(--font-size-base);font-weight:var(--font-weight-bold)}.verification-banner-text span{color:var(--theme-warning-text);font-size:var(--font-size-sm);opacity:.9}.verification-banner-actions{align-items:center;display:flex;gap:var(--spacing-2)}.btn-primary-outline{background-color:transparent;border:2px solid var(--theme-warning);color:var(--theme-warning-text)}.btn-primary-outline:hover{background-color:var(--theme-warning-bg);opacity:.8}.btn-primary-outline:disabled{cursor:not-allowed;opacity:.6}.btn-text{background-color:transparent;color:var(--theme-warning-text);padding:var(--spacing-2) var(--spacing-3)}.btn-text:hover{background-color:var(--theme-warning-bg);opacity:.8}.verification-banner-message{border-radius:var(--radius-base);font-size:var(--font-size-sm);margin-top:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);width:100%}.verification-banner-message.success{background:var(--theme-success-bg);border:1px solid var(--theme-success);color:var(--theme-success-text)}.verification-banner-message.error{background:var(--theme-error-bg);border:1px solid var(--theme-error);color:var(--theme-error-text)}@media (max-width:768px){.verification-banner-content{align-items:flex-start;flex-direction:column;gap:var(--spacing-3)}.verification-banner-actions{justify-content:flex-start;width:100%}}.layout{background:var(--theme-bg-primary);display:flex;flex-direction:column;min-height:100vh}.navbar{background:var(--theme-bg-elevated);border-bottom:1px solid var(--theme-border-light);box-shadow:var(--theme-shadow-sm);position:-webkit-sticky;position:sticky;top:0;z-index:100}.navbar-content{align-items:center;display:flex;gap:24px;justify-content:space-between;margin:0 auto;max-width:1400px;padding:12px 24px}.mobile-menu-toggle{background:none;border:none;cursor:pointer;display:none;padding:8px;z-index:101}.hamburger{display:flex;flex-direction:column;gap:5px;width:24px}.hamburger span{background:var(--theme-text-primary);border-radius:2px;display:block;height:2px;transition:all .3s ease}.hamburger.open span:first-child{transform:rotate(45deg) translate(5px,5px)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.nav-section{display:contents}.desktop-only{display:flex}.mobile-menu-overlay,.mobile-only{display:none}.navbar-brand a{color:var(--theme-primary);font-size:24px;font-weight:700;text-decoration:none}.navbar-links{display:flex;flex:1 1;gap:24px}.navbar-links a{border-radius:6px;color:var(--theme-text-secondary);font-weight:600;padding:8px 16px;text-decoration:none;transition:all .2s}.navbar-links a:hover{background:var(--theme-bg-tertiary);color:var(--theme-primary)}.navbar-links a.active{background:var(--theme-primary);color:var(--theme-text-inverse)}.nav-dropdown{display:inline-flex;position:relative}.nav-dropdown-trigger{align-items:center;background:none;border:none;border-radius:6px;color:var(--theme-text-secondary);cursor:pointer;display:flex;font-family:inherit;font-size:inherit;font-weight:600;gap:4px;padding:8px 16px;transition:all .2s}.nav-dropdown-trigger:hover{background:var(--theme-bg-tertiary);color:var(--theme-primary)}.nav-dropdown-trigger.active{background:var(--theme-primary);color:var(--theme-text-inverse)}.nav-dropdown-arrow{font-size:10px;margin-left:2px}.nav-dropdown-menu{background:var(--theme-bg-elevated);border:1px solid var(--theme-border-light);border-radius:8px;box-shadow:var(--theme-shadow-lg);left:0;margin-top:4px;min-width:180px;overflow:hidden;position:absolute;top:100%;z-index:200}.nav-dropdown-item{background:none;border:none;color:var(--theme-text-primary);cursor:pointer;display:block;font-size:14px;padding:10px 14px;text-align:left;text-decoration:none;transition:background .15s;width:100%}.nav-dropdown-item:hover{background:var(--theme-bg-tertiary)}.nav-notifications{position:relative}.notification-badge{align-items:center;background:#f44336;border-radius:10px;box-shadow:0 2px 4px rgba(0,0,0,.2);color:#fff;display:flex;font-size:11px;font-weight:700;height:18px;justify-content:center;min-width:18px;padding:0 5px;position:absolute;right:-8px;top:-4px}.navbar-right{align-items:center;display:flex;gap:8px}.navbar-dropdown{position:relative}.navbar-dropdown-trigger{align-items:center;background:transparent;border:1px solid var(--theme-border-light);border-radius:6px;color:var(--theme-text-primary);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:8px 12px;transition:all .2s}.navbar-dropdown-trigger:hover{background:var(--theme-bg-tertiary);border-color:var(--theme-border-medium)}.navbar-org-name{max-width:150px}.navbar-org-name,.navbar-user-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.navbar-user-name{max-width:120px}.navbar-dropdown-arrow{color:var(--theme-text-secondary);font-size:10px}.navbar-dropdown-menu{background:var(--theme-bg-elevated);border:1px solid var(--theme-border-light);border-radius:8px;box-shadow:var(--theme-shadow-lg);margin-top:4px;min-width:180px;overflow:hidden;position:absolute;right:0;top:100%;z-index:200}.navbar-dropdown-item{background:none;border:none;color:var(--theme-text-primary);cursor:pointer;display:block;font-size:14px;padding:10px 14px;text-align:left;text-decoration:none;transition:background .15s;width:100%}.navbar-dropdown-item:hover{background:var(--theme-bg-tertiary)}.navbar-dropdown-item-danger{color:var(--theme-error)}.navbar-dropdown-item-danger:hover{background:rgba(244,67,54,.1)}.navbar-user{align-items:center;display:flex;gap:16px}.main-content{flex:1 1;margin:0 auto;max-width:1400px;padding:24px;width:100%}@media (max-width:768px){.mobile-menu-toggle{display:block;order:3}.navbar-content{padding:12px 16px}.navbar-brand{order:1}.navbar-brand a{font-size:20px}.desktop-only{display:none}.mobile-only{display:flex}.navbar-links{background:var(--theme-bg-elevated);box-shadow:-4px 0 20px rgba(0,0,0,.15);box-shadow:var(--shadow-xl,-4px 0 20px rgba(0,0,0,.15));flex-direction:column;gap:0;height:100vh;overflow-y:auto;padding:72px 20px 24px;position:fixed;right:-280px;top:0;transition:right .3s ease;width:280px;z-index:100}.navbar-links.mobile-open{right:0}.nav-section{border-bottom:1px solid var(--theme-border-light);display:flex;flex-direction:column;padding:12px 0}.nav-section:last-child{border-bottom:none;margin-top:auto;padding-top:20px}.navbar-links a{border-radius:8px;border-radius:var(--radius-base,8px);font-size:15px;margin:2px 0;padding:12px 16px}.navbar-links a:hover{background:var(--theme-bg-tertiary)}.navbar-links a.active{background:rgba(33,150,243,.1);background:var(--color-primary-100,rgba(33,150,243,.1));color:var(--theme-primary)}[data-theme=dark] .navbar-links a.active{background:rgba(33,150,243,.15)}.mobile-section-label{color:var(--theme-text-tertiary);font-size:11px;font-weight:600;letter-spacing:.5px;margin-top:4px;padding:0 16px 8px;text-transform:uppercase}.mobile-org-name{color:var(--theme-primary);font-size:15px;font-weight:600;margin-bottom:4px;padding:8px 16px}.mobile-user-info{align-items:center;background:var(--theme-bg-tertiary);border-radius:8px;border-radius:var(--radius-base,8px);display:flex;justify-content:space-between;margin-bottom:12px;padding:12px 16px}.mobile-user-info .user-name{font-size:14px;font-weight:600}.mobile-logout{justify-content:center;width:100%}.navbar-right{display:none}.mobile-menu-overlay{background:rgba(0,0,0,.5);bottom:0;display:block;left:0;position:fixed;right:0;top:0;z-index:99}}@media (max-width:480px){.navbar-content{padding:10px 12px}.navbar-brand a{font-size:18px}.main-content{padding:16px 12px}.navbar-links{right:-260px;width:260px}.navbar-links.mobile-open{right:0}}.site-footer{background:var(--theme-bg-secondary);border-top:1px solid var(--theme-border-light);margin-top:auto;padding:1rem;text-align:center}.footer-links{align-items:center;display:flex;font-size:.75rem;gap:.5rem;justify-content:center}.footer-links a{color:var(--theme-text-tertiary);text-decoration:none;transition:color .15s ease}.footer-links a:hover{color:var(--theme-text-primary)}.footer-divider{color:var(--theme-text-tertiary)}.form-field{margin-bottom:20px}.form-field:last-child{margin-bottom:0}.form-field-label{color:var(--theme-text-primary);display:block;font-family:var(--font-body);font-size:14px;font-weight:500;line-height:1.4;margin-bottom:8px}.form-field-sm .form-field-label{font-size:13px;margin-bottom:6px}.form-field-lg .form-field-label{font-size:15px;margin-bottom:10px}.form-field-required{color:var(--theme-error);margin-left:4px}.form-field-input-wrapper{align-items:stretch;display:flex;position:relative}.form-field-input{background:var(--theme-input-bg);border:1.5px solid var(--theme-input-border);border-radius:10px;box-sizing:border-box;color:var(--theme-text-primary);font-family:var(--font-body);font-size:15px;padding:12px 16px;transition:all .2s ease;width:100%}.form-field-input-sm{border-radius:8px;font-size:14px;padding:8px 12px}.form-field-input-lg{border-radius:12px;font-size:16px;padding:16px 20px}.form-field-input::placeholder{color:var(--theme-input-placeholder)}.form-field-input:hover:not(:focus):not(:disabled){background:var(--theme-input-bg-hover);border-color:var(--theme-input-border-hover)}.form-field-input:focus{background:var(--theme-input-bg);border-color:var(--theme-input-focus-border);box-shadow:0 0 0 4px var(--theme-input-focus-ring);outline:none}.form-field-input:disabled{background:var(--theme-input-disabled-bg);color:var(--theme-text-disabled);cursor:not-allowed;opacity:.6}.form-field-input.has-error{border-color:var(--theme-error)}.form-field-input.has-error:focus{box-shadow:0 0 0 4px rgba(160,60,60,.15)}textarea.form-field-input{line-height:1.5;min-height:100px;resize:vertical}select.form-field-input{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%234A5860' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;cursor:pointer;padding-right:48px}.form-field-addon{align-items:center;background:var(--theme-bg-secondary);border:1.5px solid var(--theme-input-border);color:var(--theme-text-secondary);display:flex;font-size:14px;justify-content:center;padding:0 12px}.form-field-addon-left{border-radius:10px 0 0 10px;border-right:none}.form-field-addon-right{border-left:none;border-radius:0 10px 10px 0}.has-left-addon .form-field-input{border-bottom-left-radius:0;border-top-left-radius:0}.has-right-addon .form-field-input{border-bottom-right-radius:0;border-top-right-radius:0}.form-field-error-message{align-items:flex-start;color:var(--theme-error-text);display:flex;font-size:13px;gap:6px;line-height:1.4;margin:6px 0 0}.form-field-error-message:before{align-items:center;background:var(--theme-error);border-radius:50%;color:#fff;content:"!";display:inline-flex;flex-shrink:0;font-size:11px;font-weight:700;height:16px;justify-content:center;width:16px}.form-field-helper{color:var(--theme-text-tertiary);font-size:13px;line-height:1.4;margin:6px 0 0}.form-group{border:none;margin:0 0 24px;padding:0}.form-group:last-child{margin-bottom:0}.form-group-legend{color:var(--theme-text-primary);font-family:var(--font-heading);font-size:16px;font-weight:600;margin-bottom:8px;padding:0}.form-group-description{color:var(--theme-text-secondary);font-size:14px;line-height:1.5;margin:0 0 16px}.form-group-fields{display:flex;flex-direction:column;gap:16px}.form-actions{border-top:1px solid var(--theme-divider);margin-top:24px;padding-top:24px}.form-actions-left{justify-content:flex-start}.form-actions-center{justify-content:center}.form-actions-right{justify-content:flex-end}.form-actions-spread{justify-content:space-between}.form-field-inline{align-items:center;display:flex;gap:12px}.form-field-inline .form-field-label{margin-bottom:0;white-space:nowrap}.form-field-inline .form-field-input-wrapper{flex:1 1}.form-field-char-count{color:var(--theme-text-tertiary);font-size:12px;margin-top:4px;text-align:right}.form-field-char-count.near-limit{color:var(--theme-warning)}.form-field-char-count.at-limit{color:var(--theme-error)}.password-strength-bar{background:var(--theme-border-light);border-radius:2px;height:4px;overflow:hidden}.password-strength-fill{height:100%;transition:width .3s ease,background-color .3s ease}.password-strength-fill.weak{background-color:var(--theme-error);width:25%}.password-strength-fill.fair{background-color:var(--theme-warning);width:50%}.password-strength-fill.good{background-color:var(--theme-info);width:75%}.password-strength-fill.strong{background-color:var(--theme-success);width:100%}.password-strength-text{color:var(--theme-text-tertiary);font-size:12px;margin-top:4px}@media (max-width:480px){.form-field-input{font-size:16px;padding:14px 16px}.form-actions{flex-direction:column}.form-actions button{width:100%}.form-field-inline{align-items:flex-start;flex-direction:column}.form-field-inline .form-field-input-wrapper{width:100%}}.card{background:var(--theme-card-bg);border-radius:16px;display:flex;flex-direction:column;transition:all .25s ease}button.card{border:none;color:inherit;cursor:pointer;font:inherit;text-align:left;width:100%}.card-default{box-shadow:var(--theme-shadow-base)}.card-elevated{box-shadow:var(--theme-shadow-lg)}.card-elevated:hover{box-shadow:var(--theme-card-hover-shadow)}.card-outlined{border:1px solid var(--theme-border-light);box-shadow:none}.card-outlined:hover{border-color:var(--theme-border-medium)}.card-featured{background:var(--theme-card-featured-bg);border-left:4px solid var(--theme-card-featured-border)}.card-featured,.card-interactive{box-shadow:var(--theme-shadow-base)}.card-interactive{cursor:pointer}.card-interactive:hover{box-shadow:var(--theme-card-hover-shadow);transform:translateY(-4px)}.card-interactive:active{transform:translateY(-2px)}.card-interactive:focus-visible{box-shadow:var(--theme-focus-ring),var(--theme-shadow-base);outline:none}.card-active{border:2px solid var(--theme-card-active-border)}.card-sm{border-radius:12px;padding:12px}.card-md{border-radius:16px;padding:20px}.card-lg{border-radius:20px;padding:28px}.card-no-padding{padding:0}.card-header{align-items:flex-start;border-bottom:1px solid var(--theme-divider);display:flex;gap:16px;justify-content:space-between;margin-bottom:16px;padding-bottom:16px}.card-no-padding .card-header{margin-bottom:0;padding:20px 20px 16px}.card-header-content{flex:1 1;min-width:0}.card-header-action{flex-shrink:0}.card-title{color:var(--theme-text-primary);font-family:var(--font-heading);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);line-height:1.3;margin:0}.card-sm .card-title{font-size:var(--font-size-base)}.card-lg .card-title{font-size:var(--font-size-xl)}.card-description{color:var(--theme-text-secondary);font-size:var(--font-size-sm);line-height:1.5;margin:4px 0 0}.card-body{flex:1 1}.card-no-padding .card-body{padding:0 20px}.card-footer{align-items:center;border-top:1px solid var(--theme-divider);display:flex;gap:12px;margin-top:16px;padding-top:16px}.card-no-padding .card-footer{margin-top:0;padding:16px 20px 20px}.card-footer-left{justify-content:flex-start}.card-footer-center{justify-content:center}.card-footer-right{justify-content:flex-end}.card-footer-spread{justify-content:space-between}.card-media{background:var(--theme-bg-secondary);overflow:hidden}.card-media img{display:block;height:100%;object-fit:cover;width:100%}.card-media-top{border-radius:16px 16px 0 0;margin:-20px -20px 16px}.card-sm .card-media-top{border-radius:12px 12px 0 0;margin:-12px -12px 12px}.card-lg .card-media-top{border-radius:20px 20px 0 0;margin:-28px -28px 20px}.card-no-padding .card-media-top{margin:0}.card-media-bottom{border-radius:0 0 16px 16px;margin:16px -20px -20px}.card-media-square{aspect-ratio:1/1}.card-media-video{aspect-ratio:16/9}.card-media-photo{aspect-ratio:4/3}.card-badge{align-items:center;border-radius:100px;display:inline-flex;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.02em;padding:4px 10px;text-transform:uppercase}.card-badge-default{background:var(--theme-bg-secondary);color:var(--theme-text-secondary)}.card-badge-success{background:var(--theme-success-bg);color:var(--theme-success-text)}.card-badge-warning{background:var(--theme-warning-bg);color:var(--theme-warning-text)}.card-badge-error{background:var(--theme-error-bg);color:var(--theme-error-text)}.card-badge-info{background:var(--theme-info-bg);color:var(--theme-info-text)}.card-group-horizontal{-webkit-overflow-scrolling:touch;display:flex;gap:16px;overflow-x:auto;padding-bottom:8px;scroll-snap-type:x mandatory}.card-group-horizontal>.card{flex-shrink:0;scroll-snap-align:start}.card-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.card-grid-sm{gap:16px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.card-grid-lg{gap:24px;grid-template-columns:repeat(auto-fill,minmax(360px,1fr))}.card-stack{display:flex;flex-direction:column;gap:16px}@media (max-width:768px){.card-md{border-radius:12px;padding:16px}.card-lg{border-radius:16px;padding:20px}.card-media-top{border-radius:12px 12px 0 0;margin:-16px -16px 12px}.card-header{flex-direction:column;gap:12px}.card-header-action{width:100%}.card-footer{flex-wrap:wrap}.card-grid{gap:16px;grid-template-columns:1fr}}@keyframes card-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.card-animate-enter{animation:card-enter .3s ease-out}.card-grid-animate .card:first-child{animation-delay:0ms}.card-grid-animate .card:nth-child(2){animation-delay:50ms}.card-grid-animate .card:nth-child(3){animation-delay:.1s}.card-grid-animate .card:nth-child(4){animation-delay:.15s}.card-grid-animate .card:nth-child(5){animation-delay:.2s}.card-grid-animate .card:nth-child(6){animation-delay:.25s}@media (prefers-reduced-motion:reduce){.card-interactive:active,.card-interactive:hover{transform:none}.card-animate-enter{animation:none}.card-grid-animate .card{animation-delay:0ms}}.theme-toggle{display:inline-block;position:relative}.theme-toggle-button{align-items:center;background-color:var(--theme-bg-secondary);border:1px solid var(--theme-border-medium);border-radius:8px;color:var(--theme-text-primary);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;outline:none;padding:8px 12px;transition:all .2s ease}.theme-toggle-button:hover{background-color:var(--theme-bg-tertiary);border-color:var(--theme-border-strong)}.theme-toggle-button:focus{border-color:var(--theme-border-focus);box-shadow:0 0 0 3px var(--theme-primary-light)}.theme-toggle-button:active{transform:scale(.98)}.theme-toggle-icon{align-items:center;display:flex;font-size:18px;justify-content:center;line-height:1}.theme-toggle-label{-webkit-user-select:none;user-select:none}.theme-toggle-chevron{color:var(--theme-text-secondary);transition:transform .2s ease}.theme-toggle-chevron.open{transform:rotate(180deg)}.theme-toggle-dropdown{animation:dropdownFadeIn .15s ease-out;background-color:var(--theme-bg-elevated);border:1px solid var(--theme-border-medium);border-radius:8px;box-shadow:var(--theme-shadow-lg);min-width:180px;padding:4px;position:absolute;right:0;top:calc(100% + 8px);z-index:1000}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.theme-toggle-option{align-items:center;background:transparent;border:none;border-radius:6px;color:var(--theme-text-primary);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:12px;outline:none;padding:10px 12px;text-align:left;transition:background-color .15s ease;width:100%}.theme-toggle-option:focus,.theme-toggle-option:hover{background-color:var(--theme-bg-tertiary)}.theme-toggle-option:focus{box-shadow:0 0 0 2px var(--theme-border-focus)}.theme-toggle-option.active{color:var(--theme-primary)}.theme-toggle-option.active,.theme-toggle-option.active:hover{background-color:var(--theme-primary-light)}.theme-option-icon{align-items:center;display:flex;flex-shrink:0;font-size:18px;justify-content:center;line-height:1}.theme-option-label{flex:1 1;-webkit-user-select:none;user-select:none}.theme-option-check{color:var(--theme-primary);flex-shrink:0}.theme-option-hint{color:var(--theme-text-secondary);font-size:12px;font-weight:400;margin-left:auto}@media (max-width:640px){.theme-toggle-label{display:none}.theme-toggle-button{padding:8px}.theme-toggle-dropdown{left:50%;right:auto;transform:translateX(-50%)}}@media (prefers-reduced-motion:reduce){.theme-toggle-button,.theme-toggle-chevron,.theme-toggle-option{transition:none}.theme-toggle-dropdown{animation:none}}.onboarding-modal.modal-overlay{align-items:center;background-color:var(--theme-bg-overlay);bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.onboarding-modal .modal-content{background:var(--theme-card-bg);border-radius:12px;box-shadow:var(--theme-shadow-xl);max-height:90vh;max-width:600px;overflow-y:auto;padding:32px;width:100%}.onboarding-modal h2{color:var(--theme-text-primary);font-size:24px;font-weight:600;margin-bottom:24px;margin-top:0;text-align:center}.onboarding-modal .onboarding-choice p{color:var(--theme-text-secondary);margin-bottom:24px;text-align:center}.onboarding-modal .choice-cards{grid-gap:16px;display:grid;gap:16px;margin-bottom:24px}.onboarding-modal .choice-card{background:var(--theme-card-bg);border:2px solid var(--theme-border-medium);border-radius:8px;cursor:pointer;padding:24px;text-align:center;transition:all .2s}.onboarding-modal .choice-card:hover{background-color:var(--theme-bg-tertiary);border-color:var(--theme-primary);box-shadow:var(--theme-shadow-md);transform:translateY(-2px)}.onboarding-modal .choice-icon{font-size:48px;margin-bottom:12px}.onboarding-modal .choice-card h3{color:var(--theme-text-primary);font-size:18px;font-weight:600;margin:12px 0 8px}.onboarding-modal .choice-card p{color:var(--theme-text-secondary);font-size:14px;margin:0}.onboarding-modal .btn-skip{background:transparent;border:1px solid var(--theme-border-medium);border-radius:6px;color:var(--theme-text-secondary);cursor:pointer;font-size:14px;padding:12px;transition:all .2s;width:100%}.onboarding-modal .btn-skip:hover{background-color:var(--theme-bg-tertiary);border-color:var(--theme-border-strong)}.onboarding-modal .onboarding-step{position:relative}.onboarding-modal .btn-back{background:transparent;border:none;color:var(--theme-primary);cursor:pointer;font-size:14px;margin-bottom:16px;padding:8px 0;transition:opacity .2s}.onboarding-modal .btn-back:hover{opacity:.7}.onboarding-modal .onboarding-step h3{color:var(--theme-text-primary);font-size:20px;font-weight:600;margin:0 0 8px}.onboarding-modal .onboarding-step p{color:var(--theme-text-secondary);font-size:14px;margin:0 0 16px}.onboarding-modal .invite-code-input,.onboarding-modal .org-name-input,.onboarding-modal .search-input{background:var(--theme-input-bg);border:2px solid var(--theme-border-medium);border-radius:6px;color:var(--theme-text-primary);font-family:Courier New,monospace;font-size:16px;letter-spacing:1px;margin-bottom:16px;padding:12px 16px;transition:border-color .2s;width:100%}.onboarding-modal .invite-code-input:focus,.onboarding-modal .org-name-input:focus,.onboarding-modal .search-input:focus{border-color:var(--theme-primary);outline:none}.onboarding-modal .join-message-input,.onboarding-modal .org-description-input{background:var(--theme-input-bg);border:2px solid var(--theme-border-medium);border-radius:6px;color:var(--theme-text-primary);font-family:inherit;font-size:14px;margin-bottom:16px;padding:12px 16px;resize:vertical;transition:border-color .2s;width:100%}.onboarding-modal .join-message-input:focus,.onboarding-modal .org-description-input:focus{border-color:var(--theme-primary);outline:none}.onboarding-modal .error-message{background-color:var(--theme-error-bg);border:1px solid var(--theme-error);border-radius:6px;color:var(--theme-error-text);font-size:14px;margin-bottom:16px;padding:12px}.onboarding-modal .modal-actions{display:flex;gap:12px;justify-content:flex-end}.onboarding-modal .btn-primary,.onboarding-modal .btn-secondary{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;padding:12px 24px;transition:all .2s}.onboarding-modal .btn-primary{background-color:var(--theme-primary);color:var(--theme-text-inverse)}.onboarding-modal .btn-primary:hover:not(:disabled){background-color:var(--theme-primary-hover)}.onboarding-modal .btn-primary:disabled{cursor:not-allowed;opacity:.5}.onboarding-modal .organizations-list{margin-bottom:16px;margin-top:16px;max-height:300px;overflow-y:auto}.onboarding-modal .organization-card{align-items:center;background:var(--theme-card-bg);border:1px solid var(--theme-border-medium);border-radius:6px;display:flex;justify-content:space-between;margin-bottom:12px;padding:16px;transition:all .2s}.onboarding-modal .organization-card:hover{background-color:var(--theme-bg-tertiary);border-color:var(--theme-primary)}.onboarding-modal .org-info h4{color:var(--theme-text-primary);font-size:16px;font-weight:600;margin:0 0 4px}.onboarding-modal .org-info p{color:var(--theme-text-secondary);font-size:14px;margin:0 0 8px}.onboarding-modal .member-count{background-color:var(--theme-bg-tertiary);border-radius:4px;color:var(--theme-text-tertiary);font-size:12px;padding:4px 8px}.onboarding-modal .btn-join{background-color:var(--theme-primary);border:none;border-radius:6px;color:var(--theme-text-inverse);cursor:pointer;font-size:14px;padding:8px 16px;transition:background-color .2s;white-space:nowrap}.onboarding-modal .btn-join:hover{background-color:var(--theme-primary-hover)}.onboarding-modal .no-results{color:var(--theme-text-tertiary);font-size:14px;padding:32px;text-align:center}.onboarding-modal .join-request-form{background-color:var(--theme-bg-tertiary);border-radius:6px;margin-top:16px;padding:16px}.onboarding-modal .join-request-form h4{color:var(--theme-text-primary);font-size:16px;font-weight:600;margin:0 0 12px}@media (max-width:640px){.onboarding-modal .modal-content{padding:24px}.onboarding-modal h2{font-size:20px}.onboarding-modal .choice-icon{font-size:36px}.onboarding-modal .choice-card h3{font-size:16px}.onboarding-modal .organization-card{align-items:flex-start;flex-direction:column;gap:12px}.onboarding-modal .btn-join{width:100%}}.rich-text-editor{background:var(--theme-input-bg);border:1px solid var(--theme-input-border);border-radius:6px;overflow:hidden}.rich-text-editor.readonly{background:transparent;border:none}.editor-toolbar{background:var(--theme-bg-secondary);border-bottom:1px solid var(--theme-border-medium);display:flex;flex-wrap:wrap;gap:4px;padding:8px}.editor-toolbar button{background:var(--theme-bg-primary);border:1px solid var(--theme-border-medium);border-radius:4px;color:var(--theme-text-primary);cursor:pointer;font-size:14px;min-width:32px;padding:6px 10px;transition:all .15s ease}.editor-toolbar button:hover{background:var(--theme-bg-tertiary);border-color:var(--theme-border-strong)}.editor-toolbar button.is-active{background:var(--theme-primary);border-color:var(--theme-primary);color:var(--theme-text-inverse)}.toolbar-divider{align-self:stretch;background:var(--theme-border-medium);margin:0 4px;width:1px}.editor-content{background:var(--theme-input-bg);max-height:400px;min-height:150px;overflow-y:auto;padding:12px}.editor-content .ProseMirror{min-height:126px;outline:none}.editor-content .ProseMirror p.is-editor-empty:first-child:before{color:var(--theme-input-placeholder);content:attr(data-placeholder);float:left;height:0;pointer-events:none}.editor-content .ProseMirror,.rich-text-display{color:var(--theme-text-primary);font-size:14px;line-height:1.6}.editor-content .ProseMirror p,.rich-text-display p{margin:0 0 .75em}.editor-content .ProseMirror p:last-child,.rich-text-display p:last-child{margin-bottom:0}.editor-content .ProseMirror ol,.editor-content .ProseMirror ul,.rich-text-display ol,.rich-text-display ul{margin:0 0 .75em;padding-left:1.5em}.editor-content .ProseMirror li,.rich-text-display li{margin-bottom:.25em}.editor-content .ProseMirror h3,.rich-text-display h3{color:var(--theme-text-primary);font-size:1.1em;font-weight:600;margin:0 0 .5em}.editor-content .ProseMirror blockquote,.rich-text-display blockquote{border-left:3px solid var(--theme-primary);color:var(--theme-text-secondary);margin:0 0 .75em;padding-left:1em}.editor-content .ProseMirror code,.rich-text-display code{background:var(--theme-bg-tertiary);border-radius:4px;color:var(--theme-text-primary);font-family:Monaco,Menlo,Consolas,monospace;font-size:.9em;padding:2px 6px}.editor-content .ProseMirror pre,.rich-text-display pre{background:var(--theme-bg-tertiary);border-radius:6px;color:var(--theme-text-primary);margin:0 0 .75em;overflow-x:auto;padding:12px}.editor-content .ProseMirror pre code,.rich-text-display pre code{background:none;padding:0}.editor-content .ProseMirror strong,.rich-text-display strong{font-weight:600}.editor-content .ProseMirror em,.rich-text-display em{font-style:italic}.editor-content .ProseMirror s,.rich-text-display s{color:var(--theme-text-secondary);text-decoration:line-through}.rich-text-editor:focus-within{border-color:var(--theme-input-focus-border);box-shadow:0 0 0 2px var(--theme-primary-light)}.editor-content::-webkit-scrollbar{width:8px}.editor-content::-webkit-scrollbar-track{background:var(--theme-bg-secondary);border-radius:4px}.editor-content::-webkit-scrollbar-thumb{background:var(--theme-border-strong);border-radius:4px}.editor-content::-webkit-scrollbar-thumb:hover{background:var(--theme-text-tertiary)}.auth-container{align-items:center;background:linear-gradient(135deg,var(--theme-primary) 0,var(--theme-primary-dark) 100%);display:flex;justify-content:center;min-height:100vh;padding:20px}.auth-card{background:var(--theme-card-bg);border-radius:12px;box-shadow:var(--theme-shadow-xl);max-width:450px;padding:40px;width:100%}.auth-card h1{color:var(--theme-text-primary);font-size:32px;margin-bottom:8px;text-align:center}.auth-subtitle{color:var(--theme-text-secondary);font-size:16px;margin-bottom:32px;text-align:center}.auth-card form{margin-top:24px}.auth-card .btn{margin-top:16px;width:100%}.auth-link{color:var(--theme-text-secondary);margin-top:20px;text-align:center}.auth-link a{color:var(--theme-primary);font-weight:600;text-decoration:none}.auth-link a:hover{text-decoration:underline}.test-credentials{background:var(--theme-info-bg);border:1px solid var(--theme-info);border-radius:6px;color:var(--theme-text-secondary);font-size:14px;margin-top:24px;padding:16px;text-align:center}.verification-status{padding:20px;text-align:center}.spinner{animation:spin 1s linear infinite;border-top:4px solid var(--theme-border-light);border:4px solid var(--theme-border-light);border-radius:50%;border-top-color:var(--theme-primary);height:40px;margin:0 auto 20px;width:40px}.error-icon,.success-icon{align-items:center;display:flex;height:60px;justify-content:center;margin:0 auto 20px;width:60px}.error-icon{background:var(--theme-error);border-radius:50%;color:var(--theme-text-inverse);font-size:40px}.success-message{color:var(--theme-success)}.error-message,.success-message{font-size:18px;font-weight:600;margin-bottom:12px}.error-message{color:var(--theme-error)}.redirect-message{color:var(--theme-text-secondary);font-size:14px;margin-bottom:20px}.verification-status .btn{margin-top:16px;max-width:200px}.admin-dashboard-page{margin:0 auto;max-width:1400px}.admin-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:32px}.admin-header h1{color:var(--theme-text-primary);margin:0}.admin-filters{grid-gap:16px;display:grid;gap:16px;grid-template-columns:2fr 1fr 1fr;margin-bottom:24px}.search-input{background:var(--theme-card-bg);border:2px solid var(--theme-border-medium);border-radius:8px;color:var(--theme-text-primary);font-size:14px;padding:12px 16px;width:100%}.search-input:focus{border-color:var(--theme-primary);outline:none}.filter-select{background:var(--theme-card-bg);border:2px solid var(--theme-border-medium);border-radius:8px;color:var(--theme-text-primary);cursor:pointer;font-size:14px;padding:12px 16px;width:100%}.filter-select:focus{border-color:var(--theme-primary);outline:none}.users-table-container{background:var(--theme-card-bg);border-radius:12px;box-shadow:var(--theme-shadow-sm);overflow-x:auto}.users-table{border-collapse:collapse;width:100%}.users-table thead{background:var(--theme-bg-tertiary)}.users-table th{border-bottom:2px solid var(--theme-border-medium);font-weight:600;text-align:left}.users-table td,.users-table th{color:var(--theme-text-primary);padding:16px}.users-table td{border-bottom:1px solid var(--theme-border-light)}.users-table tbody tr:hover{background:var(--theme-bg-secondary)}.username{color:var(--theme-text-secondary);font-size:12px}.badge-super-admin{background:var(--theme-error-bg);color:var(--theme-error-text)}.badge-admin{background:var(--theme-primary-light);color:var(--theme-primary)}.admin-dashboard .btn-sm{font-size:12px;padding:6px 12px}.btn-warning{background:var(--theme-warning);color:var(--theme-text-inverse)}.btn-warning:hover{background:var(--theme-warning);opacity:.9}@media (max-width:1024px){.admin-filters{grid-template-columns:1fr}.users-table-container{overflow-x:auto}.users-table{min-width:900px}}@media (max-width:768px){.admin-header{align-items:flex-start;gap:16px}.action-buttons,.admin-header{flex-direction:column}.admin-dashboard .btn-sm{width:100%}}.admin-header-actions{display:flex;gap:12px}.admin-dashboard .modal-overlay{align-items:center;background:var(--theme-bg-overlay);bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.admin-dashboard .modal-content{background:var(--theme-card-bg);border-radius:12px;box-shadow:var(--theme-shadow-xl);max-height:90vh;max-width:500px;overflow-y:auto;width:100%}.modal-close{background:none;border:none;color:var(--theme-text-secondary);cursor:pointer;font-size:28px;line-height:1;padding:0}.modal-close:hover{color:var(--theme-text-primary)}.create-user-modal form{padding:24px}.form-group label{font-size:14px}.form-group input,.form-group select{background:var(--theme-card-bg);border:2px solid var(--theme-border-medium);border-radius:8px;box-sizing:border-box;color:var(--theme-text-primary);font-size:14px;padding:12px 16px;width:100%}.form-group input:focus,.form-group select:focus{border-color:var(--theme-primary);outline:none}.password-input-group{display:flex;gap:8px}.password-input-group input{flex:1 1}.form-info{background:var(--theme-bg-tertiary);border-radius:8px;margin-bottom:20px;padding:12px 16px}.form-info p{color:var(--theme-text-secondary);font-size:13px;line-height:1.6;margin:0}.modal-actions{justify-content:flex-end;padding-top:8px}.admin-audit-logs-page{margin:0 auto;max-width:1400px}.audit-header{justify-content:space-between;margin-bottom:32px}.audit-header h1{color:var(--theme-text-primary);margin:0}.logs-table-container{background:var(--theme-card-bg);border-radius:12px;box-shadow:var(--theme-shadow-sm);overflow-x:auto}.logs-table{border-collapse:collapse;width:100%}.logs-table thead{background:var(--theme-bg-tertiary)}.logs-table th{border-bottom:2px solid var(--theme-border-medium);font-weight:600;text-align:left;white-space:nowrap}.logs-table td,.logs-table th{color:var(--theme-text-primary);padding:16px}.logs-table td{border-bottom:1px solid var(--theme-border-light)}.logs-table tbody tr:hover{background:var(--theme-bg-secondary)}.user-info{display:flex;flex-direction:column;gap:4px}.email{color:var(--theme-text-secondary);font-size:12px}.action-badge{background:var(--theme-primary-light);border-radius:12px;color:var(--theme-primary);display:inline-block;font-size:12px;font-weight:600;padding:4px 12px}.ip-address{color:var(--theme-text-secondary);font-size:12px}.details-pre,.ip-address{font-family:var(--font-family-mono)}.details-pre{background:var(--theme-bg-tertiary);border-radius:4px;color:var(--theme-text-primary);font-size:11px;margin:0;max-width:300px;overflow-x:auto;padding:8px}.text-muted{color:var(--theme-text-tertiary)}.pagination{align-items:center;display:flex;gap:16px;justify-content:center;margin-top:32px}.page-info{color:var(--theme-text-primary);font-weight:600}@media (max-width:1024px){.logs-table-container{overflow-x:auto}.logs-table{min-width:900px}}@media (max-width:768px){.audit-header{align-items:flex-start;flex-direction:column;gap:16px}}.admin-user-detail{margin:0 auto;max-width:1200px;padding:20px}.back-link{color:var(--theme-primary);display:inline-block;margin-bottom:10px}.back-link:hover{text-decoration:underline}.user-info-card{background:var(--theme-card-bg);border-radius:8px;box-shadow:var(--theme-shadow-sm);margin-bottom:30px;padding:24px}.user-info-card h2{color:var(--theme-text-primary);margin-bottom:20px;margin-top:0}.info-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.info-item{display:flex;flex-direction:column;gap:4px}.info-item label{color:var(--theme-text-secondary);font-size:14px;font-weight:600}.info-item span{color:var(--theme-text-primary)}.organizations-section{background:var(--theme-card-bg);border-radius:8px;box-shadow:var(--theme-shadow-sm);padding:24px}.section-header{margin-bottom:20px}.empty-state{font-style:italic;padding:40px 20px}.organizations-list{display:flex;flex-direction:column;gap:16px}.admin-user-org-card{align-items:center;background:var(--theme-bg-tertiary);border:1px solid var(--theme-border-medium);border-radius:6px;display:flex;justify-content:space-between;padding:16px}.admin-user-org-info{flex:1 1}.admin-user-org-info h3{color:var(--theme-text-primary);font-size:18px;margin:0 0 8px}.admin-user-org-info p{color:var(--theme-text-secondary);font-size:14px;margin:0 0 12px}.admin-user-org-meta{align-items:center;display:flex;font-size:14px;gap:12px}.admin-user-joined-date,.admin-user-member-count{color:var(--theme-text-secondary)}.admin-user-org-actions{display:flex;gap:8px}.modal{border-radius:8px;box-shadow:var(--theme-shadow-lg)}.modal-header{align-items:center;border-bottom:1px solid var(--theme-border-medium);display:flex;justify-content:space-between;padding:20px 24px}.modal-header h2{color:var(--theme-text-primary);font-size:20px;margin:0}.close-btn{align-items:center;background:none;border:none;border-radius:4px;color:var(--theme-text-secondary);cursor:pointer;display:flex;font-size:28px;height:32px;justify-content:center;padding:0;width:32px}.close-btn:hover{background:var(--theme-bg-tertiary);color:var(--theme-text-primary)}.modal-body{padding:24px}.form-group{margin-bottom:20px}.form-group label{color:var(--theme-text-primary);display:block;font-weight:600;margin-bottom:8px}.form-control{background:var(--theme-input-bg);border:1px solid var(--theme-border-medium);border-radius:4px;color:var(--theme-text-primary);font-size:14px;padding:8px 12px;width:100%}.modal-footer{border-top:1px solid var(--theme-border-medium);display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.badge{border-radius:4px;padding:4px 8px;text-transform:uppercase}.badge-member{background:var(--theme-info-bg);color:var(--theme-info)}.badge-admin{background:var(--theme-warning-bg);color:var(--theme-warning-text)}.badge-super_admin{background:var(--theme-error-bg);color:var(--theme-error-text)}.badge-active{background:var(--theme-success-bg);color:var(--theme-success-text)}.badge-suspended{background:var(--theme-warning-bg);color:var(--theme-warning-text)}.badge-deleted{background:var(--theme-error-bg);color:var(--theme-error-text)}.user-actions{border-top:1px solid var(--theme-border-medium);display:flex;gap:12px;margin-top:20px;padding-top:20px}.password-strength{border-radius:4px;font-size:13px;font-weight:600;margin-top:8px;padding:6px 10px;text-transform:capitalize}.password-strength-weak{background:var(--theme-error-bg);color:var(--theme-error-text)}.password-strength-medium{background:var(--theme-warning-bg);color:var(--theme-warning-text)}.password-strength-strong{background:var(--theme-success-bg);color:var(--theme-success-text)}.password-error{background:var(--theme-error-bg);border-radius:4px;color:var(--theme-error-text);font-size:13px;margin-top:8px;padding:6px 10px}.password-requirements{background:var(--theme-bg-tertiary);border-radius:6px;margin-top:16px;padding:16px}.password-requirements p{color:var(--theme-text-primary);font-size:14px;font-weight:600;margin:0 0 8px}.password-requirements ul{list-style:none;margin:0;padding-left:20px}.password-requirements li{color:var(--theme-text-secondary);font-size:13px;padding:4px 0;position:relative}.password-requirements li:before{color:var(--theme-text-secondary);content:"○";left:-20px;position:absolute}.password-requirements li.met{color:var(--theme-success-text)}.password-requirements li.met:before{color:var(--theme-success-text);content:"✓";font-weight:700}@media (max-width:768px){.admin-user-org-card{align-items:flex-start;flex-direction:column}.admin-user-org-actions{margin-top:12px;width:100%}.admin-user-org-actions button{flex:1 1}.info-grid{grid-template-columns:1fr}.user-actions{flex-direction:column}.user-actions button{width:100%}}.admin-storage-page{margin:0 auto;max-width:1400px}.admin-storage-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:24px}.admin-storage-header-left{display:flex;flex-direction:column;gap:8px}.back-link{color:var(--theme-text-secondary);font-size:14px;text-decoration:none}.back-link:hover{color:var(--theme-primary)}.admin-storage-header h1{color:var(--theme-text-primary);margin:0}.admin-storage-header-actions{display:flex;gap:12px}.admin-storage-tabs{border-bottom:2px solid var(--theme-border-light);display:flex;gap:8px;margin-bottom:24px;padding-bottom:0}.tab-btn{background:none;border:none;border-bottom:2px solid transparent;color:var(--theme-text-secondary);cursor:pointer;font-size:14px;font-weight:500;margin-bottom:-2px;padding:12px 20px;transition:all .2s}.tab-btn:hover{color:var(--theme-text-primary)}.tab-btn.active{border-bottom-color:var(--theme-primary);color:var(--theme-primary)}.admin-storage-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.admin-storage-card{background:var(--theme-card-bg);border-radius:12px;box-shadow:var(--theme-shadow-sm);padding:20px}.admin-storage-card h3{border-bottom:1px solid var(--theme-border-light);color:var(--theme-text-primary);font-size:16px;margin:0 0 16px;padding-bottom:12px}.config-item{align-items:center;display:flex;justify-content:space-between;padding:8px 0}.config-label{color:var(--theme-text-secondary);font-size:14px}.config-value{color:var(--theme-text-primary);font-size:14px;font-weight:500}.config-path{background:var(--theme-bg-tertiary);border-radius:4px;font-family:monospace;font-size:12px;max-width:200px;overflow:hidden;padding:4px 8px;text-overflow:ellipsis;white-space:nowrap}.admin-storage-table-container{background:var(--theme-card-bg);border-radius:12px;box-shadow:var(--theme-shadow-sm);overflow-x:auto}.admin-storage-table{border-collapse:collapse;width:100%}.admin-storage-table thead{background:var(--theme-bg-tertiary)}.admin-storage-table th{border-bottom:2px solid var(--theme-border-medium);color:var(--theme-text-primary);font-size:13px;font-weight:600;letter-spacing:.5px;padding:16px;text-align:left;text-transform:uppercase}.admin-storage-table td{border-bottom:1px solid var(--theme-border-light);color:var(--theme-text-primary);font-size:14px;padding:16px}.admin-storage-table tbody tr:hover{background:var(--theme-bg-secondary)}.file-info{display:flex;flex-direction:column;gap:4px}.file-info strong{font-weight:600}.file-path{color:var(--theme-text-secondary);font-family:monospace;font-size:12px}.file-name-cell{font-family:monospace;font-size:13px;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.error-preview{color:var(--theme-error-text);font-size:11px;margin-top:4px}.error-message{font-size:13px;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.badge{border-radius:12px;display:inline-block;font-size:12px;font-weight:600;padding:4px 12px;text-transform:capitalize}.badge-success{background:var(--theme-success-bg);color:var(--theme-success-text)}.badge-warning{background:var(--theme-warning-bg);color:var(--theme-warning-text)}.badge-danger{background:var(--theme-error-bg);color:var(--theme-error-text)}.badge-member{background:var(--theme-bg-tertiary);color:var(--theme-text-secondary)}.action-buttons{display:flex;flex-wrap:wrap;gap:8px}.btn-sm{font-size:12px;padding:6px 12px}.empty-state{color:var(--theme-text-secondary);font-size:16px;padding:60px 20px;text-align:center}.loading{padding:40px}@media (max-width:1024px){.admin-storage-cards{grid-template-columns:1fr 1fr}.admin-storage-table{min-width:800px}}@media (max-width:768px){.admin-storage-header{flex-direction:column;gap:16px}.admin-storage-tabs{flex-wrap:wrap}.admin-storage-cards{grid-template-columns:1fr}.action-buttons{flex-direction:column}.action-buttons .btn-sm{width:100%}}.tasks-page{margin:0 auto;max-width:1200px}.page-header{align-items:flex-start;border-bottom:1px solid var(--theme-border-light);justify-content:space-between;margin-bottom:24px;margin-bottom:var(--spacing-6,24px);padding-bottom:20px;padding-bottom:var(--spacing-5,20px)}.page-header h1{font-size:32px;margin-bottom:8px}.org-role{font-size:14px}.header-actions{align-items:center}.filters{gap:16px;gap:var(--spacing-4,16px);justify-content:space-between;margin-bottom:24px;margin-bottom:var(--spacing-6,24px)}.filter-group,.filters{align-items:center;display:flex;flex-wrap:wrap}.filter-group{gap:8px;gap:var(--spacing-2,8px)}.filter-btn{background:transparent;border:1px solid var(--theme-border-light);border-radius:8px;border-radius:var(--radius-base,8px);color:var(--theme-text-tertiary);cursor:pointer;font-size:14px;font-weight:500;height:38px;padding:8px 16px;transition:all .2s}.filter-btn:hover{background:var(--theme-bg-secondary);border-color:var(--theme-primary);color:var(--theme-primary)}.filter-btn.active{background:rgba(33,150,243,.1);background:var(--color-primary-100,rgba(33,150,243,.1));border-color:#64b5f6;border-color:var(--color-primary-300,#64b5f6);color:#1976d2;color:var(--color-primary-700,#1976d2)}[data-theme=dark] .filter-btn.active{background:rgba(33,150,243,.15);border-color:var(--color-primary-400);color:var(--color-primary-300)}.sort-label{align-items:center;color:var(--theme-text-secondary);display:flex;font-size:14px;gap:8px}.sort-select{background:var(--theme-bg-elevated);border:1px solid var(--theme-border-light);border-radius:8px;border-radius:var(--radius-base,8px);color:var(--theme-text-primary);cursor:pointer;font-size:14px;height:38px;padding:8px 12px}.sort-select:focus{border-color:var(--theme-primary);box-shadow:0 0 0 2px rgba(33,150,243,.15);outline:none}.checkbox-label{background:transparent;border:1px solid var(--theme-border-light);border-radius:var(--radius-base,8px);color:var(--theme-text-secondary);font-size:14px;gap:8px;height:38px;padding:8px 12px;transition:all .2s}.checkbox-label:hover{background:var(--theme-bg-secondary);border-color:var(--theme-primary)}.checkbox-label input{accent-color:var(--theme-primary);cursor:pointer;height:16px;width:16px}.archived-section{border-top:2px solid var(--theme-border-medium);margin-top:40px;padding-top:24px}.archived-section h2{color:var(--theme-text-secondary);font-size:24px;margin-bottom:20px}.empty-text{color:var(--theme-text-tertiary);font-style:italic}.task-card.archived{background:var(--theme-bg-secondary);opacity:.7}.archived-badge{background:#999!important}.tasks-grid{grid-gap:16px;grid-gap:var(--spacing-4,16px);display:grid;gap:16px;gap:var(--spacing-4,16px);grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}.task-card{background:var(--theme-card-bg);border:1px solid var(--theme-card-border);border-radius:12px;border-radius:var(--radius-lg,12px);box-shadow:0 1px 2px rgba(0,0,0,.05);box-shadow:var(--shadow-sm,0 1px 2px rgba(0,0,0,.05));color:inherit;display:flex;flex-direction:column;gap:12px;gap:var(--spacing-3,12px);padding:16px;padding:var(--spacing-4,16px);text-decoration:none;transition:all .15s ease}.task-card:hover{border-color:var(--theme-border-medium);box-shadow:0 4px 6px rgba(0,0,0,.1);box-shadow:var(--shadow-md,0 4px 6px rgba(0,0,0,.1));transform:translateY(-1px)}.task-header{gap:12px}.task-header h3{color:var(--theme-text-primary);flex:1 1;font-size:18px;margin:0}.status-badge{border-radius:9999px;border-radius:var(--radius-full,9999px);color:var(--theme-text-inverse);font-size:11px;font-weight:600;letter-spacing:.03em;padding:5px 12px;text-transform:uppercase;white-space:nowrap}.task-details{line-height:1.5;margin:0}.task-details,.task-meta{color:var(--theme-text-secondary);font-size:14px}.task-meta{display:flex;gap:16px}.progress-section{display:flex;flex-direction:column;gap:8px}.progress-bar{background:var(--theme-bg-tertiary);border-radius:4px;height:8px;overflow:hidden}.progress-fill{background:var(--theme-success);height:100%;transition:width .3s}.progress-text,.task-date{font-size:12px}.task-date{color:var(--theme-text-tertiary)}.empty,.no-org{padding:60px 20px;text-align:center}.empty p,.no-org h2{color:var(--theme-text-secondary);margin-bottom:24px}@media (max-width:768px){.tasks-grid{grid-template-columns:1fr}.page-header{align-items:stretch;flex-direction:column;gap:16px}.page-header h1{font-size:24px}.header-actions{flex-direction:column;width:100%}.header-actions .btn{text-align:center;width:100%}.filters{flex-wrap:wrap}.filter-btn{flex:1 1;font-size:14px;min-width:120px;padding:10px 16px}}@media (max-width:480px){.tasks-page{padding:0}.page-header{gap:12px;margin-bottom:16px;padding-bottom:16px}.page-header h1{font-size:20px;text-align:center}.org-role{background:var(--theme-bg-tertiary);border-radius:12px;display:inline-block;margin:0 auto;padding:4px 12px;text-align:center}.page-header>div:first-child{align-items:center;display:flex;flex-direction:column}.header-actions{gap:8px}.header-actions .btn{font-size:14px;padding:12px 16px}.filters{gap:8px;margin-bottom:16px}.filter-btn{flex:1 1;font-size:13px;min-width:0;padding:10px 12px;white-space:nowrap}.task-card{gap:10px;padding:16px}.task-header h3{font-size:16px}.status-badge{font-size:11px;padding:3px 8px}.task-details,.task-meta{font-size:13px}.task-meta{gap:12px}.progress-text,.task-date{font-size:11px}.tasks-grid{gap:12px}}.view-toggle{border:1px solid var(--theme-border-light);border-radius:8px;border-radius:var(--radius-base,8px);overflow:hidden}.view-btn{align-items:center;background:transparent;border:none;color:var(--theme-text-tertiary);cursor:pointer;display:flex;justify-content:center;padding:8px 12px;transition:all .2s}.view-btn:not(:last-child){border-right:1px solid var(--theme-border-light)}.view-btn:hover{background:var(--theme-bg-secondary);color:var(--theme-text-primary)}.view-btn.active{background:rgba(33,150,243,.1);background:var(--color-primary-100,rgba(33,150,243,.1));color:var(--theme-primary)}[data-theme=dark] .view-btn.active{background:rgba(33,150,243,.15)}.tasks-table-container{background:var(--theme-card-bg);border:1px solid var(--theme-border-light);border-radius:12px;border-radius:var(--radius-lg,12px);overflow-x:auto}.tasks-table{border-collapse:collapse;font-size:14px;width:100%}.tasks-table th{background:var(--theme-bg-secondary);color:var(--theme-text-secondary);font-size:12px;font-weight:600;letter-spacing:.03em;text-align:left;text-transform:uppercase}.tasks-table td,.tasks-table th{border-bottom:1px solid var(--theme-border-light);padding:12px 16px}.tasks-table td{color:var(--theme-text-primary)}.table-row-link{cursor:pointer;transition:background .15s}.table-row-link:hover{background:var(--theme-bg-secondary)}.task-title-cell{max-width:300px}.task-title-text{color:var(--theme-text-primary);font-weight:500}.assignee-cell{color:var(--theme-text-secondary);max-width:200px;overflow:hidden;text-overflow:ellipsis}.assignee-cell,.date-cell{white-space:nowrap}.progress-inline{align-items:center;display:flex;gap:8px}.progress-bar-small{background:var(--theme-bg-tertiary);border-radius:3px;height:6px;overflow:hidden;width:60px}.progress-bar-small .progress-fill{background:var(--theme-success);height:100%}.progress-na{display:inline-block;text-align:center;width:90px}.progress-na,.type-cell{color:var(--theme-text-tertiary)}.type-cell{text-transform:capitalize}.week-view-container{background:var(--theme-card-bg);border:1px solid var(--theme-border-light);border-radius:12px;border-radius:var(--radius-lg,12px);padding:16px;padding:var(--spacing-4,16px)}.week-view-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px;margin-bottom:var(--spacing-4,16px)}.week-view-header h3{color:var(--theme-text-primary);font-size:18px;font-weight:600;margin:0}.week-view-title{align-items:center;display:flex;gap:12px}.week-view-title .today-btn{background:transparent;border:1px solid var(--theme-primary);border-radius:8px;border-radius:var(--radius-base,8px);color:var(--theme-primary);cursor:pointer;font-size:13px;font-weight:500;padding:6px 12px;transition:all .2s}.week-view-title .today-btn:hover{background:var(--theme-primary);color:var(--theme-text-inverse)}.week-view-nav{align-items:center;display:flex;gap:8px}.week-nav-btn{background:transparent;border:1px solid var(--theme-border-light);border-radius:8px;border-radius:var(--radius-base,8px);color:var(--theme-text-secondary);cursor:pointer;font-size:14px;padding:8px 12px;transition:all .2s}.week-nav-btn:hover{background:var(--theme-bg-secondary);border-color:var(--theme-primary);color:var(--theme-primary)}.week-view-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(7,1fr)}.week-view-day{background:var(--theme-bg-secondary);border:1px solid transparent;border-radius:8px;border-radius:var(--radius-base,8px);min-height:200px;overflow:hidden}.week-view-day.today{background:rgba(33,150,243,.05);background:var(--color-primary-50,rgba(33,150,243,.05));border-color:var(--theme-primary)}.week-view-day-header{border-bottom:1px solid var(--theme-border-light);padding:12px;text-align:center}.week-view-day-name{color:var(--theme-text-tertiary);font-size:11px;font-weight:500;margin-bottom:2px;text-transform:uppercase}.week-view-day-date{color:var(--theme-text-primary);font-size:14px;font-weight:500}.week-view-day.today .week-view-day-date{color:var(--theme-primary)}.week-view-day-tasks{display:flex;flex-direction:column;gap:6px;max-height:300px;overflow-y:auto;padding:8px}.week-view-task{background:var(--theme-card-bg);border-left:3px solid;border-radius:6px;border-radius:var(--radius-sm,6px);cursor:pointer;padding:8px 10px;transition:all .2s}.week-view-task:hover{box-shadow:0 2px 8px rgba(0,0,0,.1);transform:translateX(2px)}.week-view-task-title{word-wrap:break-word;color:var(--theme-text-primary);font-size:13px;font-weight:500;line-height:1.3;margin-bottom:6px;overflow-wrap:break-word}.week-view-task-status{border-radius:9999px;border-radius:var(--radius-full,9999px);color:var(--theme-text-inverse);display:inline-block;font-size:10px;font-weight:600;letter-spacing:.03em;padding:3px 8px;text-transform:uppercase}.week-view-empty{color:var(--theme-text-tertiary);font-size:13px;padding:16px;text-align:center}@media (max-width:768px){.week-view-grid{gap:12px;grid-template-columns:1fr}.week-view-day{min-height:auto}.week-view-day-header{align-items:center;display:flex;gap:8px;justify-content:flex-start;padding:10px 12px;text-align:left}.week-view-day-name{margin-bottom:0}.week-view-day-tasks{padding:8px 12px 12px}.week-view-header{flex-wrap:wrap;gap:12px}.week-view-title h3{font-size:16px}}.skeleton-week{background:var(--theme-card-bg);border:1px solid var(--theme-border-light);border-radius:12px;border-radius:var(--radius-lg,12px);padding:16px;padding:var(--spacing-4,16px)}.skeleton-week-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px;margin-bottom:var(--spacing-4,16px)}.skeleton-week-title{animation:skeleton-pulse 1.5s ease-in-out infinite;background:var(--theme-bg-tertiary);border-radius:6px;border-radius:var(--radius-sm,6px);height:24px;width:200px}.skeleton-week-nav{display:flex;gap:8px}.skeleton-week-btn{animation:skeleton-pulse 1.5s ease-in-out infinite;background:var(--theme-bg-tertiary);border-radius:8px;border-radius:var(--radius-base,8px);height:36px;width:80px}.skeleton-week-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(7,1fr)}.skeleton-week-day{background:var(--theme-bg-secondary);border-radius:8px;border-radius:var(--radius-base,8px);min-height:200px;padding:12px}.skeleton-week-day-header{margin-bottom:12px;text-align:center}.skeleton-week-day-name{height:12px;margin:0 auto 8px;width:40px}.skeleton-week-day-date,.skeleton-week-day-name{animation:skeleton-pulse 1.5s ease-in-out infinite;background:var(--theme-bg-tertiary);border-radius:6px;border-radius:var(--radius-sm,6px)}.skeleton-week-day-date{height:24px;margin:0 auto;width:32px}.skeleton-week-tasks{display:flex;flex-direction:column;gap:6px}.skeleton-week-task{animation:skeleton-pulse 1.5s ease-in-out infinite;background:var(--theme-bg-tertiary);border-radius:6px;border-radius:var(--radius-sm,6px);height:48px}.calendar-container{background:var(--theme-card-bg);border:1px solid var(--theme-border-light);border-radius:12px;border-radius:var(--radius-lg,12px);padding:16px;padding:var(--spacing-4,16px)}.calendar-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px;margin-bottom:var(--spacing-4,16px)}.calendar-header h3{color:var(--theme-text-primary);font-size:18px;font-weight:600;margin:0}.calendar-nav-btn{background:transparent;border:1px solid var(--theme-border-light);border-radius:8px;border-radius:var(--radius-base,8px);color:var(--theme-text-secondary);cursor:pointer;font-size:14px;padding:8px 12px;transition:all .2s}.calendar-nav-btn:hover{background:var(--theme-bg-secondary);border-color:var(--theme-primary);color:var(--theme-primary)}.calendar-weekdays{grid-gap:4px;display:grid;gap:4px;grid-template-columns:repeat(7,1fr);margin-bottom:8px}.weekday{color:var(--theme-text-tertiary);font-size:12px;font-weight:600;padding:8px 0;text-align:center;text-transform:uppercase}.calendar-grid{grid-gap:4px;display:grid;gap:4px;grid-template-columns:repeat(7,1fr)}.calendar-day{background:var(--theme-bg-secondary);border:1px solid transparent;border-radius:8px;border-radius:var(--radius-base,8px);min-height:100px;padding:8px}.calendar-day.empty{background:transparent}.calendar-day.today{background:rgba(33,150,243,.05);background:var(--color-primary-50,rgba(33,150,243,.05));border-color:var(--theme-primary)}[data-theme=dark] .calendar-day.today{background:rgba(33,150,243,.1)}.day-number{color:var(--theme-text-primary);display:block;font-size:14px;font-weight:600;margin-bottom:6px}.calendar-day.today .day-number{color:var(--theme-primary)}.day-tasks{display:flex;flex-direction:column;gap:4px}.calendar-task{background:var(--theme-card-bg);border-left:3px solid var(--theme-primary);border-radius:4px;color:var(--theme-text-primary);cursor:pointer;font-size:11px;overflow:hidden;padding:4px 6px;text-overflow:ellipsis;transition:background .15s;white-space:nowrap}.calendar-task:hover{background:var(--theme-bg-tertiary)}.more-tasks{color:var(--theme-text-tertiary);font-size:10px;padding:2px 6px}@media (max-width:768px){.calendar-day{min-height:80px;padding:6px}.day-number{font-size:12px}.calendar-task{font-size:10px;padding:3px 4px}.weekday{font-size:10px}}@media (max-width:480px){.view-toggle{justify-content:center;order:-1;width:100%}.calendar-day{min-height:60px;padding:4px}.day-number{font-size:11px}.calendar-task,.day-tasks{display:none}.calendar-day.has-tasks:after{background:var(--theme-primary);border-radius:50%;content:"";display:block;height:6px;margin:4px auto 0;width:6px}.tasks-table td:nth-child(3),.tasks-table td:nth-child(5),.tasks-table td:nth-child(6),.tasks-table th:nth-child(3),.tasks-table th:nth-child(5),.tasks-table th:nth-child(6){display:none}.task-title-cell{max-width:150px}}.tasks-loading-skeleton{padding:var(--spacing-4)}.skeleton-table-wrapper{background:var(--theme-bg-primary);border:1px solid var(--theme-border-light);border-radius:var(--radius-lg);overflow:hidden}.skeleton-table-header{background:var(--theme-bg-secondary)}.skeleton-table-header,.skeleton-table-row{grid-gap:var(--spacing-4);border-bottom:1px solid var(--theme-border-light);display:grid;gap:var(--spacing-4);grid-template-columns:2fr 1fr 1fr 1fr 100px;padding:var(--spacing-4)}.skeleton-table-row:last-child{border-bottom:none}.skeleton-calendar{background:var(--theme-bg-primary);border:1px solid var(--theme-border-light);border-radius:var(--radius-lg);overflow:hidden}.skeleton-calendar-header{grid-gap:var(--spacing-2);background:var(--theme-bg-secondary);border-bottom:1px solid var(--theme-border-light);display:grid;gap:var(--spacing-2);grid-template-columns:repeat(7,1fr);padding:var(--spacing-4)}.skeleton-calendar-grid{grid-gap:1px;background:var(--theme-border-light);display:grid;gap:1px;grid-template-columns:repeat(7,1fr)}.skeleton-calendar-day{background:var(--theme-bg-primary);display:flex;flex-direction:column;gap:var(--spacing-2);min-height:80px;padding:var(--spacing-3)}.task-card-skeleton{min-height:120px}.tasks-loading-skeleton .skeleton{animation:skeleton-pulse 1.5s ease-in-out infinite}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.5}}@media (max-width:768px){.skeleton-table-header,.skeleton-table-row{grid-template-columns:2fr 1fr 80px}.skeleton-table-header>:nth-child(3),.skeleton-table-header>:nth-child(4),.skeleton-table-row>:nth-child(3),.skeleton-table-row>:nth-child(4){display:none}.skeleton-calendar-day{min-height:50px;padding:var(--spacing-2)}}.clock-time-picker{display:flex;flex-direction:column;gap:.5rem}.clock-time-picker-clear{align-items:center;color:var(--theme-text-secondary);cursor:pointer;display:flex;font-size:.8rem;gap:.5rem}.clock-time-picker-clear input[type=checkbox]{accent-color:var(--theme-primary);cursor:pointer;height:16px;width:16px}.clock-time-picker-selects{align-items:center;display:flex;gap:.25rem}.clock-time-picker-selects.clock-time-picker-disabled{opacity:.5;pointer-events:none}.clock-time-picker-separator{color:var(--theme-text-primary);font-size:1rem;font-weight:600;margin:0 .125rem}.clock-time-picker-hour,.clock-time-picker-minute,.clock-time-picker-period{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:var(--theme-card-bg);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right .25rem center;background-repeat:no-repeat;background-size:1rem;border:1px solid var(--theme-border-medium);border-radius:4px;color:var(--theme-text-primary);cursor:pointer;font-size:.875rem;padding:.375rem 1.5rem .375rem .5rem}.clock-time-picker-hour,.clock-time-picker-minute{width:3.5rem}.clock-time-picker-period{width:4rem}.clock-time-picker-hour:focus,.clock-time-picker-minute:focus,.clock-time-picker-period:focus{border-color:var(--theme-primary);outline:none}.clock-time-picker-hour:disabled,.clock-time-picker-minute:disabled,.clock-time-picker-period:disabled{background-color:var(--theme-bg-secondary);cursor:not-allowed}@media (max-width:480px){.clock-time-picker-selects{flex-wrap:nowrap}.clock-time-picker-hour,.clock-time-picker-minute{font-size:.8rem;padding-right:1.25rem;width:3rem}.clock-time-picker-period{font-size:.8rem;padding-right:1.25rem;width:3.5rem}}.reward-button-group{display:flex;gap:8px}.btn-reward,.btn-reward-incentive{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-weight:500;gap:8px;padding:10px 16px;transition:all .2s}.btn-reward{background:linear-gradient(135deg,#9c27b0,#e91e63);color:#fff}.btn-reward:hover{opacity:.9;transform:translateY(-1px)}.btn-reward-incentive{background:linear-gradient(135deg,#ff9800,#f57c00);color:#fff}.btn-reward-incentive:hover{opacity:.9;transform:translateY(-1px)}.reward-button-icon{font-size:16px}.reward-modal-overlay{align-items:center;background:rgba(0,0,0,.6);bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.reward-modal-content{background:var(--theme-card-bg);border-radius:16px;box-shadow:0 20px 40px rgba(0,0,0,.3);max-height:90vh;max-width:500px;overflow-y:auto;width:100%}.reward-audit-modal{max-width:650px}.reward-modal-header{align-items:center;border-bottom:1px solid var(--theme-border-light);display:flex;justify-content:space-between;padding:20px 24px}.reward-modal-header h2{color:var(--theme-text-primary);font-size:20px;margin:0}.reward-modal-close{background:none;border:none;color:var(--theme-text-tertiary);cursor:pointer;font-size:28px;line-height:1;padding:0}.reward-modal-close:hover{color:var(--theme-text-primary)}.reward-modal-body{padding:24px}.reward-modal-actions{background:var(--theme-bg-secondary);border-radius:0 0 16px 16px;border-top:1px solid var(--theme-border-light);display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.reward-incentive-info{background:rgba(255,152,0,.1);border:1px solid rgba(255,152,0,.3);border-radius:8px;display:flex;gap:12px;margin-bottom:20px;padding:12px 16px}.reward-info-icon{align-items:center;background:#ff9800;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:12px;font-weight:700;height:24px;justify-content:center;width:24px}.reward-incentive-info p{color:var(--theme-text-primary);font-size:14px;line-height:1.5;margin:0}.reward-section{margin-bottom:24px}.reward-label{color:var(--theme-text-primary);display:block;font-size:14px;font-weight:600;margin-bottom:8px}.reward-file-input{background:var(--theme-bg-secondary);color:var(--theme-text-primary)}.reward-preview{border-radius:8px;margin-top:12px;overflow:hidden}.reward-preview-image{background:var(--theme-bg-tertiary);max-height:200px;object-fit:contain;width:100%}.reward-preview-video{background:#000;max-width:100%}.reward-preview-audio{background:var(--theme-bg-tertiary);border-radius:8px;gap:12px;padding:16px}.reward-audio-icon{font-size:24px}.reward-view-mode-options{display:flex;flex-direction:column;gap:8px}.reward-view-option{align-items:flex-start;border:2px solid var(--theme-border-light);border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:12px 16px;transition:all .2s}.reward-view-option:hover{background:var(--theme-bg-secondary);border-color:var(--theme-primary)}.reward-view-option.selected{background:rgba(33,150,243,.1);border-color:var(--theme-primary)}.reward-view-option input[type=radio]{accent-color:var(--theme-primary);margin-top:4px}.reward-view-option-content{flex:1 1}.reward-view-option-title{color:var(--theme-text-primary);display:block;font-weight:600;margin-bottom:2px}.reward-view-option-content small{color:var(--theme-text-tertiary);font-size:12px}.reward-reveal-options{display:flex;flex-direction:column;gap:8px}.reward-reveal-option{align-items:flex-start;border:2px solid var(--theme-border-light);border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:12px 16px;transition:all .2s}.reward-reveal-option.selected,.reward-reveal-option:hover{border-color:var(--theme-primary)}.reward-reveal-option.selected{background:rgba(33,150,243,.1)}.reward-reveal-option input[type=radio]{accent-color:var(--theme-primary);margin-top:4px}.reward-reveal-option-content{flex:1 1}.reward-reveal-option-content span{color:var(--theme-text-primary);display:block;font-weight:500}.reward-reveal-option-content small{color:var(--theme-text-tertiary);font-size:12px}.reward-select-all-checkbox{align-items:center;background:var(--theme-bg-secondary);border-radius:8px;cursor:pointer;display:flex;gap:10px;padding:12px}.reward-select-all-checkbox input[type=checkbox]{accent-color:var(--theme-primary);height:18px;width:18px}.reward-recipient-list{border:1px solid var(--theme-border-light);border-radius:8px;display:flex;flex-direction:column;gap:8px;margin-top:12px;max-height:200px;overflow-y:auto;padding:8px}.reward-recipient-checkbox{align-items:center;border-radius:6px;cursor:pointer;display:flex;gap:12px;padding:10px;transition:background .2s}.reward-recipient-checkbox:hover{background:var(--theme-bg-tertiary)}.reward-recipient-checkbox input[type=checkbox]{accent-color:var(--theme-primary);height:18px;width:18px}.reward-recipient-info{display:flex;flex-direction:column}.reward-recipient-name{color:var(--theme-text-primary);font-weight:500}.reward-recipient-email{color:var(--theme-text-tertiary);font-size:12px}.reward-error{background:rgba(244,67,54,.1);border:1px solid rgba(244,67,54,.3);border-radius:8px;color:var(--theme-error);margin-top:16px;padding:12px 16px}.reward-upload-progress{display:flex;flex-direction:column;gap:8px;margin-top:16px}.reward-progress-bar-container{background:var(--theme-bg-tertiary);border-radius:4px;height:8px;overflow:hidden;width:100%}.reward-progress-bar-fill{background:linear-gradient(90deg,var(--theme-primary) 0,#4caf50 100%);border-radius:4px;height:100%;transition:width .2s ease-out}.reward-progress-text{color:var(--theme-text-secondary);font-size:14px;font-weight:500;text-align:center}.reward-card{align-items:center;background:var(--theme-bg-secondary);border:1px solid var(--theme-border-light);border-radius:12px;display:flex;gap:16px;padding:16px;transition:all .2s}.reward-card:hover{border-color:var(--theme-primary);box-shadow:0 2px 8px rgba(0,0,0,.1)}.reward-card.disabled{opacity:.6}.reward-card-icon{align-items:center;background:linear-gradient(135deg,#9c27b0,#e91e63);border-radius:12px;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.reward-type-icon{color:#fff;font-size:24px}.reward-type-icon.audio,.reward-type-icon.image,.reward-type-icon.video{color:#fff}.reward-card-content{flex:1 1;min-width:0}.reward-card-header{align-items:center;display:flex;gap:8px;margin-bottom:4px}.reward-card-type{color:var(--theme-text-primary);font-weight:600}.reward-card-status{border-radius:12px;font-size:11px;font-weight:600;padding:2px 8px;text-transform:uppercase}.reward-card-status.new{background:rgba(76,175,80,.2);color:#4caf50}.reward-card-status.opened,.reward-card-status.viewed{background:rgba(33,150,243,.2);color:#2196f3}.reward-card-status.locked{background:rgba(255,152,0,.2);color:#ff9800}.reward-card-status.expired{background:hsla(0,0%,62%,.2);color:#9e9e9e}.reward-card-status.revoked{background:rgba(244,67,54,.2);color:#f44336}.reward-card-meta{display:flex;font-size:13px;gap:12px}.reward-card-meta,.reward-card-view-mode{color:var(--theme-text-tertiary)}.reward-card-expires{color:var(--theme-warning);font-size:12px;margin-top:4px}.reward-card-revoked-reason{color:var(--theme-error);font-size:12px;font-style:italic;margin-top:4px}.reward-card-actions{align-items:center;display:flex;flex-shrink:0;gap:8px}.btn-reward-view{background:linear-gradient(135deg,#9c27b0,#e91e63);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;padding:8px 16px;transition:all .2s}.btn-reward-view:hover{opacity:.9;transform:translateY(-1px)}.btn-reward-view.viewed{background:var(--theme-bg-tertiary);color:var(--theme-text-primary)}.reward-card-locked{align-items:center;background:rgba(255,152,0,.1);border-radius:8px;color:#ff9800;display:flex;font-size:13px;gap:8px;padding:8px 12px}.reward-locked-icon{font-size:16px}.reward-card-sender-actions{display:flex;gap:8px}.reward-card-expired-message{color:var(--theme-text-tertiary);font-size:13px;font-style:italic}.reward-viewer-overlay{align-items:center;background:rgba(0,0,0,.9);bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1100}.reward-viewer-container{background:var(--theme-card-bg);border-radius:16px;display:flex;flex-direction:column;max-height:90vh;max-width:800px;overflow:hidden;width:100%}.reward-viewer-header{align-items:center;border-bottom:1px solid var(--theme-border-light);display:flex;justify-content:space-between;padding:16px 24px}.reward-viewer-header h2{color:var(--theme-text-primary);font-size:18px;margin:0}.reward-viewer-close{background:none;border:none;color:var(--theme-text-tertiary);cursor:pointer;font-size:28px}.reward-viewer-close:hover{color:var(--theme-text-primary)}.reward-viewer-warning{align-items:center;background:rgba(244,67,54,.1);border-bottom:1px solid rgba(244,67,54,.2);display:flex;gap:12px;padding:12px 24px}.reward-warning-icon{color:var(--theme-error);font-size:18px}.reward-viewer-warning p{color:var(--theme-error);font-size:14px;margin:0}.reward-viewer-timer{align-items:center;background:rgba(255,152,0,.1);border-bottom:1px solid rgba(255,152,0,.2);color:#ff9800;display:flex;font-weight:500;gap:8px;justify-content:center;padding:8px 24px}.reward-timer-icon{font-size:16px}.reward-viewer-content{align-items:center;background:var(--theme-bg-tertiary);display:flex;flex:1 1;justify-content:center;min-height:300px;overflow:auto;padding:24px}.reward-viewer-loading{align-items:center;color:var(--theme-text-tertiary);display:flex;flex-direction:column;gap:16px}.reward-loading-spinner{animation:reward-spin 1s linear infinite;border:3px solid var(--theme-border-light);border-radius:50%;border-top-color:var(--theme-primary);height:40px;width:40px}@keyframes reward-spin{to{transform:rotate(1turn)}}.reward-viewer-error{align-items:center;color:var(--theme-error);display:flex;flex-direction:column;gap:12px;text-align:center}.reward-error-icon{font-size:48px}.reward-viewer-image,.reward-viewer-video{border-radius:8px;max-height:80vh;max-width:100%;object-fit:contain}.reward-viewer-video{background:#000;height:auto;width:auto}.reward-viewer-audio{gap:24px;max-width:400px;width:100%}.reward-audio-visual,.reward-viewer-audio{align-items:center;display:flex;flex-direction:column}.reward-audio-visual{gap:12px}.reward-audio-icon-large{color:var(--theme-primary);font-size:64px}.reward-audio-filename{color:var(--theme-text-primary);font-weight:500}.reward-audio-player{width:100%}.reward-viewer-footer{background:var(--theme-bg-secondary);border-top:1px solid var(--theme-border-light);padding:16px 24px}.reward-viewer-description{color:var(--theme-text-tertiary);font-size:13px;margin:0 0 16px;text-align:center}.reward-viewer-actions{display:flex;gap:12px;justify-content:center}.reward-viewer-meta{background:var(--theme-bg-tertiary);border-radius:0 0 16px 16px;color:var(--theme-text-tertiary);display:flex;font-size:12px;justify-content:space-between;padding:12px 24px}.locked-reward-indicator{align-items:center;background:linear-gradient(135deg,rgba(255,152,0,.1),rgba(255,193,7,.1));border:2px dashed #ff9800;border-radius:12px;display:flex;gap:16px;margin-bottom:16px;padding:20px}.locked-reward-indicator.multiple{flex-direction:column;text-align:center}.locked-reward-icon{align-items:center;display:flex;height:56px;justify-content:center;position:relative;width:56px}.locked-reward-icon-inner{color:#ff9800;font-size:32px}.locked-reward-lock{background:var(--theme-card-bg);border-radius:50%;bottom:-4px;font-size:16px;padding:2px;position:absolute;right:-4px}.locked-reward-content{flex:1 1}.locked-reward-label{color:var(--theme-text-primary);display:block;font-size:16px;font-weight:600;margin-bottom:4px}.locked-reward-hint{color:#ff9800;display:block;font-size:14px}.locked-reward-preview{display:flex;gap:8px;justify-content:center;margin-top:12px}.locked-reward-preview-item{align-items:center;background:rgba(255,152,0,.2);border-radius:8px;display:flex;height:40px;justify-content:center;width:40px}.locked-preview-icon{color:#ff9800;font-size:20px}.rewards-list-section{margin-top:20px}.rewards-list-section h3{color:var(--theme-text-primary);margin:0}.rewards-list-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.rewards-list-loading{align-items:center;color:var(--theme-text-tertiary);display:flex;flex-direction:column;gap:12px;padding:32px}.rewards-list-error{background:rgba(244,67,54,.1);border:1px solid rgba(244,67,54,.3);border-radius:8px;color:var(--theme-error);padding:12px 16px}.rewards-list-content{display:flex;flex-direction:column;gap:16px}.rewards-list{display:flex;flex-direction:column;gap:12px}.rewards-locked-owner-info{align-items:center;background:rgba(255,152,0,.1);border-radius:8px;color:#ff9800;display:flex;font-size:14px;gap:8px;padding:12px 16px}.rewards-list-empty{color:var(--theme-text-tertiary);padding:32px;text-align:center}.rewards-list-empty p{margin:0}.reward-audit-loading{align-items:center;color:var(--theme-text-tertiary);display:flex;flex-direction:column;gap:12px;padding:48px}.reward-audit-info{grid-gap:16px;background:var(--theme-bg-secondary);border-radius:8px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));margin-bottom:20px;padding:16px}.reward-audit-info-item{display:flex;flex-direction:column;gap:4px}.reward-audit-info-label{color:var(--theme-text-tertiary);font-size:11px;letter-spacing:.5px;text-transform:uppercase}.reward-audit-info-value{color:var(--theme-text-primary);font-weight:600;text-transform:capitalize}.reward-audit-stats{background:var(--theme-bg-tertiary);border-radius:12px;display:flex;gap:16px;justify-content:space-around;margin-bottom:20px;padding:20px}.reward-audit-stat{align-items:center;display:flex;flex-direction:column;gap:4px}.reward-stat-value{color:var(--theme-text-primary);font-size:28px;font-weight:700}.reward-stat-label{color:var(--theme-text-tertiary);font-size:12px;text-transform:uppercase}.reward-audit-stat.success .reward-stat-value{color:var(--theme-success)}.reward-audit-stat.primary .reward-stat-value{color:var(--theme-primary)}.reward-audit-stat.warning .reward-stat-value{color:var(--theme-warning)}.reward-audit-stat.muted .reward-stat-value{color:var(--theme-text-tertiary)}.reward-audit-tabs{border-bottom:1px solid var(--theme-border-light);display:flex;gap:8px;margin-bottom:16px}.reward-audit-tab{background:none;border:none;border-bottom:2px solid transparent;color:var(--theme-text-secondary);cursor:pointer;font-weight:500;margin-bottom:-1px;padding:12px 20px;transition:all .2s}.reward-audit-tab:hover{color:var(--theme-text-primary)}.reward-audit-tab.active{border-bottom-color:var(--theme-primary);color:var(--theme-primary)}.reward-audit-recipients,.reward-audit-views{max-height:300px;overflow-y:auto}.reward-audit-empty{color:var(--theme-text-tertiary);padding:32px;text-align:center}.reward-audit-table{border-collapse:collapse;width:100%}.reward-audit-table td,.reward-audit-table th{border-bottom:1px solid var(--theme-border-light);padding:12px;text-align:left}.reward-audit-table th{background:var(--theme-bg-secondary);color:var(--theme-text-tertiary);font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.reward-audit-table td{color:var(--theme-text-primary);font-size:14px}.reward-recipient-cell{display:flex;flex-direction:column;gap:2px}.reward-recipient-status{font-weight:500;text-transform:capitalize}@media (max-width:768px){.reward-modal-content{border-radius:12px;margin:10px;max-height:95vh}.reward-card{align-items:flex-start;flex-direction:column;gap:12px}.reward-card-actions{justify-content:flex-start;width:100%}.reward-viewer-container{border-radius:12px;max-height:95vh}.reward-audit-stats{flex-wrap:wrap;justify-content:center}.reward-audit-stat{min-width:80px}.locked-reward-indicator{flex-direction:column;text-align:center}.rewards-list-header{align-items:flex-start;flex-direction:column;gap:12px}}.task-detail-page{margin:0 auto;max-width:900px}.page-actions{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px}.task-header{align-items:flex-start;border-bottom:2px solid var(--theme-border-medium);display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:24px}.task-header h1{color:var(--theme-text-primary);flex:1 1;font-size:32px;margin:0}.task-header .header-actions{align-items:center;display:flex;gap:12px}.task-header .status-badge{border-radius:20px;color:var(--theme-text-inverse);font-size:14px;font-weight:600;padding:8px 16px;text-transform:capitalize}.edit-form{background:var(--theme-bg-secondary);border:1px solid var(--theme-border-medium)}.edit-form .input-group{margin-bottom:16px}.edit-form .input-group label{color:var(--theme-text-primary);display:block;font-weight:500;margin-bottom:6px}.edit-form .input-group input,.edit-form .input-group select,.edit-form .input-group textarea{background:var(--theme-input-bg);border:1px solid var(--theme-border-medium);border-radius:6px;color:var(--theme-text-primary);font-size:14px;padding:10px 12px;width:100%}.edit-form .input-group input:focus,.edit-form .input-group select:focus,.edit-form .input-group textarea:focus{border-color:var(--theme-primary);box-shadow:0 0 0 2px rgba(33,150,243,.2);outline:none}.edit-form .due-time-select{cursor:pointer;max-width:300px}.edit-actions{border-top:1px solid var(--theme-border-medium);display:flex;gap:12px;justify-content:flex-end;margin-top:20px;padding-top:16px}.requirements-edit-list{display:flex;flex-direction:column;gap:12px}.requirement-edit-row{align-items:flex-start;display:flex;gap:8px}.requirement-edit-row textarea{background:var(--theme-input-bg);border:1px solid var(--theme-border-medium);border-radius:6px;color:var(--theme-text-primary);flex:1 1;font-size:14px;min-height:60px;padding:10px 12px;resize:vertical}.requirement-edit-row textarea:focus{border-color:var(--theme-primary);box-shadow:0 0 0 2px rgba(33,150,243,.2);outline:none}.requirement-edit-row .btn-remove{align-items:center;background:var(--theme-error);border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:18px;height:28px;justify-content:center;margin-top:4px;width:28px}.requirement-edit-row .btn-remove:hover{opacity:.9}.assignee-list{background:var(--theme-card-bg);border-radius:6px;max-height:200px;padding:8px}.assignee-checkbox{border-radius:4px;gap:10px;padding:8px 10px;transition:background .2s}.assignee-checkbox input[type=checkbox]{height:18px;width:18px}.no-members{font-style:italic;margin:0;padding:8px}.review-option-inline{background:var(--color-bg-primary);background:var(--theme-card-bg,var(--color-bg-primary));border:1px solid var(--theme-border-light,var(--color-border-default));color:var(--color-text-secondary);color:var(--theme-text-secondary,var(--color-text-secondary));gap:6px}.review-option-inline:hover{background:var(--color-bg-secondary);background:var(--theme-bg-tertiary,var(--color-bg-secondary));border-color:var(--theme-primary,var(--color-primary-500))}.review-option-inline:has(input[type=radio]:checked){background:rgba(33,150,243,.1);background:var(--color-primary-50,rgba(33,150,243,.1))}.review-option-inline input[type=radio]:checked+span{color:var(--color-primary-500);color:var(--theme-primary,var(--color-primary-500))}.info-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.info-grid div{color:var(--theme-text-secondary)}.info-grid strong{color:var(--theme-text-primary);display:block;margin-bottom:4px}.requirements-list{display:flex;flex-direction:column;gap:16px}.requirement-card{background:var(--theme-bg-tertiary);border:2px solid var(--theme-border-medium);border-radius:12px;padding:16px}.requirement-header{justify-content:space-between;margin-bottom:12px}.requirement-header,.requirement-item{align-items:center;display:flex;gap:12px}.requirement-item{background:none;border:none;border-radius:6px;cursor:pointer;flex:1 1;font-family:inherit;font-size:inherit;padding:8px;text-align:left;transition:all .2s;width:100%}.requirement-item:hover{background:var(--theme-bg-tertiary)}.requirement-item:focus{outline:2px solid var(--theme-primary);outline-offset:2px}.requirement-item input[type=checkbox]{cursor:pointer;height:20px;width:20px}.requirement-item span{color:var(--theme-text-primary);flex:1 1;font-size:16px}.requirement-item span.completed{color:var(--theme-text-tertiary);text-decoration:line-through}.completion-form{border:1px solid var(--theme-border-light);border-radius:8px}.completion-form,.requirement-completions{background:var(--theme-card-bg);margin-top:12px;padding:16px}.requirement-completions{border-left:4px solid var(--theme-success);border-radius:8px}.requirement-completions h4{color:var(--theme-success);font-size:14px;margin:0 0 12px}.completion-item-inline{background:var(--theme-bg-secondary);border-radius:6px;margin-bottom:8px;padding:12px}.completion-item-inline:last-child{margin-bottom:0}.completion-image-small{border-radius:6px;margin-right:8px;margin-top:8px;max-width:200px}.completion-files,.completion-images{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.completion-video-small{border-radius:6px;display:block;margin-right:8px;max-height:500px;max-width:100%}.video-processing-indicator{align-items:center;background:var(--theme-bg-tertiary);border-radius:8px;color:var(--theme-text-secondary);display:flex;font-size:14px;gap:12px;padding:16px 20px}.processing-spinner{animation:spin 1s linear infinite;border:2px solid var(--theme-bg-secondary);border-radius:50%;border-top-color:var(--theme-primary);height:20px;width:20px}.video-processing-failed{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#ef4444;display:flex;flex-direction:column;font-size:14px;gap:4px;padding:12px 16px}.processing-error-detail{font-size:12px;opacity:.8}.completion-document-link{background:var(--theme-bg-tertiary);border-radius:6px;color:var(--theme-text-primary);display:inline-block;font-size:14px;margin-right:8px;padding:8px 12px;text-decoration:none;transition:background .2s}.completion-document-link:hover{background:var(--theme-bg-tertiary);opacity:.8}.selected-files-info{background:var(--theme-bg-tertiary);border-radius:6px;color:var(--theme-text-secondary);font-size:14px;margin-bottom:12px;padding:12px}.selected-files-info .file-name{color:var(--theme-text-primary);display:block;font-weight:500;margin-left:8px;margin-top:4px}.file-upload-section{border-top:1px solid var(--theme-border-medium);margin-top:24px;padding-top:24px}.completions-list{display:flex;flex-direction:column;gap:16px}.completion-item{background:var(--theme-bg-secondary);border-radius:8px;padding:16px}.completion-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.completion-header strong{color:var(--theme-text-primary)}.completion-header span{color:var(--theme-text-secondary);font-size:14px}.completion-item p{color:var(--theme-text-primary);line-height:1.6;margin:12px 0}.completion-image{border-radius:8px;margin-top:12px;max-width:100%}.task-actions{padding:24px;text-align:center}.task-actions .btn{font-size:16px;min-width:200px;padding:12px 24px}.review-actions{display:flex;gap:12px;margin-top:16px}.review-actions .btn{flex:1 1;font-size:16px;padding:12px}.btn-success{border:none;color:var(--theme-text-inverse)}.btn-success:hover{background:var(--theme-success)}.file-item-inline{display:flex;flex-direction:column;gap:6px;margin-bottom:8px}.download-link-small{align-items:center;align-self:flex-start;background:var(--theme-primary);border-radius:4px;color:var(--theme-text-inverse);display:inline-flex;font-size:12px;font-weight:500;gap:4px;padding:6px 12px;text-decoration:none;transition:background .2s}.download-link-small:hover{background:var(--theme-primary-hover)}.comment-form{margin-bottom:24px}.comment-input{background:var(--theme-input-bg);border:1px solid var(--theme-border-light);border-radius:8px;color:var(--theme-text-primary);font-family:inherit;font-size:14px;margin-bottom:12px;padding:12px;resize:vertical;width:100%}.comment-input:focus{border-color:var(--theme-primary);box-shadow:0 0 0 2px rgba(33,150,243,.1);outline:none}.comments-list{display:flex;flex-direction:column;gap:16px}.no-comments{color:var(--theme-text-tertiary);font-style:italic;padding:24px;text-align:center}.comment-item{background:var(--theme-bg-secondary);border-left:3px solid var(--theme-primary);border-radius:8px;padding:16px}.comment-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.comment-author{color:var(--theme-text-primary);font-size:14px}.comment-date{font-size:12px}.comment-date,.edited-label{color:var(--theme-text-tertiary)}.edited-label{font-style:italic}.comment-content{color:var(--theme-text-primary);line-height:1.6;margin:0;white-space:pre-wrap}.comment-actions{display:flex;gap:12px;margin-top:12px}.btn-link{background:none;border:none;border-radius:4px;color:var(--theme-primary);cursor:pointer;font-size:13px;padding:4px 8px;transition:background .2s}.btn-link:hover{background:rgba(33,150,243,.1)}.btn-link-danger{color:var(--theme-error)}.btn-link-danger:hover{background:rgba(244,67,54,.1)}.comment-edit-form{margin-top:8px}.comment-edit-actions{display:flex;gap:8px;margin-top:8px}@media (max-width:768px){.task-header{flex-direction:column;gap:12px}.info-grid{grid-template-columns:1fr}.comment-header,.review-actions{flex-direction:column}.comment-header{align-items:flex-start;gap:4px}}.next-occurrences-card{border-left:4px solid var(--theme-primary)}.next-occurrences-card h3{color:var(--theme-primary)}.occurrences-list{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}.occurrence-item{align-items:center;background:var(--theme-bg-secondary);border:1px solid var(--theme-border-light);border-radius:20px;color:var(--theme-text-primary);display:inline-flex;font-size:14px;padding:8px 16px}.no-occurrences{color:var(--theme-text-tertiary);font-style:italic;margin:0}.occurrences-info{font-size:12px;margin-bottom:0;margin-top:12px}.loading-text,.occurrences-info{color:var(--theme-text-tertiary)}.loading-text{font-style:italic}.upload-progress{display:flex;flex-direction:column;gap:8px}.progress-bar-container{background:var(--theme-bg-tertiary);border-radius:4px;height:8px;overflow:hidden;width:100%}.progress-bar-fill{background:linear-gradient(90deg,var(--theme-primary) 0,#4caf50 100%);border-radius:4px;height:100%;transition:width .2s ease-out}.progress-text{color:var(--theme-text-secondary);font-size:14px;font-weight:500}.task-completions-page{margin:0 auto;max-width:1200px}.task-completions-page>.btn{margin-bottom:20px}.completions-header{align-items:flex-start;border-bottom:2px solid var(--theme-border-medium);display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:24px}.completions-header h1{color:var(--theme-text-primary);font-size:32px;margin:0 0 8px}.task-title{color:var(--theme-text-secondary);font-size:18px;margin:0 0 8px}.completions-count{color:var(--theme-text-tertiary);font-size:14px;margin:0}.view-toggle{display:flex;gap:8px}.completions-container{display:flex;flex-direction:column;gap:32px}.requirement-group{background:var(--theme-bg-tertiary);border-radius:12px;padding:24px}.requirement-title{border-bottom:2px solid var(--theme-border-medium);color:var(--theme-text-primary);font-size:20px;margin:0 0 20px;padding-bottom:12px}.completions-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}.completion-card{background:var(--theme-card-bg);border:2px solid var(--theme-border-medium);border-radius:12px;padding:20px;transition:box-shadow .2s}.completion-card:hover{box-shadow:0 4px 12px rgba(0,0,0,.1)}.completion-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:16px}.completion-user-info{align-items:center;display:flex;gap:12px}.user-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:var(--theme-text-inverse);display:flex;font-size:20px;font-weight:600;height:48px;justify-content:center;width:48px}.user-name{color:var(--theme-text-primary);font-size:16px;font-weight:600}.completion-date{color:var(--theme-text-tertiary);font-size:14px;margin-top:2px}.completion-text{background:var(--theme-bg-secondary);border-radius:8px;color:var(--theme-text-primary);line-height:1.6;margin-bottom:16px;padding:16px}.completion-files-grid{display:flex;flex-wrap:wrap;gap:12px}.file-item{display:flex;flex-direction:column;gap:8px;max-width:100%}.download-link{align-items:center;align-self:flex-start;background:var(--theme-primary);border-radius:6px;color:var(--theme-text-inverse);display:inline-flex;font-size:14px;font-weight:500;gap:6px;padding:8px 16px;text-decoration:none;transition:background .2s}.download-link:hover{background:var(--theme-primary-hover)}.completion-image-large{border-radius:8px;cursor:pointer;max-width:100%;transition:transform .2s}.completion-image-large:hover{transform:scale(1.02)}.completion-video-large{border-radius:8px;height:auto;max-height:70vh;max-width:100%;object-fit:contain;width:auto}.completion-document-card{align-items:center;background:var(--theme-bg-tertiary);border-radius:8px;color:var(--theme-text-primary);display:flex;flex:1 1;gap:12px;min-width:200px;padding:16px;text-decoration:none;transition:all .2s}.completion-document-card:hover{background:var(--theme-bg-secondary);box-shadow:var(--theme-shadow-sm);transform:translateY(-2px)}.document-icon{font-size:32px}.document-name{font-size:14px;font-weight:500;word-break:break-word}.no-completions{color:var(--theme-text-tertiary);font-size:16px;padding:40px;text-align:center}@media (max-width:768px){.completions-header{flex-direction:column;gap:16px}.view-toggle{width:100%}.view-toggle button{flex:1 1}.completions-grid{grid-template-columns:1fr}.completion-card-header{flex-direction:column;gap:12px}.completion-card-header .btn{align-self:flex-start}}.audit-log-page{margin:0 auto;max-width:1000px;padding:20px}.page-header{align-items:center;display:flex;gap:20px;margin-bottom:30px}.page-header h1{font-size:24px;margin:0}.audit-timeline{padding-left:40px;position:relative}.audit-timeline:before{background:var(--theme-border-medium);bottom:0;content:"";left:20px;position:absolute;top:0;width:2px}.audit-log-item{border-radius:8px;box-shadow:var(--theme-shadow-sm);gap:20px;margin-bottom:30px;padding:20px;position:relative}.audit-icon,.audit-log-item{background:var(--theme-card-bg);display:flex}.audit-icon{align-items:center;border:3px solid var(--theme-border-medium);border-radius:50%;font-size:20px;height:40px;justify-content:center;left:-30px;position:absolute;width:40px;z-index:1}.audit-content{flex:1 1}.audit-header{align-items:center;display:flex;flex-wrap:wrap;gap:15px;margin-bottom:10px}.audit-action{color:var(--theme-text-primary);font-size:16px;font-weight:600}.audit-user{color:var(--theme-text-secondary);font-size:14px}.audit-user:before{content:"by "}.audit-date,.audit-user:before{color:var(--theme-text-tertiary)}.audit-date{font-size:13px;margin-left:auto}.audit-changes{background:var(--theme-bg-tertiary);border-left:3px solid var(--theme-success);border-radius:6px;margin-top:15px;padding:15px}.audit-change-item{align-items:center;display:flex;font-size:14px;gap:10px;margin-bottom:8px}.audit-change-item:last-child{margin-bottom:0}.change-field{color:var(--theme-text-secondary);font-weight:600;min-width:120px}.change-before{background:var(--theme-error-bg);border-radius:4px;color:var(--theme-error-text);font-family:monospace;font-size:13px;padding:4px 8px}.change-arrow{color:var(--theme-text-tertiary)}.change-after{background:var(--theme-success-bg);border-radius:4px;color:var(--theme-success-text);font-family:monospace;font-size:13px;padding:4px 8px}.audit-metadata{background:var(--theme-warning-bg);border-left:3px solid var(--theme-warning);border-radius:6px;font-size:14px;margin-top:15px;padding:15px}.audit-metadata strong{color:var(--theme-text-secondary);display:block;margin-bottom:8px}.metadata-item{display:flex;gap:10px;margin-bottom:5px}.metadata-key{color:var(--theme-text-secondary);font-weight:600;min-width:120px}.metadata-value{color:var(--theme-text-primary);font-family:monospace;font-size:13px}.no-logs{color:var(--theme-text-tertiary);text-align:center}.loading,.no-logs{font-size:16px;padding:60px 20px}@media (max-width:768px){.audit-log-page{padding:15px}.audit-timeline{padding-left:30px}.audit-timeline:before{left:15px}.audit-icon{border-width:2px;font-size:16px;height:30px;left:-25px;width:30px}.audit-log-item{padding:15px}.audit-header{align-items:flex-start;flex-direction:column;gap:5px}.audit-date{margin-left:0}.audit-change-item{align-items:flex-start;flex-direction:column;gap:5px}.change-field{min-width:auto}.change-arrow{transform:rotate(90deg)}}.create-task-page{margin:0 auto;max-width:800px}.create-task-page h1{color:var(--theme-text-primary);margin-bottom:32px}.task-form{background:var(--theme-card-bg);border:1px solid var(--theme-border-light);border-radius:12px;border-radius:var(--radius-lg,12px);box-shadow:var(--theme-shadow-sm);padding:24px;padding:var(--spacing-6,24px)}.date-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:16px}@media (max-width:600px){.date-row{grid-template-columns:1fr}}.requirements-section{margin:24px 0}.requirements-section>label{color:var(--theme-text-primary);display:block;font-weight:600;margin-bottom:12px}.requirement-row{align-items:flex-start;display:flex;gap:12px;margin-bottom:12px}.requirement-row textarea{background:var(--theme-bg-secondary);border:1px solid var(--theme-border-medium);border-radius:8px;color:var(--theme-text-primary);flex:1 1;font-family:inherit;font-size:14px;min-height:60px;padding:12px;resize:vertical;transition:border-color .2s,box-shadow .2s}.requirement-row textarea::placeholder{color:var(--theme-text-tertiary)}.requirement-row textarea:focus{border-color:var(--theme-primary);box-shadow:0 0 0 2px var(--theme-primary-light);outline:none}.btn-remove{align-items:center;background:var(--theme-error-bg);border:1px solid var(--theme-error);border-radius:8px;border-radius:var(--radius-base,8px);color:var(--theme-error);cursor:pointer;display:flex;flex-shrink:0;font-size:20px;height:36px;justify-content:center;line-height:1;margin-top:0;min-width:36px;transition:all .2s;width:36px}.btn-remove:hover{background:var(--theme-error);border-color:var(--theme-error);color:var(--theme-text-inverse)}.schedule-options{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.schedule-option{align-items:center;background:var(--theme-card-bg);border:1px solid var(--theme-border-medium);border-radius:8px;border-radius:var(--radius-base,8px);color:var(--theme-text-secondary);cursor:pointer;display:flex;gap:12px;padding:10px 12px;transition:all .2s}.schedule-option:hover{background:var(--theme-bg-secondary);border-color:var(--theme-primary)}.schedule-option:has(input[type=radio]:checked){background:var(--theme-primary-light);border-color:var(--theme-primary)}.schedule-option input[type=radio]:checked+span{color:var(--theme-primary);font-weight:600}.schedule-option input[type=radio]{accent-color:var(--theme-primary);cursor:pointer;flex-shrink:0;height:20px;margin:0;width:20px}.schedule-option span{text-transform:capitalize}.frequency-row{align-items:center;background:var(--theme-bg-secondary);border-radius:8px;display:flex;gap:12px;margin-top:16px;padding:12px}.frequency-row label{color:var(--theme-text-primary);font-weight:500}.frequency-input{background:var(--theme-card-bg);border:1px solid var(--theme-border-medium);border-radius:6px;color:var(--theme-text-primary);font-size:16px;padding:8px 12px;text-align:center;width:80px}.frequency-input:focus{border-color:var(--theme-primary);box-shadow:0 0 0 2px var(--theme-primary-light);outline:none}.frequency-row span{color:var(--theme-text-secondary)}.schedule-info{background:var(--theme-info-bg);border-left:4px solid var(--theme-info);border-radius:4px;margin-top:16px;padding:12px}.schedule-info p{font-size:14px;line-height:1.6;margin:0}.schedule-info p,.schedule-info strong{color:var(--theme-info)}.form-actions{display:flex;gap:12px;gap:var(--spacing-3,12px);justify-content:flex-end;margin-top:32px;margin-top:var(--spacing-8,32px)}.form-actions .btn{min-width:120px}.assignee-list{background:var(--theme-bg-secondary);border:1px solid var(--theme-border-light);border-radius:8px;max-height:300px;overflow-y:auto;padding:12px}.assignee-checkbox{align-items:center;background:var(--theme-card-bg);border-radius:6px;cursor:pointer;display:flex;gap:12px;margin-bottom:8px;padding:10px;transition:all .2s}.assignee-checkbox:hover{background:var(--theme-bg-tertiary)}.assignee-checkbox input[type=checkbox]{accent-color:var(--theme-primary);cursor:pointer;flex-shrink:0;height:20px;margin:0;width:20px}.assignee-checkbox span{color:var(--theme-text-primary);flex:1 1;font-size:14px}.no-members{color:var(--theme-text-tertiary);padding:20px;text-align:center}.checkbox-label{align-items:center;background:var(--theme-bg-tertiary);border-radius:8px;cursor:pointer;display:flex;gap:14px;padding:12px}.checkbox-label input[type=checkbox]{accent-color:var(--theme-primary);cursor:pointer;flex-shrink:0;height:20px;margin:0;width:20px}.checkbox-label span{color:var(--theme-text-primary);flex:1 1;font-size:14px}.input-group small{color:var(--theme-text-secondary);display:block;font-size:13px;margin-top:8px}.review-options-inline{display:flex;flex-direction:row;flex-wrap:wrap;gap:16px}.review-option-inline{align-items:center;background:var(--theme-card-bg);border:1px solid var(--theme-border-medium);border-radius:8px;border-radius:var(--radius-base,8px);color:var(--theme-text-secondary);cursor:pointer;display:flex;font-size:14px;gap:10px;padding:8px 12px;transition:all .2s}.review-option-inline:hover{background:var(--theme-bg-secondary);border-color:var(--theme-primary)}.review-option-inline:has(input[type=radio]:checked){background:var(--theme-primary-light);border-color:var(--theme-primary)}.review-option-inline input[type=radio]:checked+span{color:var(--theme-primary);font-weight:600}.review-option-inline input[type=radio]{accent-color:var(--theme-primary);cursor:pointer;flex-shrink:0;height:16px;margin:0;width:16px}.schedule-days-section{background:var(--theme-bg-secondary);border-radius:8px;margin-top:16px;padding:16px}.schedule-days-section>label{color:var(--theme-text-primary);display:block;font-weight:500;margin-bottom:12px}.days-of-week-grid{display:flex;flex-wrap:wrap;gap:8px}.day-checkbox{align-items:center;background:var(--theme-card-bg);border:1px solid var(--theme-border-medium);border-radius:8px;border-radius:var(--radius-base,8px);cursor:pointer;display:flex;height:44px;justify-content:center;transition:all .2s;width:44px}.day-checkbox input[type=checkbox]{display:none}.day-checkbox span{color:var(--theme-text-secondary);font-size:14px;font-weight:500}.day-checkbox:hover{background:var(--theme-bg-tertiary);border-color:var(--theme-primary)}.day-checkbox.selected{background:var(--theme-primary-light);border-color:var(--theme-primary)}.day-checkbox.selected span{color:var(--theme-primary);font-weight:600}.schedule-monthly-section{background:var(--theme-bg-secondary);border-radius:8px;margin-top:16px;padding:16px}.schedule-monthly-section>label{color:var(--theme-text-primary);display:block;font-weight:500;margin-bottom:12px}.monthly-pattern-options{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));margin-bottom:16px}.pattern-option{align-items:center;background:var(--theme-card-bg);border:1px solid var(--theme-border-medium);border-radius:8px;border-radius:var(--radius-base,8px);cursor:pointer;display:flex;gap:8px;padding:10px 12px;transition:all .2s}.pattern-option input[type=radio]{accent-color:var(--theme-primary);cursor:pointer;height:16px;width:16px}.pattern-option span{color:var(--theme-text-primary);font-size:14px}.pattern-option.selected,.pattern-option:hover{border-color:var(--theme-primary)}.pattern-option.selected{background:var(--theme-primary-light)}.pattern-option.selected span{color:var(--theme-primary);font-weight:600}.monthly-day-selector,.monthly-last-weekday-selector,.monthly-nth-selector{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.monthly-day-selector label,.monthly-last-weekday-selector label,.monthly-nth-selector label{color:var(--theme-text-primary);font-weight:500}.day-select,.week-select,.weekday-select{background:var(--theme-card-bg);border:1px solid var(--theme-border-medium);border-radius:6px;color:var(--theme-text-primary);cursor:pointer;font-size:14px;padding:8px 12px}.day-select:focus,.week-select:focus,.weekday-select:focus{border-color:var(--theme-primary);box-shadow:0 0 0 2px var(--theme-primary-light);outline:none}.day-select{width:80px}.week-select{width:90px}.weekday-select{width:130px}.monthly-day-selector small,.monthly-last-day-info small{color:var(--theme-text-tertiary);flex-basis:100%;font-size:13px;margin-top:8px}.monthly-last-weekday-selector span{color:var(--theme-text-secondary)}.incentive-reward-section{background:var(--theme-bg-secondary);border:1px solid var(--theme-border-light);border-radius:12px;border-radius:var(--radius-lg,12px);margin-top:24px;padding:20px}.incentive-reward-section>.checkbox-label{margin-bottom:0}.reward-options{border-top:1px solid var(--theme-border-light);margin-top:16px;padding-top:16px}.reward-description{background:var(--theme-info-bg);border-left:4px solid var(--theme-info);border-radius:4px;color:var(--theme-info-text);font-size:14px;line-height:1.5;margin-bottom:16px;padding:12px}.reward-file-input{background:var(--theme-card-bg);border:2px dashed var(--theme-border-medium);border-radius:8px;border-radius:var(--radius-base,8px);cursor:pointer;padding:12px;transition:border-color .2s;width:100%}.reward-file-input:hover{border-color:var(--theme-primary)}.reward-preview-container{align-items:flex-start;background:var(--theme-card-bg);border-radius:8px;border-radius:var(--radius-base,8px);display:flex;flex-direction:column;gap:12px;margin-top:12px;padding:12px}.reward-preview-image{border-radius:6px;max-height:150px;max-width:200px;object-fit:cover}.reward-preview-video{border-radius:6px;height:auto;max-height:200px;max-width:300px;object-fit:contain;width:auto}.reward-preview-audio{align-items:center;background:var(--theme-bg-secondary);border-radius:6px;display:flex;gap:8px;padding:8px 12px}.due-time-select,.reward-audio-name{color:var(--theme-text-primary);font-size:14px}.due-time-select{background:var(--theme-card-bg);border:1px solid var(--theme-border-medium);border-radius:8px;border-radius:var(--radius-base,8px);cursor:pointer;max-width:300px;padding:10px 12px;transition:border-color .2s,box-shadow .2s;width:100%}.due-time-select:focus{box-shadow:0 0 0 2px var(--theme-primary-light);outline:none}.due-time-select:focus,.due-time-select:hover{border-color:var(--theme-primary)}.import-tasks-page{margin:0 auto;max-width:900px;padding:20px}.page-header{margin-bottom:32px}.page-header h1{color:var(--theme-text-primary);margin-top:16px}.back-btn{margin-bottom:16px}.import-card{background:var(--theme-card-bg);border-radius:12px;box-shadow:var(--theme-shadow-sm);margin-bottom:32px;padding:32px}.section{border-bottom:1px solid var(--theme-border-medium);margin-bottom:32px;padding-bottom:32px}.section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.section h2{color:var(--theme-text-primary);font-size:20px;margin-bottom:12px}.section p{color:var(--theme-text-secondary);margin-bottom:16px}.file-input-wrapper{position:relative}.file-input{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.file-input-label{background:var(--theme-bg-tertiary);border:2px dashed var(--theme-border-medium);border-radius:8px;color:var(--theme-text-secondary);cursor:pointer;display:inline-block;font-weight:500;padding:12px 24px;transition:all .2s}.file-input-label:hover{background:var(--theme-bg-secondary);border-color:var(--theme-primary)}.options{display:flex;flex-direction:column;gap:12px}.checkbox-option{align-items:center;background:var(--theme-bg-secondary);border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:12px}.checkbox-option input[type=checkbox]{cursor:pointer;height:20px;width:20px}.checkbox-option span{color:var(--theme-text-primary);font-size:14px}.result-section{background:var(--theme-bg-secondary);border-left:4px solid var(--theme-success);border-radius:8px;margin-top:32px;padding:24px}.result-section.warning{border-left-color:var(--theme-warning)}.result-section h2{color:var(--theme-text-primary);margin-bottom:20px;margin-top:0}.stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:24px}.stat-item{background:var(--theme-card-bg);border-radius:8px;box-shadow:var(--theme-shadow-sm);display:flex;justify-content:space-between;padding:16px}.stat-label{color:var(--theme-text-secondary);font-weight:600}.stat-value{color:var(--theme-text-primary);font-size:24px;font-weight:700}.stat-value.success{color:var(--theme-success)}.stat-value.error{color:var(--theme-error)}.errors-section{margin-top:24px}.errors-section h3{color:var(--theme-error);margin-bottom:16px}.errors-list{display:flex;flex-direction:column;gap:12px;max-height:400px;overflow-y:auto}.error-item{background:var(--theme-card-bg);border-left:3px solid var(--theme-error);border-radius:4px;padding:12px}.error-header{display:flex;font-size:12px;font-weight:600;gap:12px;margin-bottom:8px}.error-row{color:var(--theme-error)}.error-column{background:var(--theme-bg-tertiary);border-radius:4px;padding:2px 8px}.error-column,.error-message{color:var(--theme-text-secondary)}.error-message{font-size:14px}.result-message{color:var(--theme-text-primary);font-size:16px;font-weight:500;margin-top:16px}.help-section{background:var(--theme-info-bg);border-left:4px solid var(--theme-info);border-radius:12px;padding:24px}.help-section h3{color:var(--theme-primary);margin-bottom:16px;margin-top:0}.help-section ul{margin:0;padding-left:20px}.help-section li{color:var(--theme-primary);line-height:1.6;margin-bottom:8px}.help-section strong{color:var(--theme-primary);font-weight:600}.help-note{background:var(--theme-info-bg);border-radius:8px;color:var(--theme-primary);font-size:14px;margin-top:16px;padding:12px}@media (max-width:768px){.stats{grid-template-columns:1fr}.import-card{padding:20px}}.organizations-page{margin:0 auto;max-width:1000px}.orgs-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-top:24px}.org-card{align-items:center;background:var(--theme-card-bg);border-radius:12px;box-shadow:var(--theme-shadow-md);cursor:pointer;display:flex;gap:16px;padding:24px;transition:all .2s}.org-card:hover{box-shadow:var(--theme-shadow-lg);transform:translateY(-2px)}.org-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:var(--theme-text-inverse);display:flex;font-size:28px;font-weight:700;height:60px;justify-content:center;width:60px}.org-info{flex:1 1}.org-info h3{color:var(--theme-text-primary);font-size:20px;margin:0 0 8px}.org-role{background:var(--theme-bg-tertiary);border-radius:12px;color:var(--theme-text-secondary);display:inline-block;font-size:12px;font-weight:600;padding:4px 12px;text-transform:capitalize}.org-arrow{color:var(--theme-primary);font-size:24px}.modal-overlay{align-items:center;background:var(--theme-bg-overlay);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal{background:var(--theme-card-bg);border-radius:12px;box-shadow:var(--theme-shadow-xl);max-width:500px;padding:32px;width:90%}.modal h2{color:var(--theme-text-primary);margin:0 0 24px}.modal-actions{display:flex;gap:12px;margin-top:24px}.modal-actions .btn{flex:1 1}.header-actions{display:flex;gap:12px}.modal select{background:var(--theme-input-bg);border:1px solid var(--theme-border-medium);border-radius:8px;color:var(--theme-text-primary);cursor:pointer;font-size:14px;padding:12px;width:100%}.modal select:disabled{background:var(--theme-bg-tertiary);color:var(--theme-text-disabled);cursor:not-allowed}.modal textarea{background:var(--theme-input-bg);border:1px solid var(--theme-border-medium);border-radius:8px;color:var(--theme-text-primary);font-family:inherit;font-size:14px;padding:12px;resize:vertical;width:100%}.modal select:focus,.modal textarea:focus{border-color:var(--theme-primary);outline:none}@media (max-width:768px){.orgs-grid{grid-template-columns:1fr}}.org-settings-page{margin:0 auto;max-width:1000px;padding:1rem}.org-settings-page h1{color:var(--theme-text-primary);font-size:1.25rem;font-weight:600;margin:0 0 1rem}.back-btn{font-size:.8rem;margin-bottom:.5rem;padding:.375rem .75rem}.settings-grid{grid-gap:1rem;gap:1rem;grid-template-columns:1fr 340px}.settings-section{padding:.875rem}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.section-header h2{color:var(--theme-text-primary);font-size:.8rem;font-weight:600;letter-spacing:.5px;margin:0;text-transform:uppercase}.section-header .btn{font-size:.75rem;padding:.375rem .625rem}.members-list{display:flex;flex-direction:column;gap:.5rem}.member-card{background:var(--theme-bg-secondary);border-radius:6px;gap:.75rem;justify-content:space-between;padding:.625rem}.member-card,.member-info{align-items:center;display:flex}.member-info{flex:1 1;gap:.625rem;min-width:0}.member-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.8rem;font-weight:600;height:32px;justify-content:center;width:32px}.member-details{min-width:0}.member-details h3{color:var(--theme-text-primary);font-size:.85rem;font-weight:500}.member-details h3,.member-details p{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-details p{color:var(--theme-text-secondary);font-size:.75rem}.member-actions{align-items:center;display:flex;flex-shrink:0;gap:.5rem}.role-select{background:var(--theme-card-bg);border:1px solid var(--theme-border-medium);border-radius:4px;color:var(--theme-text-primary);cursor:pointer;font-size:.75rem;font-weight:500;padding:.25rem .5rem}.role-badge{background:var(--theme-primary-light);border-radius:10px;color:var(--theme-primary);font-size:.7rem;font-weight:600;padding:.25rem .625rem}.member-actions .btn-sm{font-size:.7rem;padding:.25rem .5rem}.btn-danger{background:var(--theme-error);color:#fff}.btn-danger:hover{opacity:.9}.loading{color:var(--theme-text-secondary);font-size:.85rem;padding:2rem;text-align:center}.settings-section h2:not(.section-header h2){color:var(--theme-text-primary);font-size:.8rem;font-weight:600;letter-spacing:.5px;margin:0 0 .75rem;text-transform:uppercase}.task-settings-form{gap:0}.setting-row,.task-settings-form{display:flex;flex-direction:column}.setting-row{border-bottom:1px solid var(--theme-border-light);gap:.375rem;padding:.625rem 0}.setting-row:last-of-type{border-bottom:none;padding-bottom:0}.setting-row:first-of-type{padding-top:0}.setting-row>label{align-items:center;color:var(--theme-text-primary);cursor:pointer;display:flex;font-size:.8rem;font-weight:500;gap:.5rem}.setting-row input[type=checkbox]{accent-color:var(--theme-primary);cursor:pointer;height:16px;width:16px}.setting-description{color:var(--theme-text-tertiary);font-size:.7rem;line-height:1.4;margin:0;padding-left:1.375rem}.setting-select{background:var(--theme-card-bg);border:1px solid var(--theme-border-medium);border-radius:4px;color:var(--theme-text-primary);cursor:pointer;font-size:.8rem;padding:.375rem .5rem;width:100%}.setting-select:focus{border-color:var(--theme-primary);outline:none}.timezone-select{width:100%}.save-settings-btn{font-size:.8rem;margin-top:.75rem;padding:.5rem 1rem;width:100%}.save-settings-btn:disabled{cursor:not-allowed;opacity:.6}.join-request-card{border-left:3px solid var(--theme-warning)}.request-message{color:var(--theme-text-secondary);font-size:.7rem;font-style:italic;margin-top:.25rem}.request-date{color:var(--theme-text-tertiary);font-size:.65rem;margin-top:.125rem}.btn-success{background:var(--theme-success);color:#fff}.btn-success:hover{opacity:.9}.archive-options{display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem}.archive-option{background:var(--theme-bg-secondary);border-radius:6px;padding:.625rem}.radio-label{align-items:center;color:var(--theme-text-primary);cursor:pointer;display:flex;font-size:.8rem;font-weight:500;gap:.5rem}.radio-label input[type=radio]{accent-color:var(--theme-primary);cursor:pointer;height:14px;width:14px}.archive-option-detail{align-items:center;display:flex;gap:.5rem;margin-left:1.25rem;margin-top:.5rem}.archive-option-detail label{color:var(--theme-text-secondary);font-size:.75rem}.archive-option-detail .setting-select{min-width:100px;width:auto}.org-settings-page .modal-overlay{align-items:center;background:rgba(0,0,0,.5);bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.org-settings-page .modal{background:var(--theme-card-bg);border-radius:10px;box-shadow:var(--theme-shadow-xl);max-width:360px;padding:1.25rem;width:100%}.org-settings-page .modal h2{color:var(--theme-text-primary);font-size:1rem;margin:0 0 1rem}.org-settings-page .modal .input-group{margin-bottom:.75rem}.org-settings-page .modal .input-group label{color:var(--theme-text-primary);display:block;font-size:.8rem;font-weight:500;margin-bottom:.375rem}.org-settings-page .modal .input-group input,.org-settings-page .modal .input-group select{background:var(--theme-card-bg);border:1px solid var(--theme-border-medium);border-radius:6px;box-sizing:border-box;color:var(--theme-text-primary);font-size:.85rem;padding:.5rem;width:100%}.org-settings-page .modal .input-group input:focus,.org-settings-page .modal .input-group select:focus{border-color:var(--theme-primary);outline:none}.org-settings-page .modal-actions{display:flex;gap:.5rem;justify-content:flex-end;margin-top:1rem}.org-settings-page .modal-actions .btn{font-size:.85rem;padding:.5rem 1rem}@media (max-width:768px){.settings-grid{grid-template-columns:1fr}.settings-column:last-child{order:-1}}.org-settings-billing-section h2{color:var(--theme-text-primary);font-size:.8rem;font-weight:600;letter-spacing:.5px;margin:0 0 .75rem;text-transform:uppercase}.org-settings-billing-content{display:flex;flex-direction:column;gap:.75rem}.org-settings-billing-plan{align-items:center;display:flex;justify-content:space-between}.org-settings-billing-label{color:var(--theme-text-secondary);font-size:.8rem;font-weight:500}.org-settings-billing-tier{border-radius:12px;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:.25rem .75rem;text-transform:uppercase}.org-settings-billing-tier-free{background:var(--theme-bg-secondary);color:var(--theme-text-secondary)}.org-settings-billing-tier-paid{background:var(--theme-primary-light);color:var(--theme-primary)}.org-settings-billing-tier-premium{background:linear-gradient(135deg,#f6d365,#fda085);color:#7c2d12}.org-settings-billing-storage{display:flex;flex-direction:column;gap:.375rem}.org-settings-billing-storage-header{align-items:center;display:flex;justify-content:space-between}.org-settings-billing-storage-text{color:var(--theme-text-primary);font-size:.75rem;font-weight:500}.org-settings-billing-storage-bar{background:var(--theme-bg-secondary);border-radius:3px;height:6px;overflow:hidden}.org-settings-billing-storage-fill{background:var(--theme-primary);border-radius:3px;height:100%;transition:width .3s ease}.org-settings-billing-storage-fill.org-settings-billing-storage-warning{background:var(--theme-warning)}.org-settings-billing-storage-alert{color:var(--theme-warning);font-size:.7rem;font-weight:500;margin:0}.org-settings-billing-manage-btn{font-size:.8rem;margin-top:.25rem;padding:.5rem 1rem;width:100%}@media (max-width:480px){.org-settings-page{padding:.75rem}.org-settings-page h1{font-size:1.125rem}.settings-section{padding:.75rem}.member-card{align-items:flex-start;flex-direction:column;gap:.5rem}.member-actions{justify-content:flex-end;width:100%}.archive-option-detail{align-items:flex-start;flex-direction:column;gap:.375rem}.archive-option-detail .setting-select{width:100%}}.inbox-page{margin:0 auto;max-width:800px}.inbox-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.inbox-header h1{color:var(--theme-text-primary);font-size:1.5rem;margin:0}.inbox-loading{color:var(--theme-text-secondary);padding:3rem;text-align:center}.inbox-empty{background:var(--theme-card-bg);border:1px solid var(--theme-border-light);border-radius:12px;padding:4rem 2rem;text-align:center}.inbox-empty-icon{color:var(--theme-success);font-size:3rem;margin-bottom:1rem}.inbox-empty h2{color:var(--theme-text-primary);font-size:1.25rem;margin:0 0 .5rem}.inbox-empty p{color:var(--theme-text-secondary);margin:0}.inbox-content{display:flex;flex-direction:column;gap:1.5rem}.inbox-section{background:var(--theme-card-bg);border:1px solid var(--theme-border-light);border-radius:12px;overflow:hidden}.inbox-section-title{align-items:center;background:var(--theme-bg-secondary);border-bottom:1px solid var(--theme-border-light);color:var(--theme-text-secondary);display:flex;font-size:.8rem;font-weight:600;gap:.5rem;letter-spacing:.5px;margin:0;padding:.875rem 1rem;text-transform:uppercase}.inbox-section-count{background:var(--theme-primary);border-radius:10px;color:#fff;font-size:.7rem;font-weight:600;padding:.125rem .5rem}.inbox-items{display:flex;flex-direction:column}.inbox-item{align-items:center;border-bottom:1px solid var(--theme-border-light);cursor:pointer;display:flex;padding:1rem;transition:background .15s}.inbox-item:last-child{border-bottom:none}.inbox-item:focus,.inbox-item:hover{background:var(--theme-bg-secondary)}.inbox-item:focus{outline:none}.inbox-item-content{flex:1 1;min-width:0}.inbox-item-header{align-items:center;display:flex;gap:.75rem;margin-bottom:.25rem}.inbox-item-title{color:var(--theme-text-primary);font-size:.95rem;font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inbox-item-status{border-radius:4px;flex-shrink:0;font-size:.65rem;font-weight:600;padding:.125rem .5rem;text-transform:uppercase}.inbox-status-progress{background:var(--theme-primary-light);color:var(--theme-primary)}.inbox-status-completed{background:rgba(76,175,80,.1);color:var(--theme-success)}.inbox-status-overdue{background:rgba(244,67,54,.1);color:var(--theme-error)}.inbox-status-review{background:rgba(255,152,0,.1);color:var(--theme-warning)}.inbox-item-summary{color:var(--theme-text-secondary);font-size:.85rem;margin:0 0 .375rem}.inbox-item-meta{align-items:center;color:var(--theme-text-tertiary);display:flex;font-size:.75rem;gap:.75rem}.inbox-item-org{font-weight:500}.inbox-item-time:before{content:"\2022";margin-right:.75rem}.inbox-item-arrow{color:var(--theme-text-tertiary);font-size:1.25rem;margin-left:.5rem}@media (max-width:480px){.inbox-header{align-items:flex-start;flex-direction:column;gap:.75rem}.inbox-header h1{font-size:1.25rem}.inbox-item{padding:.875rem}.inbox-item-header{align-items:flex-start;flex-direction:column;gap:.375rem}.inbox-item-title{font-size:.9rem}.inbox-item-meta{flex-wrap:wrap}}.account-settings-page{margin:0 auto;max-width:1000px;padding:1.5rem}.loading-container{align-items:center;color:var(--theme-text-secondary);display:flex;flex-direction:column;gap:1rem;justify-content:center;min-height:300px}.loading-spinner{animation:spin 1s linear infinite;border:3px solid var(--theme-border-medium);border-radius:50%;border-top-color:var(--theme-primary);height:40px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.settings-header{margin-bottom:1.5rem}.settings-header h1{color:var(--theme-text-primary);font-size:1.5rem;font-weight:600;margin:0}.settings-grid{grid-gap:1.5rem;align-items:start;display:grid;gap:1.5rem;grid-template-columns:320px 1fr}.settings-column{display:flex;flex-direction:column;gap:1rem}.section-header-row{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;margin-bottom:.75rem}.section-header-row h2{margin:0 0 .25rem}.save-status{border-radius:4px;font-size:.75rem;font-weight:500;padding:.25rem .5rem;transition:all .2s ease;white-space:nowrap}.save-status-saving{background:var(--theme-bg-secondary);color:var(--theme-text-secondary)}.save-status-saved{background:var(--theme-success-bg);color:var(--theme-success-text)}.save-status-error{background:var(--theme-error-bg);color:var(--theme-error-text)}.settings-section{background:var(--theme-card-bg);border:1px solid var(--theme-border-light);border-radius:10px;padding:1rem}.settings-section.compact{padding:.875rem}.settings-section h2{color:var(--theme-text-primary);font-size:.9rem;font-weight:600;letter-spacing:.5px;margin:0 0 .75rem;text-transform:uppercase}.section-description{color:var(--theme-text-secondary);font-size:.8rem;line-height:1.4;margin:0 0 1rem}.profile-info-compact{display:flex;flex-direction:column;gap:.5rem}.info-row-compact{align-items:center;display:flex;justify-content:space-between;padding:.375rem 0}.info-label{color:var(--theme-text-secondary);font-size:.8rem;font-weight:500}.info-value{color:var(--theme-text-primary);font-size:.85rem;font-weight:500}.theme-selector{display:flex;gap:.5rem}.theme-option{align-items:center;background:var(--theme-bg-secondary);border:2px solid var(--theme-border-light);border-radius:8px;cursor:pointer;display:flex;flex:1 1;flex-direction:column;gap:.25rem;padding:.625rem .5rem;transition:all .15s ease}.theme-option:hover{background:var(--theme-bg-tertiary);border-color:var(--theme-primary)}.theme-option.active{background:var(--theme-primary-light);border-color:var(--theme-primary)}.theme-option-icon{font-size:1.25rem}.theme-option-label{color:var(--theme-text-primary);font-size:.75rem;font-weight:500}.theme-option.active .theme-option-label{color:var(--theme-primary)}.theme-current{color:var(--theme-text-tertiary);font-size:.65rem}.setting-item-compact{align-items:center;display:flex;gap:.75rem;justify-content:space-between}.settings-group{display:flex;flex-direction:column;gap:0;transition:opacity .2s ease}.settings-group.disabled{opacity:.5;pointer-events:none}.setting-item{align-items:center;border-bottom:1px solid var(--theme-border-light);display:flex;gap:.75rem;justify-content:space-between;padding:.75rem 0}.setting-item:last-child{border-bottom:none;padding-bottom:0}.setting-item:first-child{padding-top:0}.setting-item.master-toggle{background:var(--theme-bg-secondary);border-bottom:none;border-radius:6px;margin:0 -1rem .75rem;padding:.75rem 1rem}.setting-item.sub-setting{background:var(--theme-bg-secondary);border-bottom:1px solid var(--theme-border-light);flex-wrap:wrap;margin:0 -1rem;padding:.75rem 1rem .75rem 1.5rem}.setting-info{display:flex;flex:1 1;flex-direction:column;gap:.125rem;min-width:120px}.setting-label{color:var(--theme-text-primary);font-size:.85rem;font-weight:500}.setting-description{color:var(--theme-text-secondary);font-size:.75rem;line-height:1.3}.toggle-button{border:none;border-radius:12px;cursor:pointer;flex-shrink:0;height:24px;outline:none;padding:0;position:relative;transition:background-color .2s ease;width:44px}.toggle-button:focus-visible{box-shadow:0 0 0 3px var(--theme-primary-light)}.toggle-button:disabled{cursor:not-allowed;opacity:.5}.toggle-button.toggle-off{background-color:var(--theme-border-medium)}.toggle-button.toggle-on{background-color:var(--theme-primary)}.toggle-thumb{background:#fff;border-radius:50%;box-shadow:0 1px 3px rgba(0,0,0,.2);height:20px;left:2px;position:absolute;top:2px;transition:transform .2s ease;width:20px}.toggle-button.toggle-on .toggle-thumb{transform:translateX(20px)}.reminder-select{-webkit-appearance:none;appearance:none;background:var(--theme-card-bg);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%23666' d='M6 8 1 3h10z'/%3E%3C/svg%3E");background-position:right .5rem center;background-repeat:no-repeat;border:1px solid var(--theme-border-medium);border-radius:6px;color:var(--theme-text-primary);cursor:pointer;font-size:.8rem;min-width:140px;padding:.375rem 2rem .375rem .75rem}.reminder-select:focus{border-color:var(--theme-primary);box-shadow:0 0 0 2px var(--theme-primary-light);outline:none}.reminder-select:disabled{cursor:not-allowed;opacity:.5}.permission-blocked{font-weight:500;padding:.25rem .5rem}.permission-blocked,.setting-error{background:var(--theme-error-bg);border-radius:4px;color:var(--theme-error-text);font-size:.75rem}.setting-error{margin-top:.5rem;padding:.5rem}@media (max-width:768px){.settings-grid{grid-template-columns:1fr}.settings-column{gap:.75rem}}@media (max-width:480px){.account-settings-page{padding:1rem}.settings-header h1{font-size:1.25rem}.settings-section{border-radius:8px;padding:.75rem}.theme-selector{gap:.375rem}.theme-option{padding:.5rem .375rem}.theme-option-icon{font-size:1.125rem}.theme-option-label{font-size:.7rem}.setting-item.master-toggle{margin:0 -.75rem .5rem;padding:.625rem .75rem}.setting-item.sub-setting{margin:0 -.75rem;padding:.625rem .75rem .625rem 1.25rem}.reminder-select{font-size:.75rem;min-width:120px}}.section-header-with-link{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.section-header-with-link h2{margin:0}.section-manage-link{color:var(--theme-primary);font-size:.75rem;font-weight:500;text-decoration:none}.section-manage-link:hover{text-decoration:underline}.media-status-row{align-items:center;display:flex;justify-content:space-between;padding:.375rem 0}.media-status-label{color:var(--theme-text-secondary);font-size:.8rem}.media-status-value{color:var(--theme-text-primary);font-size:.85rem;font-weight:500}.media-status-badge{border-radius:9999px;font-size:.7rem;font-weight:600;letter-spacing:.3px;padding:.25rem .625rem;text-transform:uppercase}.media-status-badge.status-none{background-color:var(--theme-bg-secondary);color:var(--theme-text-secondary)}.media-status-badge.status-trial{background-color:var(--theme-info-bg);color:var(--theme-info-text)}.media-status-badge.status-active{background-color:var(--theme-success-bg);color:var(--theme-success-text)}.media-status-badge.status-canceled{background-color:var(--theme-error-bg);color:var(--theme-error-text)}.media-status-badge.status-expired{background-color:var(--theme-warning-bg);color:var(--theme-warning-text)}.media-status-badge.status-inactive{background-color:var(--theme-bg-secondary);color:var(--theme-text-tertiary)}.media-storage-section{border-top:1px solid var(--theme-border-light);margin-top:.75rem;padding-top:.75rem}.media-storage-header{display:flex;font-size:.75rem;justify-content:space-between;margin-bottom:.375rem}.media-storage-header span:first-child{color:var(--theme-text-secondary)}.media-storage-header span:last-child{color:var(--theme-text-primary);font-weight:500}.media-storage-bar{background-color:var(--theme-border-light);border-radius:3px;height:6px;overflow:hidden}.media-storage-fill{background-color:var(--theme-primary);border-radius:3px;height:100%;transition:width .3s ease}.media-storage-fill.warning{background-color:var(--theme-warning)}.billing-page{margin:0 auto;max-width:1000px;padding:24px;padding:var(--spacing-lg,24px)}.billing-header{align-items:center;display:flex;gap:16px;gap:var(--spacing-md,16px);margin-bottom:24px;margin-bottom:var(--spacing-lg,24px)}.billing-back-btn{background:transparent;border:1px solid var(--theme-border-light);border-radius:8px;border-radius:var(--radius-base,8px);color:var(--theme-text-secondary);cursor:pointer;font-size:14px;padding:8px 16px;transition:all .2s}.billing-back-btn:hover{background:var(--theme-bg-tertiary);color:var(--theme-text-primary)}.billing-header h1{color:var(--theme-text-primary);font-size:24px;margin:0}.billing-loading{color:var(--theme-text-tertiary);padding:60px 20px;text-align:center}.billing-error{background:rgba(220,53,69,.1);border:1px solid var(--theme-error);border-radius:8px;border-radius:var(--radius-base,8px);color:var(--theme-error);padding:12px 16px}.billing-disabled-notice,.billing-error{margin-bottom:24px;margin-bottom:var(--spacing-lg,24px)}.billing-disabled-notice{background:var(--theme-bg-tertiary);border:1px solid var(--theme-border-light);border-radius:8px;border-radius:var(--radius-base,8px);padding:24px;padding:var(--spacing-lg,24px)}.billing-disabled-notice h3{color:var(--theme-primary);margin:0 0 8px}.billing-disabled-notice p{color:var(--theme-text-secondary);margin:0}.billing-page section{margin-bottom:32px;margin-bottom:var(--spacing-xl,32px)}.billing-page h2{border-bottom:1px solid var(--theme-border-light);color:var(--theme-text-primary);font-size:18px;margin-bottom:16px;margin-bottom:var(--spacing-md,16px);padding-bottom:8px;padding-bottom:var(--spacing-sm,8px)}.billing-current-plan .billing-plan-card{max-width:400px}.billing-plan-card{background:var(--theme-bg-secondary);border:1px solid var(--theme-border-light);border-radius:12px;border-radius:var(--radius-md,12px);padding:24px;padding:var(--spacing-lg,24px);position:relative}.billing-plan-current{border-color:var(--theme-primary)}.billing-plan-badge{background:rgba(33,150,243,.1);border-radius:9999px;border-radius:var(--radius-full,9999px);color:var(--theme-primary);display:inline-block;font-size:12px;font-weight:600;margin-bottom:12px;margin-bottom:var(--spacing-base,12px);padding:4px 12px;text-transform:uppercase}.billing-plan-card h3{color:var(--theme-text-primary);font-size:22px;margin:0 0 8px}.billing-plan-price{color:var(--theme-text-primary);font-size:28px;font-weight:700;margin:0 0 16px;margin:0 0 var(--spacing-md,16px) 0}.billing-period-info{color:var(--theme-text-secondary);font-size:14px;margin-bottom:16px;margin-bottom:var(--spacing-md,16px)}.billing-manage-btn{background:var(--theme-primary);border:none;border-radius:8px;border-radius:var(--radius-base,8px);color:var(--theme-text-inverse);cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:background .2s}.billing-manage-btn:hover:not(:disabled){background:var(--theme-primary-hover)}.billing-manage-btn:disabled{cursor:not-allowed;opacity:.6}.billing-storage-card{background:var(--theme-bg-secondary);border:1px solid var(--theme-border-light);border-radius:12px;border-radius:var(--radius-md,12px);padding:24px;padding:var(--spacing-lg,24px)}.billing-storage-bar{background:var(--theme-bg-tertiary);height:12px;margin-bottom:12px;margin-bottom:var(--spacing-base,12px);overflow:hidden}.billing-storage-bar,.billing-storage-fill{border-radius:9999px;border-radius:var(--radius-full,9999px)}.billing-storage-fill{background:var(--theme-primary);height:100%;transition:width .3s ease}.billing-storage-text{color:var(--theme-text-secondary);font-size:14px;margin:0}.billing-storage-warning{background:rgba(220,53,69,.1);border-radius:4px;border-radius:var(--radius-sm,4px);color:var(--theme-error);font-size:14px;margin-top:8px;margin-top:var(--spacing-sm,8px);padding:8px 12px}.billing-plans-grid{grid-gap:24px;grid-gap:var(--spacing-lg,24px);display:grid;gap:24px;gap:var(--spacing-lg,24px);grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.billing-plan-active{border-color:var(--theme-primary);box-shadow:0 0 0 2px rgba(33,150,243,.2)}.billing-plan-featured{background:var(--theme-bg-secondary);border-color:var(--theme-primary)}.billing-plan-ribbon{background:var(--theme-primary);border-radius:0 0 4px 4px;border-radius:0 0 var(--radius-sm,4px) var(--radius-sm,4px);color:var(--theme-text-inverse);font-size:11px;font-weight:600;padding:4px 12px;position:absolute;right:20px;text-transform:uppercase;top:-1px}.billing-plan-features{list-style:none;margin:0 0 24px;margin:0 0 var(--spacing-lg,24px) 0;padding:0}.billing-plan-features li{border-bottom:1px solid var(--theme-border-light);color:var(--theme-text-secondary);font-size:14px;padding:8px 0}.billing-plan-features li:last-child{border-bottom:none}.billing-plan-features li:before{color:var(--theme-success);content:"✓";font-weight:600;margin-right:8px}.billing-plan-btn{border-radius:8px;border-radius:var(--radius-base,8px);cursor:pointer;font-size:14px;font-weight:600;padding:12px 20px;transition:all .2s;width:100%}.billing-plan-btn-current{background:var(--theme-bg-tertiary);border:1px solid var(--theme-border-light);color:var(--theme-text-tertiary)}.billing-plan-btn-upgrade{background:var(--theme-primary);border:none;color:var(--theme-text-inverse)}.billing-plan-btn-upgrade:hover:not(:disabled){background:var(--theme-primary-hover)}.billing-plan-btn-downgrade{background:var(--theme-bg-secondary);border:1px solid var(--theme-border-light);color:var(--theme-text-secondary)}.billing-plan-btn-downgrade:hover:not(:disabled){background:var(--theme-bg-tertiary)}.billing-plan-btn:disabled{cursor:not-allowed;opacity:.6}.billing-faq-list{display:flex;flex-direction:column;gap:12px;gap:var(--spacing-base,12px)}.billing-faq-item{background:var(--theme-bg-secondary);border:1px solid var(--theme-border-light);border-radius:8px;border-radius:var(--radius-base,8px);overflow:hidden}.billing-faq-item summary{align-items:center;color:var(--theme-text-primary);cursor:pointer;display:flex;font-weight:500;justify-content:space-between;list-style:none;padding:16px;padding:var(--spacing-md,16px)}.billing-faq-item summary::-webkit-details-marker{display:none}.billing-faq-item summary:after{color:var(--theme-text-tertiary);content:"+";font-size:18px;transition:transform .2s}.billing-faq-item[open] summary:after{transform:rotate(45deg)}.billing-faq-item p{color:var(--theme-text-secondary);font-size:14px;line-height:1.6;margin:0;padding:0 16px 16px;padding:0 var(--spacing-md,16px) var(--spacing-md,16px)}@media (max-width:640px){.billing-page{padding:16px;padding:var(--spacing-md,16px)}.billing-header{align-items:flex-start;flex-direction:column}.billing-plans-grid{grid-template-columns:1fr}}.billing-success-page{align-items:center;background:var(--theme-bg-primary);display:flex;justify-content:center;min-height:100vh;padding:24px;padding:var(--spacing-lg,24px)}.billing-success-loading{text-align:center}.billing-success-spinner{animation:billing-spin 1s linear infinite;border:4px solid var(--theme-border-light);border-radius:50%;border-top-color:var(--theme-primary);height:48px;margin:0 auto 16px;margin:0 auto var(--spacing-md,16px);width:48px}@keyframes billing-spin{to{transform:rotate(1turn)}}.billing-success-loading p{color:var(--theme-text-secondary);font-size:16px}.billing-success-card{background:var(--theme-bg-secondary);border:1px solid var(--theme-border-light);border-radius:16px;border-radius:var(--radius-lg,16px);box-shadow:var(--shadow-lg);max-width:480px;padding:48px;padding:var(--spacing-2xl,48px);text-align:center;width:100%}.billing-success-icon{align-items:center;background:var(--theme-success);border-radius:50%;display:flex;height:80px;justify-content:center;margin:0 auto 24px;margin:0 auto var(--spacing-lg,24px);width:80px}.billing-success-icon svg{color:#fff;height:40px;width:40px}.billing-success-card h1{color:var(--theme-text-primary);font-size:28px;margin:0 0 16px;margin:0 0 var(--spacing-md,16px) 0}.billing-success-message{color:var(--theme-text-secondary);font-size:16px;line-height:1.6;margin:0 0 32px;margin:0 0 var(--spacing-xl,32px) 0}.billing-success-message strong{color:var(--theme-text-primary)}.billing-success-details{background:var(--theme-bg-tertiary);border-radius:12px;border-radius:var(--radius-md,12px);margin-bottom:32px;margin-bottom:var(--spacing-xl,32px);padding:24px;padding:var(--spacing-lg,24px)}.billing-success-detail{border-bottom:1px solid var(--theme-border-light);display:flex;justify-content:space-between;padding:8px 0;padding:var(--spacing-sm,8px) 0}.billing-success-detail:last-child{border-bottom:none}.billing-success-label{color:var(--theme-text-secondary);font-size:14px}.billing-success-value{color:var(--theme-text-primary);font-size:14px;font-weight:600}.billing-success-actions{display:flex;flex-direction:column;gap:12px;gap:var(--spacing-base,12px);margin-bottom:24px;margin-bottom:var(--spacing-lg,24px)}.billing-success-primary-btn{background:var(--theme-primary);border:none;border-radius:8px;border-radius:var(--radius-base,8px);color:var(--theme-text-inverse);cursor:pointer;font-size:16px;font-weight:600;padding:14px 28px;transition:background .2s}.billing-success-primary-btn:hover{background:var(--theme-primary-hover)}.billing-success-secondary-btn{background:var(--theme-bg-secondary);border:1px solid var(--theme-border-light);border-radius:8px;border-radius:var(--radius-base,8px);color:var(--theme-text-secondary);cursor:pointer;font-size:16px;font-weight:500;padding:14px 28px;transition:all .2s}.billing-success-secondary-btn:hover{background:var(--theme-bg-tertiary);border-color:var(--theme-border-medium)}.billing-success-note{color:var(--theme-text-tertiary);font-size:13px;margin:0}@media (max-width:640px){.billing-success-card{padding:32px 24px;padding:var(--spacing-xl,32px) var(--spacing-lg,24px)}.billing-success-card h1{font-size:24px}}.checkout-page{background:var(--theme-bg-primary);min-height:100vh;padding:24px;padding:var(--spacing-lg,24px)}.checkout-container{margin:0 auto;max-width:500px}.checkout-header{margin-bottom:24px;margin-bottom:var(--spacing-lg,24px)}.checkout-back-btn{background:transparent;border:1px solid var(--theme-border-light);border-radius:8px;border-radius:var(--radius-base,8px);color:var(--theme-text-secondary);cursor:pointer;font-size:14px;margin-bottom:16px;margin-bottom:var(--spacing-md,16px);padding:8px 16px;transition:all .2s}.checkout-back-btn:hover{background:var(--theme-bg-tertiary);color:var(--theme-text-primary)}.checkout-header h1{color:var(--theme-text-primary);font-size:24px;margin:0}.checkout-loading{padding:48px 24px;padding:var(--spacing-2xl,48px) var(--spacing-lg,24px);text-align:center}.checkout-spinner{animation:checkout-spin 1s linear infinite;border:4px solid var(--theme-border-light);border-radius:50%;border-top-color:var(--theme-primary);height:48px;margin:0 auto 16px;margin:0 auto var(--spacing-md,16px);width:48px}@keyframes checkout-spin{to{transform:rotate(1turn)}}.checkout-loading p{color:var(--theme-text-secondary);font-size:16px}.checkout-form-container{background:var(--theme-bg-secondary);border:1px solid var(--theme-border-light);border-radius:12px;border-radius:var(--radius-md,12px);padding:24px;padding:var(--spacing-lg,24px)}.checkout-form{display:flex;flex-direction:column;gap:24px;gap:var(--spacing-lg,24px)}.checkout-summary{background:var(--theme-bg-tertiary);border-radius:8px;border-radius:var(--radius-base,8px);padding:16px;padding:var(--spacing-md,16px)}.checkout-summary h3{color:var(--theme-text-secondary);font-size:14px;letter-spacing:.5px;margin:0 0 8px;margin:0 0 var(--spacing-sm,8px) 0;text-transform:uppercase}.checkout-summary-row{align-items:center;color:var(--theme-text-primary);display:flex;font-size:16px;font-weight:600;justify-content:space-between}.checkout-payment-section h3{color:var(--theme-text-secondary);font-size:14px;letter-spacing:.5px;margin:0 0 16px;margin:0 0 var(--spacing-md,16px) 0;text-transform:uppercase}.checkout-error{background:rgba(220,53,69,.1);border:1px solid var(--theme-error);border-radius:8px;border-radius:var(--radius-base,8px);color:var(--theme-error);font-size:14px;padding:12px 16px;padding:var(--spacing-base,12px) var(--spacing-md,16px)}.checkout-submit-btn{background:var(--theme-primary);border:none;border-radius:8px;border-radius:var(--radius-base,8px);color:var(--theme-text-inverse);cursor:pointer;font-size:16px;font-weight:600;padding:14px 24px;transition:background .2s;width:100%}.checkout-submit-btn:hover:not(:disabled){background:var(--theme-primary-hover)}.checkout-submit-btn:disabled{cursor:not-allowed;opacity:.6}.checkout-terms{color:var(--theme-text-tertiary);font-size:12px;line-height:1.5;margin:0;text-align:center}.checkout-error-container{background:var(--theme-bg-secondary);border:1px solid var(--theme-border-light);border-radius:12px;border-radius:var(--radius-md,12px);margin:48px auto;margin:var(--spacing-2xl,48px) auto;max-width:400px;padding:32px;padding:var(--spacing-xl,32px);text-align:center}.checkout-error-container h2{color:var(--theme-error);margin:0 0 16px;margin:0 0 var(--spacing-md,16px) 0}.checkout-error-container p{color:var(--theme-text-secondary);margin:0 0 24px;margin:0 0 var(--spacing-lg,24px) 0}.checkout-error-container button{background:var(--theme-primary);border:none;border-radius:8px;border-radius:var(--radius-base,8px);color:var(--theme-text-inverse);cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:background .2s}.checkout-error-container button:hover{background:var(--theme-primary-hover)}@media (max-width:640px){.checkout-page{padding:16px;padding:var(--spacing-md,16px)}.checkout-header h1{font-size:20px}.checkout-form-container{padding:16px;padding:var(--spacing-md,16px)}}.legal-page{background-color:#f5f5f5;background-color:var(--bg-primary,#f5f5f5);min-height:100vh;padding:40px 20px}.legal-container{background:#fff;background:var(--card-bg,#fff);border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.1);margin:0 auto;max-width:800px;padding:40px}.legal-page h1{color:#1a1a1a;color:var(--text-primary,#1a1a1a);font-size:1.5rem;font-weight:600;margin-bottom:6px}.last-updated{color:#666;color:var(--text-secondary,#666);font-size:.75rem;margin-bottom:24px}.legal-page section{margin-bottom:20px}.legal-page h2{border-top:1px solid #e0e0e0;border-top:1px solid var(--border-color,#e0e0e0);color:#1a1a1a;color:var(--text-primary,#1a1a1a);font-size:1rem;font-weight:600;margin-bottom:10px;padding-top:12px}.legal-page section:first-of-type h2{border-top:none;padding-top:0}.legal-page h3{color:#333;color:var(--text-primary,#333);font-size:.875rem;font-weight:600;margin-bottom:8px;margin-top:14px}.legal-page p{color:#444;color:var(--text-secondary,#444);font-size:.8rem;line-height:1.6;margin-bottom:8px}.legal-page ol,.legal-page ul{margin-bottom:12px;margin-left:20px}.legal-page li{color:#444;color:var(--text-secondary,#444);font-size:.8rem;line-height:1.6;margin-bottom:4px}.legal-page a{color:#2196f3;color:var(--primary-color,#2196f3);text-decoration:none}.legal-page a:hover{text-decoration:underline}.support-page .contact-section{margin-bottom:40px}.contact-cards{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:16px}.contact-card{background:#f8f9fa;background:var(--bg-secondary,#f8f9fa);border-radius:8px;padding:20px;text-align:center}.contact-card h3{color:#1a1a1a;color:var(--text-primary,#1a1a1a);font-size:1rem;margin:0 0 8px}.contact-card p{font-size:.875rem;margin-bottom:12px}.contact-card a{background:#2196f3;background:var(--primary-color,#2196f3);border-radius:6px;color:#fff;display:inline-block;font-size:.875rem;padding:8px 16px;text-decoration:none;transition:background .2s}.contact-card a:hover{background:#1976d2;background:var(--primary-hover,#1976d2);text-decoration:none}.faq-list{margin-top:16px}.faq-item{border:1px solid #e0e0e0;border:1px solid var(--border-color,#e0e0e0);border-radius:8px;margin-bottom:8px;overflow:hidden}.faq-question{align-items:center;background:#f8f9fa;background:var(--bg-secondary,#f8f9fa);border:none;color:#1a1a1a;color:var(--text-primary,#1a1a1a);cursor:pointer;display:flex;font-size:1rem;font-weight:500;justify-content:space-between;padding:16px 20px;text-align:left;transition:background .2s;width:100%}.faq-question:hover{background:#f0f0f0;background:var(--bg-tertiary,#f0f0f0)}.faq-icon{color:#666;color:var(--text-secondary,#666);font-size:1.5rem;font-weight:300}.faq-answer{background:#fff;border-top:1px solid #e0e0e0;border-top:1px solid var(--border-color,#e0e0e0);padding:16px 20px}.faq-answer p{margin:0}.deletion-form{background:#f8f9fa;background:var(--bg-secondary,#f8f9fa);border-radius:8px;margin-top:24px;padding:24px}.warning-box{background:var(--theme-warning-bg);border:1px solid var(--theme-warning-border);border-radius:6px;color:var(--theme-warning-text);margin-bottom:20px;padding:16px}.deletion-form .form-group{margin-bottom:16px}.deletion-form label{color:#1a1a1a;color:var(--text-primary,#1a1a1a);display:block;font-weight:500;margin-bottom:8px}.deletion-form input[type=text]{border:1px solid #ccc;border:1px solid var(--border-color,#ccc);border-radius:6px;font-size:1rem;padding:12px;width:100%}.deletion-form input[type=text]:focus{border-color:#2196f3;border-color:var(--primary-color,#2196f3);box-shadow:0 0 0 3px rgba(33,150,243,.1);outline:none}.delete-button{background:var(--theme-button-danger-bg);border:none;border-radius:6px;color:var(--theme-button-danger-text);cursor:pointer;font-size:1rem;font-weight:500;padding:12px 24px;transition:background .2s}.delete-button:hover:not(:disabled){background:var(--theme-button-danger-hover)}.delete-button:disabled{background:var(--theme-border-medium);cursor:not-allowed}.error-message{color:var(--theme-error-text);margin-bottom:16px}.deletion-success{padding:40px;text-align:center}.deletion-success h1{color:var(--theme-success-text);margin-bottom:24px}.resources-section ul{list-style:none;margin-left:0}.resources-section li{margin-bottom:12px}.response-time ul{list-style:none;margin-left:0}@media (prefers-color-scheme:dark){.legal-page{background-color:var(--theme-bg-primary)}.legal-container{background:var(--theme-card-bg)}.legal-page h1,.legal-page h2,.legal-page h3{color:var(--theme-text-primary)}.legal-page li,.legal-page p{color:var(--theme-text-secondary)}.contact-card,.faq-question{background:var(--theme-bg-secondary)}.faq-question{color:var(--theme-text-primary)}.faq-question:hover{background:var(--theme-bg-tertiary)}.faq-answer{background:var(--theme-card-bg)}.deletion-form{background:var(--theme-bg-secondary)}.deletion-form input[type=text]{background:var(--theme-input-bg);border-color:var(--theme-input-border);color:var(--theme-text-primary)}}@media (max-width:600px){.legal-container{padding:20px 16px}.legal-page h1{font-size:1.25rem}.legal-page h2{font-size:.9rem}.contact-cards{grid-template-columns:1fr}}.support-intro{color:var(--theme-text-secondary);font-size:1.1rem;margin-bottom:32px}.support-options{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:40px}.support-card{background:var(--theme-bg-secondary);border:2px solid transparent;border-radius:12px;cursor:pointer;padding:24px;text-align:center;transition:all .2s ease}.support-card:hover{background:var(--theme-bg-tertiary);border-color:var(--theme-primary);transform:translateY(-2px)}.support-card .card-icon{display:block;font-size:2.5rem;margin-bottom:12px}.support-card h3{color:var(--theme-text-primary);font-size:1.1rem;margin:0 0 8px}.support-card p{color:var(--theme-text-secondary);font-size:.875rem;margin:0}.quick-links-section{margin-bottom:32px}.quick-links-section h2{margin-bottom:16px}.quick-links{display:flex;flex-wrap:wrap;gap:12px}.quick-link{align-items:center;background:var(--theme-bg-secondary);border:1px solid var(--theme-border-light);border-radius:8px;color:var(--theme-text-primary);cursor:pointer;display:inline-flex;font-size:.9rem;gap:8px;padding:10px 16px;text-decoration:none;transition:all .2s ease}.quick-link:hover{background:var(--theme-bg-tertiary);border-color:var(--theme-primary);text-decoration:none}.quick-link span{font-size:1.1rem}.direct-contact{background:var(--theme-bg-secondary);border-radius:8px;padding:20px;text-align:center}.direct-contact h2{border-top:none;margin-bottom:8px;padding-top:0}.direct-contact p{margin:0}.back-button{align-items:center;background:transparent;border:none;color:var(--theme-primary);cursor:pointer;display:inline-flex;font-size:.9rem;gap:8px;margin-bottom:16px;margin-left:-8px;padding:8px 16px}.back-button:hover{text-decoration:underline}.support-form{margin-top:24px}.support-form .form-group{margin-bottom:20px}.support-form label{color:var(--theme-text-primary);display:block;font-weight:500;margin-bottom:8px}.support-form input[type=text],.support-form select,.support-form textarea{background:var(--theme-card-bg);border:1px solid var(--theme-border-medium);border-radius:8px;color:var(--theme-text-primary);font-family:inherit;font-size:1rem;padding:12px;width:100%}.support-form input:focus,.support-form select:focus,.support-form textarea:focus{border-color:var(--theme-primary);box-shadow:0 0 0 3px var(--theme-primary-light);outline:none}.support-form textarea{min-height:100px;resize:vertical}.form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.file-upload{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.file-upload input[type=file]{background:var(--theme-bg-secondary);border:1px dashed var(--theme-border-medium);border-radius:8px;padding:8px}.file-hint{color:var(--theme-text-secondary);font-size:.8rem}.attachment-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.attachment-item{align-items:center;background:var(--theme-bg-secondary);border-radius:6px;display:flex;font-size:.85rem;gap:8px;padding:6px 12px}.attachment-item button{background:none;border:none;color:var(--theme-text-secondary);cursor:pointer;font-size:1rem;padding:0}.attachment-item button:hover{color:var(--theme-error)}.browser-info-box{background:var(--theme-bg-secondary);border:1px solid var(--theme-border-light);border-radius:8px;margin-bottom:20px;padding:16px}.browser-info-box strong{color:var(--theme-text-primary);display:block;margin-bottom:8px}.browser-info-box ul{margin:0;padding-left:20px}.browser-info-box li{color:var(--theme-text-secondary);font-size:.9rem;margin-bottom:4px}.star-rating{display:flex;gap:8px;margin-top:8px}.star-rating .star{background:none;border:none;color:#ddd;cursor:pointer;font-size:2rem;padding:0;transition:color .2s,transform .1s}.star-rating .star:hover{transform:scale(1.1)}.star-rating .star.active{color:#ffc107}.checkbox-group label{align-items:center;cursor:pointer;display:flex;font-weight:400;gap:8px}.checkbox-group input[type=checkbox]{cursor:pointer;height:18px;width:18px}.submit-button{background:var(--theme-primary);border:none;border-radius:8px;color:var(--theme-text-inverse);cursor:pointer;display:inline-block;font-size:1rem;font-weight:500;padding:14px 32px;transition:background .2s}.submit-button:hover:not(:disabled){background:var(--theme-primary-hover)}.submit-button:disabled{background:var(--theme-text-disabled);cursor:not-allowed}.error-banner{background:var(--theme-error-bg);border:1px solid var(--theme-error);border-radius:8px;color:var(--theme-error-text);margin-bottom:20px;padding:12px 16px}.success-container{padding:40px 20px;text-align:center}.success-icon{background:var(--theme-success);border-radius:50%;color:var(--theme-text-inverse);font-size:40px;height:80px;line-height:80px;margin:0 auto 24px;width:80px}.success-container h2{color:var(--theme-text-primary);margin-bottom:12px}.success-container>p{color:var(--theme-text-secondary);margin-bottom:24px}.reference-box{background:var(--theme-bg-secondary);border:2px dashed var(--theme-border-medium);border-radius:8px;margin-bottom:16px;padding:20px}.reference-label{color:var(--theme-text-secondary);display:block;font-size:.875rem;margin-bottom:8px}.reference-number{color:var(--theme-primary);display:block;font-family:monospace;font-size:1.5rem;font-weight:600}.success-note{color:var(--theme-text-secondary);font-size:.9rem;margin-bottom:24px}.success-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.support-page .btn-primary,.support-page .btn-secondary{border-radius:8px;cursor:pointer;font-size:1rem;padding:12px 24px;transition:all .2s}.support-page .btn-primary{background:var(--theme-primary);border:none;color:var(--theme-text-inverse)}.support-page .btn-primary:hover{background:var(--theme-primary-hover)}.faq-categories{margin-top:24px}.faq-category{margin-bottom:32px}.faq-category h2{font-size:1.25rem;margin-bottom:16px}.changelog-list{margin-top:24px}.changelog-entry{background:var(--theme-bg-secondary);border-radius:8px;margin-bottom:16px;padding:20px}.changelog-header{align-items:center;display:flex;gap:12px;margin-bottom:12px}.version-badge{background:var(--theme-primary);border-radius:20px;color:var(--theme-text-inverse);font-size:.8rem;font-weight:600;padding:4px 10px}.changelog-date{color:var(--theme-text-secondary);font-size:.875rem}.changelog-entry h3{color:var(--theme-text-primary);font-size:1.1rem;margin:0 0 12px}.changelog-changes{margin:0;padding-left:20px}.changelog-changes li{color:var(--theme-text-secondary);margin-bottom:8px}.change-type{border-radius:4px;display:inline-block;font-size:.75rem;font-weight:600;margin-right:8px;padding:2px 8px;text-transform:uppercase}.change-feature .change-type{background:var(--theme-success-bg);color:var(--theme-success-text)}.change-improvement .change-type{background:var(--theme-info-bg);color:var(--theme-info)}.change-fix .change-type{background:var(--theme-warning-bg);color:var(--theme-warning-text)}.guide-intro{color:var(--theme-text-secondary);margin-bottom:24px}.guide-sections{margin-top:24px}.guide-nav{border-bottom:1px solid var(--theme-border-light);display:flex;flex-wrap:wrap;gap:8px;margin-bottom:32px;padding-bottom:20px}.guide-nav-link{background:var(--theme-bg-secondary);border:1px solid var(--theme-border-light);border-radius:6px;color:var(--theme-text-primary);font-size:.9rem;padding:8px 16px;text-decoration:none;transition:all .2s}.guide-nav-link:hover{background:var(--theme-bg-tertiary);border-color:var(--theme-primary);color:var(--theme-primary)}.guide-section{margin-bottom:40px;scroll-margin-top:20px}.guide-section h2{border-bottom:2px solid var(--theme-primary);color:var(--theme-text-primary);font-size:1.4rem;margin-bottom:20px;padding-bottom:10px}.guide-item{background:var(--theme-bg-secondary);border-radius:8px;margin-bottom:12px;padding:16px 20px}.guide-item h3{color:var(--theme-text-primary);font-size:1rem;margin:0 0 8px}.guide-item p{color:var(--theme-text-secondary);line-height:1.6;margin:0;white-space:pre-line}@media (max-width:600px){.form-row,.support-options{grid-template-columns:1fr}.quick-links{flex-direction:column}.quick-link{justify-content:center}.success-actions{flex-direction:column}.success-actions button{width:100%}}.media-library-page{margin:0 auto;max-width:1400px;padding:24px}.media-library-subscription-banner{align-items:center;border-radius:10px;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:20px;padding:12px 20px}.media-library-subscription-banner.none,.media-library-subscription-banner.trial{background:linear-gradient(135deg,var(--theme-info-bg),var(--theme-primary-light));border:1px solid var(--theme-info-border)}.media-library-subscription-banner.expired,.media-library-subscription-banner.trial_expired{background:linear-gradient(135deg,var(--theme-warning-bg),var(--theme-warning-bg));border:1px solid var(--theme-warning-border)}.media-library-subscription-banner.canceled{background:linear-gradient(135deg,var(--theme-error-bg),var(--theme-error-bg));border:1px solid var(--theme-error-border)}.media-library-subscription-banner.churned{background:var(--bg-secondary);border:1px solid var(--border-color)}.media-library-subscription-message{align-items:center;display:flex;flex-wrap:wrap;gap:16px}.media-library-subscription-message span{color:var(--text-primary);font-size:14px;font-weight:500}.media-library-start-trial-btn{background:var(--theme-button-primary-bg-solid);border:none;border-radius:8px;color:var(--theme-button-primary-text);cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;transition:background .2s}.media-library-start-trial-btn:hover:not(:disabled){background:var(--theme-primary-hover)}.media-library-start-trial-btn:disabled{cursor:not-allowed;opacity:.6}.media-library-subscribe-btn{background:var(--primary-color);border-radius:8px;color:#fff;font-size:13px;font-weight:500;padding:8px 16px;text-decoration:none;transition:background .2s}.media-library-subscribe-btn:hover{background:var(--primary-hover)}.media-library-manage-link{color:var(--primary-color);font-size:13px;text-decoration:none}.media-library-manage-link:hover{text-decoration:underline}.media-library-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.media-library-title h1{color:var(--text-primary);font-size:28px;font-weight:600;margin:0 0 8px}.media-library-storage{align-items:center;display:flex;gap:12px}.media-library-storage-bar{background:var(--bg-tertiary);border-radius:4px;height:8px;overflow:hidden;width:200px}.media-library-storage-fill{background:linear-gradient(90deg,var(--theme-primary),var(--theme-accent));border-radius:4px;height:100%;transition:width .3s ease}.media-library-storage-fill.warning{background:linear-gradient(90deg,var(--theme-warning),var(--theme-error))}.media-library-storage-text{color:var(--text-secondary);font-size:14px}.media-library-actions{align-items:center;display:flex;gap:12px}.media-library-billing-link{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:14px;padding:10px 16px;text-decoration:none;transition:all .2s}.media-library-billing-link:hover{background:var(--bg-tertiary);border-color:var(--primary-color)}.media-library-upload-btn{background:var(--primary-color);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:background .2s}.media-library-upload-btn:hover:not(:disabled){background:var(--primary-hover)}.media-library-upload-btn:disabled{cursor:not-allowed;opacity:.5}.media-library-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:20px}.media-library-view-toggle{background:var(--bg-secondary);border-radius:8px;display:flex;overflow:hidden}.media-library-view-toggle button{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;font-size:14px;padding:8px 16px;transition:all .2s}.media-library-view-toggle button.active{background:var(--primary-color);color:#fff}.media-library-view-toggle button:hover:not(.active){background:var(--bg-tertiary)}.media-library-filters{align-items:center;display:flex;gap:12px}.media-library-filter-select{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;font-size:14px;padding:8px 12px}.media-library-search{display:flex;gap:8px}.media-library-search input{background:var(--bg-primary);padding:8px 12px;width:200px}.media-library-search button,.media-library-search input{border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:14px}.media-library-search button{background:var(--bg-secondary);cursor:pointer;padding:8px 16px;transition:background .2s}.media-library-search button:hover{background:var(--bg-tertiary)}.media-library-tags-section{margin-bottom:24px}.media-library-tags-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.media-library-tags-header span{color:var(--text-secondary);font-size:14px;font-weight:500}.media-library-add-tag-btn{background:transparent;border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);cursor:pointer;font-size:13px;padding:4px 12px;transition:all .2s}.media-library-add-tag-btn:hover{border-color:var(--primary-color);color:var(--primary-color)}.media-library-tags{display:flex;flex-wrap:wrap;gap:8px}.media-library-tag{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:20px;color:var(--text-primary);cursor:pointer;display:flex;font-size:13px;gap:6px;padding:6px 12px;transition:all .2s}.media-library-tag.selected,.media-library-tag:hover{border-color:#6366f1;border-color:var(--tag-color,#6366f1)}.media-library-tag.selected{color:#fff}.media-library-tag-dot,.media-library-tag.selected{background:#6366f1;background:var(--tag-color,#6366f1)}.media-library-tag-dot{border-radius:50%;height:8px;width:8px}.media-library-tag.selected .media-library-tag-dot{background:#fff}.media-library-tag-count{font-size:11px;opacity:.7}.media-library-no-tags{color:var(--text-secondary);font-size:14px}.media-library-error{align-items:center;background:var(--theme-error-bg);border:1px solid var(--theme-error-border);border-radius:8px;color:var(--theme-error-text);display:flex;justify-content:space-between;margin-bottom:20px;padding:12px 16px}.media-library-error button{background:transparent;border:1px solid var(--theme-error);border-radius:4px;color:var(--theme-error-text);cursor:pointer;font-size:12px;padding:4px 12px}.media-library-loading{color:var(--text-secondary);font-size:16px;padding:60px}.media-library-empty,.media-library-loading{align-items:center;display:flex;justify-content:center}.media-library-empty{flex-direction:column;grid-column:1/-1;padding:60px 20px;text-align:center}.media-library-empty p{color:var(--text-secondary);font-size:16px;margin-bottom:16px}.media-library-empty button{background:var(--primary-color);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;padding:10px 20px}.media-library-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.media-library-item{aspect-ratio:1;background:var(--bg-secondary);border-radius:12px;cursor:pointer;overflow:hidden;position:relative;transition:transform .2s,box-shadow .2s}.media-library-item:hover{box-shadow:0 8px 24px rgba(0,0,0,.15);transform:translateY(-4px)}.media-library-item img{height:100%;object-fit:cover;width:100%}.media-library-video-thumb{align-items:center;display:flex;height:100%;justify-content:center;position:relative;width:100%}.media-library-video-thumb img{height:100%;object-fit:cover;width:100%}.media-library-video-icon{background:rgba(0,0,0,.7);border-radius:6px;color:#fff;font-size:12px;font-weight:500;padding:8px 16px;position:absolute}.media-library-item-overlay{background:linear-gradient(transparent,rgba(0,0,0,.7));bottom:0;left:0;opacity:0;padding:12px;position:absolute;right:0;transition:opacity .2s}.media-library-item:hover .media-library-item-overlay{opacity:1}.media-library-item-name{color:#fff;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.media-library-albums-view{padding:20px 0}.media-library-albums-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.media-library-albums-header h2{color:var(--text-primary);font-size:20px;margin:0}.media-library-albums-header button{background:var(--primary-color);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px}.media-library-albums-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.media-library-album-card{background:var(--bg-secondary);border-radius:12px;cursor:pointer;overflow:hidden;transition:transform .2s,box-shadow .2s}.media-library-album-card:hover{box-shadow:0 8px 24px rgba(0,0,0,.15);transform:translateY(-4px)}.media-library-album-cover{aspect-ratio:16/10;background:var(--bg-tertiary)}.media-library-album-cover img{height:100%;object-fit:cover;width:100%}.media-library-album-placeholder{align-items:center;color:var(--text-secondary);display:flex;font-size:14px;height:100%;justify-content:center;width:100%}.media-library-album-info{padding:12px 16px}.media-library-album-info h3{color:var(--text-primary);font-size:16px;font-weight:500;margin:0 0 4px}.media-library-album-info span{color:var(--text-secondary);font-size:13px}.media-library-pagination{align-items:center;border-top:1px solid var(--border-color);display:flex;gap:16px;justify-content:center;margin-top:32px;padding-top:20px}.media-library-pagination button{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;font-size:14px;padding:8px 16px}.media-library-pagination button:disabled{cursor:not-allowed;opacity:.5}.media-library-pagination span{color:var(--text-secondary);font-size:14px}.media-library-modal-overlay{align-items:center;background:rgba(0,0,0,.6);bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.media-library-modal{background:var(--bg-primary);border-radius:16px;max-height:90vh;max-width:500px;overflow-y:auto;padding:24px;width:100%}.media-library-modal h2{color:var(--text-primary);font-size:20px;margin:0 0 20px}.media-library-upload-area{border:2px dashed var(--border-color);border-radius:12px;cursor:pointer;padding:40px 20px;text-align:center;transition:border-color .2s}.media-library-upload-area:hover{border-color:var(--primary-color)}.media-library-upload-area input{display:block;margin-bottom:12px;width:100%}.media-library-upload-area p{color:var(--text-secondary);margin:0}.media-library-upload-hint{font-size:12px;margin-top:8px!important;opacity:.7}.media-library-upload-progress{margin-top:20px;text-align:center}.media-library-progress-bar{background:var(--bg-tertiary);border-radius:4px;height:8px;margin-bottom:8px;overflow:hidden}.media-library-progress-fill{background:var(--primary-color);height:100%;transition:width .3s ease}.media-library-form{display:flex;flex-direction:column;gap:16px}.media-library-form label{color:var(--text-secondary);display:flex;flex-direction:column;font-size:14px;gap:6px}.media-library-form input,.media-library-form select,.media-library-form textarea{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:14px;padding:10px 12px}.media-library-form textarea{min-height:80px;resize:vertical}.media-library-form input[type=color]{cursor:pointer;height:36px;padding:4px;width:60px}.media-library-modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.media-library-modal-cancel{background:transparent;border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;font-size:14px;padding:10px 20px}.media-library-modal-confirm{background:var(--primary-color);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;padding:10px 20px}.media-library-modal-confirm:disabled{cursor:not-allowed;opacity:.5}.media-library-lightbox{align-items:center;background:rgba(0,0,0,.9);bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1001}.media-library-lightbox-content{background:var(--bg-primary);border-radius:16px;display:flex;flex-direction:column;max-height:90vh;max-width:90vw;overflow:hidden}.media-library-lightbox-close{background:hsla(0,0%,100%,.1);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;position:absolute;right:20px;top:20px;z-index:10}.media-library-lightbox-media{align-items:center;background:#000;display:flex;flex:1 1;justify-content:center;max-height:60vh;min-height:300px}.media-library-lightbox-media img,.media-library-lightbox-media video{height:auto;max-height:100%;max-width:100%;object-fit:contain;width:auto}.media-library-lightbox-info{background:var(--bg-primary);padding:20px}.media-library-lightbox-info h3{color:var(--text-primary);font-size:18px;margin:0 0 8px}.media-library-lightbox-info p{color:var(--text-secondary);font-size:14px;margin:0 0 12px}.media-library-lightbox-meta{color:var(--text-secondary);display:flex;flex-wrap:wrap;font-size:13px;gap:16px;margin-bottom:12px}.media-library-lightbox-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.media-library-lightbox-tag{border-radius:12px;color:#fff;font-size:12px;padding:4px 10px}.media-library-lightbox-actions{display:flex;gap:12px}.media-library-download-btn{background:var(--primary-color);color:#fff;text-decoration:none}.media-library-delete-btn,.media-library-download-btn{border:none;border-radius:8px;cursor:pointer;font-size:14px;padding:8px 16px}.media-library-delete-btn{background:var(--theme-button-danger-bg);color:var(--theme-button-danger-text)}@media (max-width:768px){.media-library-page{padding:16px}.media-library-header{align-items:stretch;flex-direction:column}.media-library-storage-bar{width:100%}.media-library-toolbar{align-items:stretch;flex-direction:column}.media-library-filters{flex-direction:column}.media-library-search{width:100%}.media-library-search input{flex:1 1;width:auto}.media-library-grid{gap:8px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.media-library-lightbox-content{flex-direction:column;max-width:none;width:100%}.media-library-lightbox-media{max-height:50vh}}.media-library-loading-skeleton{padding:var(--spacing-4) 0}.media-library-skeleton-item{aspect-ratio:1;background:var(--theme-bg-secondary);border-radius:var(--radius-lg);overflow:hidden;position:relative}.media-library-skeleton-overlay{background:linear-gradient(transparent,rgba(0,0,0,.5));bottom:0;left:0;padding:var(--spacing-3);position:absolute;right:0}.media-library-skeleton-album{background:var(--theme-bg-secondary);border-radius:var(--radius-lg);overflow:hidden}.media-library-skeleton-album-info{display:flex;flex-direction:column;gap:var(--spacing-2);padding:var(--spacing-3)}.media-billing-page{margin:0 auto;max-width:900px;padding:24px}.media-billing-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:24px}.media-billing-header h1{color:var(--text-primary);font-size:1.5rem;font-weight:600;margin:0 0 4px}.media-billing-subtitle{color:var(--text-secondary);font-size:.875rem;margin:0}.media-billing-back-link{color:var(--primary-color);font-size:.875rem;text-decoration:none}.media-billing-back-link:hover{text-decoration:underline}.media-billing-loading{color:var(--text-secondary);padding:48px;text-align:center}.media-billing-error,.media-billing-success{align-items:center;border-radius:8px;display:flex;font-size:.875rem;justify-content:space-between;margin-bottom:16px;padding:12px 16px}.media-billing-error{background-color:#fef2f2;background-color:var(--error-bg,#fef2f2);border:1px solid #fecaca;border:1px solid var(--error-border,#fecaca);color:#dc2626;color:var(--error-color,#dc2626)}.media-billing-success{background-color:#f0fdf4;background-color:var(--success-bg,#f0fdf4);border:1px solid #bbf7d0;border:1px solid var(--success-border,#bbf7d0);color:#16a34a;color:var(--success-color,#16a34a)}.media-billing-error button,.media-billing-success button{background:none;border:none;cursor:pointer;font-size:.75rem;opacity:.7;padding:4px 8px}.media-billing-error button:hover,.media-billing-success button:hover{opacity:1}.media-billing-status-card{background:#fff;background:var(--card-bg,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:12px;margin-bottom:32px;padding:24px}.media-billing-status-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.media-billing-status-header h2{color:var(--text-primary);font-size:1.125rem;font-weight:600;margin:0}.media-billing-badge{border-radius:9999px;display:inline-block;font-size:.75rem;font-weight:500;padding:4px 12px}.media-billing-badge.badge-none{background-color:#f3f4f6;color:#6b7280}.media-billing-badge.badge-trial{background-color:#dbeafe;color:#1d4ed8}.media-billing-badge.badge-expired{background-color:#fef3c7;color:#b45309}.media-billing-badge.badge-active{background-color:#d1fae5;color:#047857}.media-billing-badge.badge-canceled{background-color:#fee2e2;color:#b91c1c}.media-billing-badge.badge-churned{background-color:#f3f4f6;color:#6b7280}.media-billing-status-message{color:var(--text-secondary);font-size:.875rem;margin-bottom:20px}.media-billing-storage{margin-bottom:20px}.media-billing-storage-header{display:flex;font-size:.875rem;justify-content:space-between;margin-bottom:8px}.media-billing-storage-header span:first-child{color:var(--text-secondary)}.media-billing-storage-header span:last-child{color:var(--text-primary);font-weight:500}.media-billing-storage-bar{background-color:#e5e7eb;border-radius:4px;height:8px;overflow:hidden}.media-billing-storage-fill{background-color:#3b82f6;background-color:var(--primary-color,#3b82f6);border-radius:4px;height:100%;transition:width .3s ease}.media-billing-storage-fill.warning{background-color:#f59e0b}.media-billing-storage-percent{color:var(--text-secondary);display:block;font-size:.75rem;margin-top:4px;text-align:right}.media-billing-actions{display:flex;flex-wrap:wrap;gap:12px}.media-billing-btn{border:none;border-radius:8px;cursor:pointer;font-size:.875rem;font-weight:500;padding:10px 20px;transition:all .2s ease}.media-billing-btn:disabled{cursor:not-allowed;opacity:.5}.media-billing-btn-primary{background-color:#3b82f6;background-color:var(--primary-color,#3b82f6);color:#fff}.media-billing-btn-primary:hover:not(:disabled){background-color:#2563eb;background-color:var(--primary-hover,#2563eb)}.media-billing-btn-danger{background-color:#dc2626;color:#fff}.media-billing-btn-danger:hover:not(:disabled){background-color:#b91c1c}.media-billing-btn-current{background-color:#e5e7eb;color:#6b7280;cursor:default}.media-billing-plans{margin-bottom:32px}.media-billing-plans h2{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin:0 0 20px}.media-billing-plans-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.media-billing-plan-card{background:#fff;background:var(--card-bg,#fff);border:2px solid #e5e7eb;border:2px solid var(--border-color,#e5e7eb);border-radius:12px;display:flex;flex-direction:column;padding:24px;transition:border-color .2s ease}.media-billing-plan-card.current,.media-billing-plan-card:hover{border-color:#3b82f6;border-color:var(--primary-color,#3b82f6)}.media-billing-plan-card.current{background-color:#eff6ff;background-color:var(--primary-bg,#eff6ff)}.media-billing-plan-header{margin-bottom:16px}.media-billing-plan-header h3{color:var(--text-primary);font-size:1.125rem;font-weight:600;margin:0 0 4px}.media-billing-plan-description{color:var(--text-secondary);font-size:.875rem;margin:0}.media-billing-plan-price{margin-bottom:8px}.media-billing-plan-amount{color:var(--text-primary);font-size:2rem;font-weight:700}.media-billing-plan-period,.media-billing-plan-storage{color:var(--text-secondary);font-size:.875rem}.media-billing-plan-storage{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color,#e5e7eb);margin-bottom:16px;padding-bottom:16px}.media-billing-plan-features{flex-grow:1;list-style:none;margin:0 0 20px;padding:0}.media-billing-plan-features li{align-items:center;color:var(--text-secondary);display:flex;font-size:.875rem;gap:8px;padding:6px 0}.media-billing-plan-features li:before{color:#16a34a;color:var(--success-color,#16a34a);content:"✓";font-weight:600}.media-billing-plan-card .media-billing-btn{text-align:center;width:100%}.media-billing-faq{background:#fff;background:var(--card-bg,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:12px;padding:24px}.media-billing-faq h2{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin:0 0 20px}.media-billing-faq-item{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color,#e5e7eb);padding:16px 0}.media-billing-faq-item:last-child{border-bottom:none;padding-bottom:0}.media-billing-faq-item h3{color:var(--text-primary);font-size:.9375rem;font-weight:600;margin:0 0 8px}.media-billing-faq-item p{color:var(--text-secondary);font-size:.875rem;line-height:1.5;margin:0}@media (max-width:640px){.media-billing-page{padding:16px}.media-billing-header{flex-direction:column;gap:12px}.media-billing-status-header{align-items:flex-start;flex-direction:column;gap:8px}.media-billing-plans-grid{grid-template-columns:1fr}.media-billing-actions{flex-direction:column}.media-billing-btn{text-align:center;width:100%}}@media (prefers-color-scheme:dark){.media-billing-badge.badge-none{background-color:#374151;color:#9ca3af}.media-billing-badge.badge-trial{background-color:#1e3a5f;color:#93c5fd}.media-billing-badge.badge-expired{background-color:#451a03;color:#fcd34d}.media-billing-badge.badge-active{background-color:#064e3b;color:#6ee7b7}.media-billing-badge.badge-canceled{background-color:#450a0a;color:#fca5a5}.media-billing-storage-bar{background-color:#374151}}
/*# sourceMappingURL=main.929ff9ac.css.map*/