.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.5625rem 1.25rem;border:1.5px solid transparent;border-radius:var(--radius-btn);font-family:var(--font-body);font-size:.875rem;font-weight:600;line-height:1.25;letter-spacing:.01em;cursor:pointer;text-decoration:none;white-space:nowrap;transition:background-color .12s ease,border-color .12s ease,color .12s ease,box-shadow .12s ease,opacity .12s ease;-webkit-user-select:none;user-select:none;-webkit-font-smoothing:antialiased}.btn:focus-visible{outline:2px solid var(--color-teal);outline-offset:2px}.btn:disabled,.btn[aria-disabled=true]{opacity:.45;cursor:not-allowed;pointer-events:none}.btn-primary{background:var(--color-teal);border-color:var(--color-teal);color:#fff}.btn-primary:hover{background:#009eac;border-color:#009eac}.btn-primary:active{background:#089;border-color:#089}.btn-secondary{background:transparent;border-color:var(--color-primary);color:var(--color-primary)}.btn-secondary:hover{background:var(--color-primary);color:#fff}.btn-ghost{background:transparent;border-color:transparent;color:var(--color-primary)}.btn-ghost:hover{background:var(--color-surface-hover)}.btn-danger{background:var(--color-pink);border-color:var(--color-pink);color:#fff}.btn-danger:hover{background:#d45589;border-color:#d45589}.btn-sm{padding:.375rem .875rem;font-size:.8125rem}.btn-lg{padding:.75rem 1.75rem;font-size:1rem}.btn-icon{padding:.5rem;border-radius:var(--radius-btn);width:2.25rem;height:2.25rem}.badge{display:inline-flex;align-items:center;gap:.3125rem;padding:.1875rem .625rem;border-radius:100px;font-size:.75rem;font-weight:600;line-height:1.4;letter-spacing:.02em;white-space:nowrap}.badge-dot{width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0}.badge-draft{background:#e8edf0;color:#4a6374}.badge-shared{background:#d1f0f4;color:#00717d}.badge-reviewing{background:#fff3cc;color:#8a6200}.badge-discussion{background:#fde4f1;color:#ad2272}.badge-completed{background:#d4f5e3;color:#1a7a4a}.badge-archived{background:#ededf0;color:#6b6b7a}.badge-admin{background:#003e51;color:#fff}.badge-manager{background:#004e65;color:#fff}.badge-client{background:#e4f7f9;color:#005d6b}.badge-viewer{background:#f0f0f3;color:#555565}.alert{display:flex;align-items:flex-start;gap:.75rem;padding:.875rem 1rem;border-radius:var(--radius-md);border-left:3px solid;font-size:.875rem;line-height:1.5}.alert-icon{flex-shrink:0;width:1.125rem;height:1.125rem;margin-top:.0625rem}.alert-success{background:#d4f5e3;border-color:#1a7a4a;color:#124f30}.alert-error{background:#fde4f1;border-color:var(--color-pink);color:#7a1048}.alert-warning{background:#fff3cc;border-color:#c98a00;color:#6b4700}.alert-info{background:#d1f0f4;border-color:var(--color-teal);color:#00505a}.form-group{display:flex;flex-direction:column;gap:.375rem}.form-label{font-size:.8125rem;font-weight:600;color:var(--color-text-secondary);letter-spacing:.02em}.form-label-required:after{content:" *";color:var(--color-pink)}.form-input,.form-select,.form-textarea{width:100%;padding:.5625rem .875rem;background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-input);font-family:var(--font-body);font-size:.9375rem;color:var(--color-text);line-height:1.5;transition:border-color .12s ease,box-shadow .12s ease;-webkit-appearance:none}.form-input::placeholder,.form-textarea::placeholder{color:var(--color-text-muted)}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--color-teal);box-shadow:0 0 0 3px #00b8c726}.form-input.is-error,.form-select.is-error,.form-textarea.is-error{border-color:var(--color-pink);box-shadow:0 0 0 3px #ec69a026}.form-error{font-size:.8125rem;color:var(--color-pink)}.form-hint{font-size:.8125rem;color:var(--color-text-muted)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.card-header{padding:1.25rem 1.5rem 1rem;border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between;gap:1rem}.card-title{font-size:.9375rem;font-weight:600;color:var(--color-text);margin:0}.card-body{padding:1.25rem 1.5rem}.card-footer{padding:1rem 1.5rem;border-top:1px solid var(--color-border);background:var(--color-bg-offset)}.skeleton{background:linear-gradient(90deg,var(--color-border) 25%,var(--color-surface-hover) 50%,var(--color-border) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.4s ease-in-out infinite;border-radius:var(--radius-sm)}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-text{height:1em;border-radius:3px}.skeleton-title{height:1.5em;border-radius:3px}.skeleton-card{height:7rem;border-radius:var(--radius-lg)}.skeleton-avatar{border-radius:50%}.avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;font-weight:700;letter-spacing:.02em;font-size:.75rem;flex-shrink:0;background:var(--color-primary);color:#fff;-webkit-user-select:none;user-select:none}.avatar-sm{width:1.75rem;height:1.75rem;font-size:.6875rem}.avatar-md{width:2.25rem;height:2.25rem;font-size:.75rem}.avatar-lg{width:3rem;height:3rem;font-size:.875rem}.avatar-xl{width:4rem;height:4rem;font-size:1.125rem}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:3.5rem 2rem;text-align:center;color:var(--color-text-muted)}.empty-state-icon{width:3rem;height:3rem;opacity:.35}.empty-state-title{font-size:.9375rem;font-weight:600;color:var(--color-text-secondary);margin:0}.empty-state-body{font-size:.875rem;max-width:28rem;margin:0}.stat-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.25rem 1.5rem;display:flex;flex-direction:column;gap:.5rem;position:relative;overflow:hidden}.stat-card-accent{position:absolute;top:0;left:0;right:0;height:3px}.stat-card-label{font-size:.75rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-muted);margin:0}.stat-card-value{font-size:2rem;font-weight:700;line-height:1.1;color:var(--color-text);margin:0;font-variant-numeric:tabular-nums}.stat-card-sub{font-size:.8125rem;color:var(--color-text-muted);margin:0}.project-row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:1rem;padding:.875rem 1.25rem;border-bottom:1px solid var(--color-border);text-decoration:none;color:inherit;transition:background-color .1s ease}.project-row:last-child{border-bottom:none}.project-row:hover{background:var(--color-surface-hover)}.project-row-name{font-size:.9375rem;font-weight:600;color:var(--color-text);margin:0 0 .1875rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.project-row-meta{font-size:.8125rem;color:var(--color-text-muted);margin:0;display:flex;gap:.75rem;flex-wrap:wrap}.divider{border:none;border-top:1px solid var(--color-border);margin:0}.dropdown-menu{position:absolute;top:calc(100% + .375rem);right:0;min-width:13rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:.375rem;z-index:var(--z-dropdown);animation:menu-appear .12s ease}@keyframes menu-appear{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.dropdown-item{display:flex;align-items:center;gap:.625rem;width:100%;padding:.5rem .75rem;border:none;background:none;border-radius:var(--radius-sm);font-family:var(--font-body);font-size:.875rem;color:var(--color-text);cursor:pointer;text-align:left;text-decoration:none;transition:background-color .1s ease}.dropdown-item:hover{background:var(--color-surface-hover)}.dropdown-item-danger{color:var(--color-pink)}.dropdown-item-danger:hover{background:#fde4f1}.dropdown-divider{border:none;border-top:1px solid var(--color-border);margin:.375rem 0}.card-body.card-body--flush{padding:0}.card-body--flush .detail-table th:first-child,.card-body--flush .detail-table td:first-child{padding-left:1.5rem}.card-body--flush .detail-table th:last-child,.card-body--flush .detail-table td:last-child{padding-right:1.5rem}@media (max-width: 768px){.hide-mobile{display:none!important}}@media (min-width: 769px){.hide-desktop{display:none!important}}:root{--color-brand-primary: #003e51;--color-brand-teal: #00b8c7;--color-brand-teal-dark: #009aaa;--color-brand-pink: #ec69a0;--color-brand-pink-dark: #d45589;--color-brand-dark: #002a36;--color-brand-light: #f5f6f8;--color-text-primary: #003e51;--color-text-secondary: #4a6572;--color-text-tertiary: #7a939e;--color-text-inverse: #f5f6f8;--color-text-link: #00b8c7;--color-text-link-hover: #009aaa;--color-bg-page: #f5f6f8;--color-bg-surface: #ffffff;--color-bg-surface-alt: #f0f3f5;--color-bg-sidebar: #003e51;--color-bg-header: #ffffff;--color-bg-footer: #002a36;--color-border: #d4dde1;--color-border-strong: #9db5be;--color-border-focus: #00b8c7;--color-success: #1a9e6e;--color-success-bg: #e8f7f1;--color-warning: #c47d0e;--color-warning-bg: #fdf3e0;--color-danger: #c0392b;--color-danger-bg: #fdf0ee;--color-info: #0070a8;--color-info-bg: #e6f3fa;--status-draft: #7a939e;--status-draft-bg: #eef1f3;--status-shared: #0070a8;--status-shared-bg: #e6f3fa;--status-client-review: #c47d0e;--status-client-review-bg:#fdf3e0;--status-in-discussion: #7b5ea7;--status-in-discussion-bg:#f1ecf9;--status-completed: #1a9e6e;--status-completed-bg: #e8f7f1;--status-archived: #9db5be;--status-archived-bg: #f5f6f8;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--font-family: "Inter", system-ui, -apple-system, sans-serif;--font-size-xs: 12px;--font-size-sm: 13px;--font-size-base: 15px;--font-size-md: 16px;--font-size-lg: 18px;--font-size-xl: 22px;--font-size-2xl: 28px;--font-size-3xl: 36px;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semi: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-base: 1.55;--line-height-loose: 1.75;--radius-sm: 3px;--radius: 5px;--radius-md: 8px;--radius-lg: 12px;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(0,62,81,.08), 0 1px 2px rgba(0,62,81,.05);--shadow: 0 2px 8px rgba(0,62,81,.1), 0 1px 4px rgba(0,62,81,.06);--shadow-md: 0 4px 16px rgba(0,62,81,.12), 0 2px 6px rgba(0,62,81,.08);--shadow-lg: 0 8px 32px rgba(0,62,81,.16);--width-sidebar: 240px;--width-content: 1200px;--width-narrow: 680px;--z-base: 1;--z-dropdown: 100;--z-sticky: 200;--z-overlay: 300;--z-modal: 400;--z-toast: 500;--transition-fast: .12s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--color-primary: var(--color-brand-primary);--color-teal: var(--color-brand-teal);--color-pink: var(--color-brand-pink);--color-text: var(--color-text-primary);--color-text-secondary: var(--color-text-secondary);--color-text-muted: var(--color-text-tertiary);--color-bg: var(--color-bg-page);--color-surface: var(--color-bg-surface);--color-surface-hover: var(--color-bg-surface-alt);--color-bg-offset: var(--color-bg-surface-alt);--color-border: var(--color-border);--color-border-focus: var(--color-border-focus);--shadow-lg: var(--shadow-lg);--radius-btn: var(--radius);--radius-input: var(--radius);--radius-sm: var(--radius-sm);--radius-md: var(--radius-md);--radius-lg: var(--radius-lg);--font-body: var(--font-family);--z-dropdown: var(--z-dropdown)}@media (prefers-reduced-motion: reduce){:root{--transition-fast: 0ms;--transition-base: 0ms;--transition-slow: 0ms}}@font-face{font-family:Inter;src:url(/fonts/inter-variable.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%;scroll-behavior:smooth}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}body{font-family:var(--font-family);font-size:var(--font-size-base);line-height:var(--line-height-base);color:var(--color-text-primary);background-color:var(--color-bg-page);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-semi);line-height:var(--line-height-tight);color:var(--color-text-primary)}h1{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold)}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-xl)}h4{font-size:var(--font-size-lg)}h5{font-size:var(--font-size-md)}h6{font-size:var(--font-size-base)}p{margin-bottom:var(--space-4)}p:last-child{margin-bottom:0}a{color:var(--color-text-link);text-decoration:underline;text-decoration-color:transparent;transition:color var(--transition-fast),text-decoration-color var(--transition-fast)}a:hover{color:var(--color-text-link-hover);text-decoration-color:currentColor}a:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px;border-radius:var(--radius-sm)}.skip-link{position:absolute;top:-100%;left:var(--space-4);z-index:var(--z-toast);padding:var(--space-2) var(--space-4);background:var(--color-brand-teal);color:var(--color-brand-primary);font-weight:var(--font-weight-semi);border-radius:var(--radius);text-decoration:none;font-size:var(--font-size-sm)}.skip-link:focus{top:var(--space-4);outline:2px solid var(--color-brand-primary);outline-offset:2px}:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}:focus:not(:focus-visible){outline:none}ul,ol{list-style:none}img,svg{display:block;max-width:100%}input,textarea,select,button{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-shell{display:flex;flex-direction:column;min-height:100vh;background:var(--color-bg-page)}.app-header{position:sticky;top:0;z-index:var(--z-sticky);height:56px;display:flex;align-items:center;gap:var(--space-4);padding:0 var(--space-6);background:var(--color-bg-header);border-bottom:1px solid var(--color-border);box-shadow:var(--shadow-sm);flex-shrink:0}.header-brand{display:flex;align-items:center;gap:.625rem;text-decoration:none;flex-shrink:0}.header-logo{height:24px;width:auto}.header-brand-divider{display:block;width:1px;height:20px;background:var(--color-border)}.header-product-name{font-size:.9375rem;font-weight:700;color:var(--color-brand-primary);letter-spacing:-.01em}.header-spacer{flex:1}.header-user-menu{position:relative}.header-user-btn{display:flex;align-items:center;gap:.5rem;padding:.3125rem .625rem .3125rem .375rem;border:1.5px solid var(--color-border);border-radius:var(--radius-full);background:transparent;cursor:pointer;transition:border-color var(--transition-fast),background var(--transition-fast)}.header-user-btn:hover{border-color:var(--color-brand-teal);background:var(--color-bg-surface-alt)}.header-user-name{font-size:.875rem;font-weight:600;color:var(--color-text-primary)}.header-user-chevron{color:var(--color-text-secondary);transition:transform var(--transition-fast)}.header-user-chevron.is-open{transform:rotate(180deg)}.dropdown-user-info{padding:.625rem .875rem}.dropdown-user-name{font-size:.875rem;font-weight:600;color:var(--color-text-primary);margin:0 0 .125rem}.dropdown-user-email{font-size:.75rem;color:var(--color-text-secondary);margin:0}.app-body{display:flex;flex:1;overflow:hidden}.app-nav{width:var(--width-sidebar);flex-shrink:0;background:var(--color-bg-sidebar);border-right:1px solid rgba(255,255,255,.06);overflow-y:auto;display:flex;flex-direction:column;position:relative;z-index:var(--z-base)}.nav-inner{display:flex;flex-direction:column;flex:1;padding:var(--space-4) 0 var(--space-6)}.nav-list{display:flex;flex-direction:column;gap:2px;padding:0 var(--space-3)}.nav-section-label{font-size:.6875rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#ffffff59;padding:var(--space-5) var(--space-3) var(--space-2)}.nav-link{display:flex;align-items:center;gap:var(--space-3);padding:.5625rem var(--space-3);border-radius:var(--radius);font-size:.875rem;font-weight:500;color:#ffffffa6;text-decoration:none;transition:background var(--transition-fast),color var(--transition-fast);position:relative}.nav-link svg{flex-shrink:0;opacity:.7}.nav-link:hover{background:#ffffff14;color:#fff}.nav-link:hover svg{opacity:1}.nav-link--active{background:#00b8c72e;color:#fff}.nav-link--active svg{opacity:1}.nav-link--active:before{content:"";position:absolute;left:0;top:25%;bottom:25%;width:3px;background:var(--color-brand-teal);border-radius:0 2px 2px 0}.nav-link--disabled{opacity:.4;cursor:default;pointer-events:none}.nav-soon{margin-left:auto;font-size:.625rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;background:#00b8c733;color:var(--color-brand-teal);padding:.125rem .375rem;border-radius:var(--radius-sm)}.nav-footer{margin-top:auto;padding:0 var(--space-6)}.nav-version{font-size:.6875rem;color:#ffffff40}.nav-backdrop{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:calc(var(--z-overlay) - 1);border:none;cursor:pointer}.app-main{flex:1;overflow-y:auto;padding:var(--space-8) var(--space-8);min-width:0}.page-content{max-width:var(--width-content);margin:0 auto}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-8)}.page-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);letter-spacing:-.02em;margin:0 0 var(--space-1)}.page-subtitle{font-size:var(--font-size-base);color:var(--color-text-secondary);margin:0}.dashboard-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4);margin-bottom:var(--space-6)}.dashboard-columns{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6)}.activity-feed{display:flex;flex-direction:column}.activity-item{display:flex;align-items:flex-start;gap:var(--space-3);padding:.75rem var(--space-5);border-bottom:1px solid var(--color-border)}.activity-item:last-child{border-bottom:none}.activity-icon{width:2rem;height:2rem;border-radius:50%;background:var(--color-bg-surface-alt);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--color-brand-teal)}.activity-body{flex:1;min-width:0}.activity-text{font-size:.875rem;color:var(--color-text-primary);line-height:1.45;margin:0 0 .1875rem}.activity-text strong{font-weight:600}.activity-text a{color:var(--color-brand-teal);font-weight:500}.activity-time{font-size:.75rem;color:var(--color-text-tertiary)}.login-page{min-height:100vh;background:var(--color-bg-page);display:flex;align-items:center;justify-content:center;padding:var(--space-6)}.login-container{width:100%;max-width:420px;display:flex;flex-direction:column;align-items:center;gap:var(--space-6)}.login-brand{display:flex;align-items:center;gap:var(--space-3)}.login-logo{height:30px;width:auto}.login-product{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-brand-primary);letter-spacing:-.02em;margin:0}.login-card{width:100%}.login-card-header{padding:var(--space-6) var(--space-6) 0}.login-heading{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0 0 var(--space-2)}.login-subheading{font-size:var(--font-size-base);color:var(--color-text-secondary);margin:0}.login-alert{margin:var(--space-4) var(--space-6) 0}.login-alert--api{align-items:flex-start}.login-alert--api .alert-icon{flex-shrink:0;margin-top:.15rem}.login-alert-body{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.login-alert-title{font-weight:600;font-size:.875rem}.login-alert-message{font-size:.8125rem;opacity:.9;line-height:1.4}.login-alert-retry{align-self:flex-start;margin-top:var(--space-2);font-size:.8125rem}.login-form{padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-5)}.form-password-wrapper{position:relative}.form-password-wrapper .form-input{padding-right:3rem}.form-password-toggle{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--color-text-secondary);cursor:pointer;padding:.25rem;display:flex;align-items:center;border-radius:var(--radius-sm);transition:color var(--transition-fast)}.form-password-toggle:hover{color:var(--color-text-primary)}.login-submit{width:100%;display:flex;align-items:center;justify-content:center;gap:var(--space-2)}.login-spinner{width:1rem;height:1rem;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.login-footer-note{font-size:var(--font-size-sm);color:var(--color-text-tertiary);text-align:center;margin:0}.login-footer-note a{color:var(--color-brand-teal)}.error-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-6);background:var(--color-bg-page)}.error-page-inner{max-width:480px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.error-code{font-size:5rem;font-weight:800;color:var(--color-border);line-height:1;letter-spacing:-.04em}.error-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0}.error-body{font-size:var(--font-size-base);color:var(--color-text-secondary);margin:0;line-height:var(--line-height-loose)}.loading-screen{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--color-bg-page)}.loading-spinner{width:2.5rem;height:2.5rem;border:3px solid var(--color-border);border-top-color:var(--color-brand-teal);border-radius:50%;animation:spin .8s linear infinite}@media (max-width: 1024px){.dashboard-stats{grid-template-columns:repeat(2,1fr)}.dashboard-columns{grid-template-columns:1fr}}.hide-desktop{display:none!important}@media (max-width: 768px){.hide-desktop{display:flex!important}}@media (max-width: 768px){.app-nav{position:fixed;top:56px;left:0;bottom:0;z-index:var(--z-overlay);transform:translate(-100%);transition:transform var(--transition-base)}.app-nav.is-open{transform:translate(0);box-shadow:var(--shadow-lg)}.nav-backdrop{display:block}.app-main{padding:var(--space-5) var(--space-4)}.dashboard-stats{grid-template-columns:1fr 1fr;gap:var(--space-3)}.page-header{flex-direction:column;margin-bottom:var(--space-5)}.page-title{font-size:var(--font-size-xl)}.hide-mobile{display:none!important}}@media (max-width: 480px){.dashboard-stats{grid-template-columns:1fr}.login-form{padding:var(--space-5) var(--space-4)}.login-card-header{padding:var(--space-5) var(--space-4) 0}}.projects-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-3);margin-bottom:var(--space-6);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4)}.projects-search{flex:1;min-width:180px;position:relative}.projects-search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:var(--color-text-muted);pointer-events:none;width:1rem;height:1rem}.projects-search .form-input{padding-left:2.25rem}.projects-filter{flex-shrink:0}.projects-filter .form-select{min-width:160px;padding:.5rem .875rem}.projects-clear{flex-shrink:0}.projects-count{margin-left:auto;font-size:var(--font-size-sm);color:var(--color-text-muted);white-space:nowrap}.projects-list{display:flex;flex-direction:column;gap:0}.project-list-row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:1rem;padding:1rem 1.5rem;border-bottom:1px solid var(--color-border);text-decoration:none;color:inherit;transition:background-color var(--transition-fast)}.project-list-row:first-child{border-radius:var(--radius-lg) var(--radius-lg) 0 0}.project-list-row:last-child{border-bottom:none;border-radius:0 0 var(--radius-lg) var(--radius-lg)}.project-list-row:hover{background:var(--color-surface-hover)}.project-list-name{font-size:var(--font-size-base);font-weight:var(--font-weight-semi);color:var(--color-text-primary);margin:0 0 var(--space-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.project-list-meta{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0;display:flex;gap:var(--space-4);flex-wrap:wrap}.project-list-meta-sep{color:var(--color-border-strong)}.create-form-card{max-width:640px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-5)}.create-form-actions{display:flex;align-items:center;gap:var(--space-3);padding-top:var(--space-4);border-top:1px solid var(--color-border);margin-top:var(--space-2)}.form-section-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semi);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.06em;margin:0 0 var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-border)}.overview-grid{display:grid;grid-template-columns:1fr 340px;gap:var(--space-6);align-items:start}.detail-table{width:100%;border-collapse:collapse}.detail-table tr+tr td,.detail-table tr+tr th{border-top:1px solid var(--color-border)}.detail-table th{font-size:var(--font-size-sm);font-weight:var(--font-weight-semi);color:var(--color-text-secondary);text-align:left;padding:var(--space-3) var(--space-4) var(--space-3) 0;white-space:nowrap;width:45%;vertical-align:top}.detail-table td{font-size:var(--font-size-base);color:var(--color-text-primary);padding:var(--space-3) 0;vertical-align:top}.detail-table td a{color:var(--color-text-link)}@media (max-width: 1024px){.overview-grid{grid-template-columns:1fr}}@media (max-width: 768px){.projects-toolbar{flex-direction:column;align-items:stretch}.projects-search{min-width:0}.projects-count{margin-left:0}.form-row{grid-template-columns:1fr}.project-list-row{padding:.875rem var(--space-4)}}