:root{--color-navy: #0A1931;--color-ocean: #1A3D63;--color-steel: #4A7FA7;--color-sky: #B3CFE5;--color-frost: #F6FAFD;--primary: var(--color-ocean);--primary-hover: var(--color-navy);--primary-light: var(--color-steel);--primary-subtle: var(--color-sky);--primary-fg: var(--color-frost);--surface-bg: var(--color-frost);--surface-card: #ffffff;--surface-raised: #ffffff;--surface-overlay: rgba(10, 25, 49, .48);--text-default: var(--color-navy);--text-muted: var(--color-ocean);--text-subtle: var(--color-steel);--text-disabled: var(--color-sky);--text-inverted: var(--color-frost);--border-default: var(--color-sky);--border-strong: var(--color-steel);--border-focus: var(--color-ocean);--color-success: #16a34a;--color-success-bg: #f0fdf4;--color-warning: #d97706;--color-warning-bg: #fffbeb;--color-error: #dc2626;--color-error-bg: #fef2f2;--color-info: var(--color-steel);--color-info-bg: var(--color-frost);--sidebar-bg: var(--color-navy);--sidebar-hover: var(--color-ocean);--sidebar-active: var(--color-steel);--sidebar-text: var(--color-sky);--sidebar-text-active: var(--color-frost);--sidebar-width: 256px;--sidebar-width-collapsed: 64px;--topbar-bg: #ffffff;--topbar-border: var(--color-sky);--topbar-height: 60px;--shadow-xs: 0 1px 2px 0 rgb(10 25 49 / .06);--shadow-sm: 0 1px 3px 0 rgb(10 25 49 / .08), 0 1px 2px -1px rgb(10 25 49 / .06);--shadow-md: 0 4px 12px 0 rgb(10 25 49 / .1), 0 2px 4px -2px rgb(10 25 49 / .06);--shadow-lg: 0 8px 24px 0 rgb(10 25 49 / .12);--shadow-xl: 0 20px 60px -12px rgb(10 25 49 / .25);--radius-xs: 4px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--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-sans: "Inter", system-ui, sans-serif;--font-mono: "JetBrains Mono", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--transition-fast: .1s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--z-sidebar: 40;--z-topbar: 50;--z-dropdown: 100;--z-modal: 200;--z-toast: 300}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Inter,system-ui,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:JetBrains Mono,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}*,*:before,*:after{box-sizing:border-box}html{font-family:var(--font-sans);font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{background-color:var(--surface-bg);color:var(--text-default);line-height:1.5;min-height:100dvh}#root{min-height:100dvh;display:flex;flex-direction:column}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--color-frost)}::-webkit-scrollbar-thumb{background:var(--color-sky);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-steel)}:focus-visible{outline:2px solid var(--color-steel);outline-offset:2px}::-moz-selection{background-color:var(--color-sky);color:var(--color-navy)}::selection{background-color:var(--color-sky);color:var(--color-navy)}h1,h2,h3,h4,h5,h6{color:var(--text-default);font-weight:600;line-height:1.25}a{color:var(--color-steel);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-ocean)}.card{background:var(--surface-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-6)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:500;line-height:1;border-radius:var(--radius-md);padding:10px 16px;cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast);border:none;white-space:nowrap}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.input{width:100%;padding:8px 12px;font-size:var(--text-sm);color:var(--text-default);background:var(--surface-card);border:1px solid var(--border-default);border-radius:var(--radius-md);outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.input::-moz-placeholder{color:var(--text-disabled)}.input::placeholder{color:var(--text-disabled)}.input:focus{border-color:var(--color-steel);box-shadow:0 0 0 3px #4a7fa726}.input:disabled{background:var(--color-frost);cursor:not-allowed;opacity:.7}.input-error{border-color:var(--color-error)}.input-error:focus{box-shadow:0 0 0 3px #dc26261f}.label{display:block;font-size:var(--text-sm);font-weight:500;color:var(--text-muted);margin-bottom:var(--space-1)}.badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;font-size:var(--text-xs);font-weight:500;border-radius:var(--radius-full);white-space:nowrap}.badge-primary{background:var(--color-sky);color:var(--color-ocean)}.badge-ocean{background:var(--color-ocean);color:var(--color-frost)}.badge-navy{background:var(--color-navy);color:var(--color-sky)}.badge-success{background:var(--color-success-bg);color:var(--color-success)}.badge-warning{background:var(--color-warning-bg);color:var(--color-warning)}.badge-error{background:var(--color-error-bg);color:var(--color-error)}.badge-muted{background:var(--color-frost);color:var(--text-subtle)}.table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.table thead tr{background:var(--color-frost);border-bottom:1px solid var(--border-default)}.table th{padding:10px 16px;text-align:left;font-weight:600;color:var(--text-muted);white-space:nowrap}.table td{padding:12px 16px;color:var(--text-default);border-bottom:1px solid var(--color-frost)}.table tbody tr:hover td{background:var(--color-frost)}.page-header{margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:1px solid var(--border-default)}.stat-card{background:var(--surface-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-5) var(--space-6);box-shadow:var(--shadow-sm)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.visible{visibility:visible}.static{position:static}.block{display:block}.inline{display:inline}.flex{display:flex}.table{display:table}.grid{display:grid}.hidden{display:none}.h-8{height:2rem}.h-screen{height:100vh}.w-8{width:2rem}.w-fit{width:-moz-fit-content;width:fit-content}.animate-spin{animation:spin 1s linear infinite}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-3{gap:.75rem}.gap-4{gap:1rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.\!border{border-width:1px!important}.border{border-width:1px}.border-2{border-width:2px}.border-green-200{--tw-border-opacity: 1;border-color:rgb(187 247 208 / var(--tw-border-opacity, 1))}.border-ocean{--tw-border-opacity: 1;border-color:rgb(26 61 99 / var(--tw-border-opacity, 1))}.border-sky{--tw-border-opacity: 1;border-color:rgb(179 207 229 / var(--tw-border-opacity, 1))}.border-t-ocean{--tw-border-opacity: 1;border-top-color:rgb(26 61 99 / var(--tw-border-opacity, 1))}.bg-\[\#F6FAFD\],.bg-frost{--tw-bg-opacity: 1;background-color:rgb(246 250 253 / var(--tw-bg-opacity, 1))}.bg-green-50{--tw-bg-opacity: 1;background-color:rgb(240 253 244 / var(--tw-bg-opacity, 1))}.bg-ocean{--tw-bg-opacity: 1;background-color:rgb(26 61 99 / var(--tw-bg-opacity, 1))}.px-4{padding-left:1rem;padding-right:1rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.tracking-widest{letter-spacing:.1em}.text-frost{--tw-text-opacity: 1;color:rgb(246 250 253 / var(--tw-text-opacity, 1))}.text-green-600{--tw-text-opacity: 1;color:rgb(22 163 74 / var(--tw-text-opacity, 1))}.text-navy{--tw-text-opacity: 1;color:rgb(10 25 49 / var(--tw-text-opacity, 1))}.text-ocean{--tw-text-opacity: 1;color:rgb(26 61 99 / var(--tw-text-opacity, 1))}.text-sky{--tw-text-opacity: 1;color:rgb(179 207 229 / var(--tw-text-opacity, 1))}.text-steel{--tw-text-opacity: 1;color:rgb(74 127 167 / var(--tw-text-opacity, 1))}.opacity-50{opacity:.5}.outline{outline-style:solid}.ring{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:translate(0)}}.app-shell{display:flex;min-height:100dvh}.app-main{flex:1;display:flex;flex-direction:column;min-width:0;transition:margin-left .22s ease}.page-content{flex:1;padding:var(--space-6);overflow-y:auto}.sidebar{display:flex;flex-direction:column;flex-shrink:0;height:100dvh;position:sticky;top:0;background:var(--color-navy);border-right:1px solid rgba(255,255,255,.06);transition:width .22s ease;overflow:hidden;z-index:var(--z-sidebar)}.sidebar-logo{display:flex;align-items:center;gap:10px;height:var(--topbar-height);padding:0 var(--space-4);border-bottom:1px solid rgba(255,255,255,.06);flex-shrink:0}.sidebar-logo-mark{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--color-ocean);border-radius:8px;flex-shrink:0;color:var(--color-frost)}.sidebar-logo-text{font-family:var(--font-display);font-size:1.1rem;font-weight:600;color:var(--color-frost);letter-spacing:.01em;white-space:nowrap}.sidebar-nav{flex:1;display:flex;flex-direction:column;gap:2px;padding:var(--space-3) var(--space-2);overflow-y:auto}.sidebar-link{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:8px;color:#b3cfe5b3;font-size:.875rem;font-weight:500;text-decoration:none;transition:background .15s,color .15s;white-space:nowrap}.sidebar-link:hover{background:#ffffff0f;color:var(--color-sky)}.sidebar-link--active{background:var(--color-ocean);color:var(--color-frost)}.sidebar-link-icon{display:flex;align-items:center;flex-shrink:0}.sidebar-link-label{flex:1}.sidebar-collapse-btn{display:flex;align-items:center;justify-content:center;margin:var(--space-2) auto;width:28px;height:28px;border-radius:50%;border:1px solid rgba(255,255,255,.1);background:transparent;color:#b3cfe580;cursor:pointer;transition:background .15s,color .15s;flex-shrink:0}.sidebar-collapse-btn:hover{background:#ffffff14;color:var(--color-sky)}.sidebar-user{display:flex;align-items:center;gap:10px;padding:var(--space-3) var(--space-3);border-top:1px solid rgba(255,255,255,.06);flex-shrink:0}.sidebar-user-avatar{width:32px;height:32px;border-radius:50%;background:var(--color-steel);display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:600;color:var(--color-frost);flex-shrink:0;overflow:hidden}.sidebar-user-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.sidebar-user-name{font-size:.8rem;font-weight:600;color:var(--color-frost);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user-role{font-size:.7rem;color:#b3cfe580;white-space:nowrap}.topbar{display:flex;align-items:center;justify-content:space-between;height:var(--topbar-height);padding:0 var(--space-6);background:var(--surface-card);border-bottom:1px solid var(--border-default);flex-shrink:0;position:sticky;top:0;z-index:var(--z-sticky)}.topbar-left,.topbar-right{display:flex;align-items:center;gap:var(--space-2)}.topbar-breadcrumbs{display:flex;align-items:center;gap:4px;font-size:.8rem}.topbar-breadcrumb-item{display:flex;align-items:center;gap:4px}.topbar-breadcrumb-sep{color:var(--text-muted)}.topbar-breadcrumb-link{color:var(--text-muted);transition:color .15s}.topbar-breadcrumb-link:hover{color:var(--text-default)}.topbar-breadcrumb-current{color:var(--text-default);font-weight:500}.topbar-icon-btn{position:relative;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;transition:background .15s,color .15s}.topbar-icon-btn:hover{background:var(--surface-hover);color:var(--text-default)}.topbar-badge{position:absolute;top:4px;right:4px;min-width:16px;height:16px;padding:0 4px;border-radius:99px;background:var(--color-ocean);color:#fff;font-size:.65rem;font-weight:700;display:flex;align-items:center;justify-content:center;line-height:1}.topbar-avatar-btn{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;border:2px solid var(--border-default);background:var(--color-steel);cursor:pointer;padding:0;overflow:hidden;transition:border-color .15s}.topbar-avatar-btn:hover{border-color:var(--color-steel)}.topbar-avatar-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.topbar-avatar-initials{font-size:.8rem;font-weight:600;color:var(--color-frost)}.topbar-action-wrap{position:relative}.topbar-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:var(--surface-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:var(--z-dropdown);animation:slideDown .18s ease-out both}.notif-dropdown{width:320px}.notif-dropdown-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-default);font-size:.8rem;font-weight:600;color:var(--text-default)}.notif-mark-all{font-size:.75rem;color:var(--color-steel);background:none;border:none;cursor:pointer}.notif-list{max-height:360px;overflow-y:auto;padding:var(--space-1) 0}.notif-empty{padding:var(--space-5) var(--space-4);text-align:center;font-size:.8rem;color:var(--text-muted);list-style:none}.notif-item{padding:var(--space-3) var(--space-4);cursor:default;transition:background .1s;list-style:none}.notif-item:hover{background:var(--surface-hover)}.notif-item--unread{border-left:3px solid var(--color-ocean)}.notif-item-title{font-size:.8rem;font-weight:600;color:var(--text-default);margin:0 0 2px}.notif-item-body{font-size:.75rem;color:var(--text-secondary);margin:0}.user-dropdown{width:220px}.user-dropdown-header{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-default)}.user-dropdown-name{font-size:.85rem;font-weight:600;color:var(--text-default);margin:0 0 2px}.user-dropdown-email{font-size:.75rem;color:var(--text-muted);margin:0}.user-dropdown-item{display:flex;align-items:center;gap:8px;width:100%;padding:var(--space-2) var(--space-4);font-size:.85rem;color:var(--text-default);background:none;border:none;cursor:pointer;transition:background .15s;text-align:left}.user-dropdown-item:hover{background:var(--surface-hover)}.user-dropdown-item--danger{color:#e53e3e}.user-dropdown-item--danger:hover{background:#fff5f5}.project-subnav{background:var(--surface-card);border-bottom:1px solid var(--border-default);flex-shrink:0}.project-subnav-header{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-6) 0}.project-subnav-title{font-size:.9rem;font-weight:600;color:var(--text-default)}.project-subnav-tabs{display:flex;gap:0;padding:0 var(--space-6);overflow-x:auto;scrollbar-width:none}.project-subnav-tabs::-webkit-scrollbar{display:none}.subnav-tab{display:flex;align-items:center;gap:6px;padding:10px 14px;font-size:.8rem;font-weight:500;color:var(--text-secondary);text-decoration:none;border-bottom:2px solid transparent;white-space:nowrap;transition:color .15s,border-color .15s}.subnav-tab:hover{color:var(--text-default)}.subnav-tab--active{color:var(--color-ocean);border-bottom-color:var(--color-ocean)}.subnav-tab-icon{display:flex;align-items:center;opacity:.8}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-6);padding-left:var(--space-3);border-left:3px solid var(--color-ocean)}.page-header-text{flex:1}.page-header-title{font-family:var(--font-display);font-size:1.5rem;font-weight:700;color:var(--text-default);margin:0 0 var(--space-1);letter-spacing:-.01em}.page-header-subtitle{font-size:.875rem;color:var(--text-secondary);margin:0}.page-header-actions{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:none;border-radius:var(--radius-md);font-weight:500;cursor:pointer;transition:background .15s,color .15s,box-shadow .15s,opacity .15s;white-space:nowrap;text-decoration:none;line-height:1}.btn:disabled,.btn-loading{opacity:.6;cursor:not-allowed;pointer-events:none}.btn-full{width:100%}.btn-xs{font-size:.75rem;padding:4px 10px}.btn-sm{font-size:.8rem;padding:6px 12px}.btn-md{font-size:.875rem;padding:8px 16px}.btn-lg{font-size:1rem;padding:11px 22px}.btn-primary{background:var(--color-ocean);color:#fff}.btn-primary:hover:not(:disabled){background:var(--color-navy)}.btn-secondary{background:var(--surface-hover);color:var(--text-default)}.btn-secondary:hover:not(:disabled){background:var(--color-sky)}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover:not(:disabled){background:var(--surface-hover);color:var(--text-default)}.btn-danger{background:#e53e3e;color:#fff}.btn-danger:hover:not(:disabled){background:#c53030}.btn-outline{background:transparent;color:var(--color-ocean);border:1.5px solid var(--color-ocean)}.btn-outline:hover:not(:disabled){background:var(--color-ocean);color:#fff}.btn-spinner{animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.input-field{display:flex;flex-direction:column;gap:4px}.input-field--block{width:100%}.label{font-size:.8rem;font-weight:600;color:var(--text-secondary)}.label-required{color:#e53e3e;margin-left:2px}.input-wrap{position:relative;display:flex;align-items:center}.input,.select{width:100%;padding:8px 12px;border:1.5px solid var(--border-default);border-radius:var(--radius-md);font-size:.875rem;color:var(--text-default);background:var(--surface-card);outline:none;transition:border-color .15s,box-shadow .15s;-webkit-appearance:none;-moz-appearance:none;appearance:none}.input:focus,.select:focus{border-color:var(--color-steel);box-shadow:0 0 0 3px #4a7fa726}.input--error{border-color:#e53e3e}.input--error:focus{box-shadow:0 0 0 3px #e53e3e26}.input--icon-left{padding-left:36px}.input--icon-right{padding-right:36px}.input-icon{position:absolute;display:flex;align-items:center;color:var(--text-muted)}.input-icon--left{left:10px}.input-icon--right{right:10px}.select{padding-right:32px;cursor:pointer}.select-chevron{position:absolute;right:10px;pointer-events:none;color:var(--text-muted);display:flex}.input-error{font-size:.75rem;color:#e53e3e;margin:0}.input-hint{font-size:.75rem;color:var(--text-muted);margin:0}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a19318c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);padding:var(--space-4);animation:fadeIn .15s ease-out}.modal{background:var(--surface-card);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;max-height:90dvh;width:100%;animation:slideUp .2s ease-out}.modal-sm{max-width:400px}.modal-md{max-width:560px}.modal-lg{max-width:760px}.modal-xl{max-width:960px}.modal-full{max-width:100%;height:90dvh}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border-default);flex-shrink:0}.modal-title{font-size:1rem;font-weight:700;margin:0;color:var(--text-default)}.modal-close{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;border:none;background:transparent;cursor:pointer;color:var(--text-muted);transition:background .15s,color .15s}.modal-close:hover{background:var(--surface-hover);color:var(--text-default)}.modal-body{padding:var(--space-5);overflow-y:auto;flex:1}.modal-footer{padding:var(--space-4) var(--space-5);border-top:1px solid var(--border-default);display:flex;justify-content:flex-end;gap:var(--space-2);flex-shrink:0}.table-wrap{overflow-x:auto;border:1px solid var(--border-default);border-radius:var(--radius-lg)}.table{width:100%;border-collapse:collapse;font-size:.875rem}.table thead tr{background:var(--surface-hover)}.table th{padding:10px 14px;font-size:.75rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--border-default);white-space:nowrap}.table td{padding:11px 14px;border-bottom:1px solid var(--border-default);color:var(--text-default)}.table tbody tr:last-child td{border-bottom:none}.table tbody tr:hover{background:var(--surface-hover)}.table-row--clickable{cursor:pointer}.table-th--sortable{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.table-th--sortable:hover{color:var(--text-default)}.table-th-inner{display:inline-flex;align-items:center;gap:4px}.table-sort-icon{color:var(--text-muted);flex-shrink:0}.table-sort-icon--active{color:var(--color-ocean)}.table-loading{display:flex;justify-content:center;padding:var(--space-8)}.table-empty-cell{text-align:center;padding:0}.table--sticky thead th{position:sticky;top:0;z-index:1}.badge{display:inline-flex;align-items:center;gap:5px;padding:2px 8px;border-radius:99px;font-size:.7rem;font-weight:600;letter-spacing:.03em;white-space:nowrap;text-transform:uppercase}.badge-dot{width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0}.badge-default{background:var(--surface-hover);color:var(--text-secondary)}.badge-navy{background:var(--color-navy);color:var(--color-frost)}.badge-ocean{background:var(--color-ocean);color:#fff}.badge-steel{background:var(--color-steel);color:#fff}.badge-sky{background:var(--color-sky);color:var(--color-navy)}.badge-muted{background:#f1f5f9;color:#64748b}.badge-success{background:#d1fae5;color:#065f46}.badge-warning{background:#fef3c7;color:#92400e}.badge-danger{background:#fee2e2;color:#991b1b}.badge-in_progress{background:#dbeafe;color:#1e40af}.badge-completed{background:#d1fae5;color:#065f46}.badge-on_hold{background:#fef3c7;color:#92400e}.badge-cancelled{background:#f1f5f9;color:#64748b}.card{background:var(--surface-card);border-radius:var(--radius-lg);border:1px solid var(--border-default)}.card--no-border{border:none}.card-p-none .card-body{padding:0}.card-p-sm .card-body{padding:var(--space-3)}.card-p-md .card-body{padding:var(--space-4)}.card-p-lg .card-body{padding:var(--space-6)}.card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);padding:var(--space-4) var(--space-4) 0}.card-title{font-size:.95rem;font-weight:700;color:var(--text-default);margin:0 0 2px}.card-subtitle{font-size:.8rem;color:var(--text-secondary);margin:0}.card-header-actions{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.card-footer{padding:var(--space-3) var(--space-4);border-top:1px solid var(--border-default)}.tabs-list{display:flex;gap:2px;border-bottom:1px solid var(--border-default)}.tabs-panel{padding:var(--space-4) 0}.tabs-trigger{display:flex;align-items:center;gap:6px;padding:8px 14px;font-size:.85rem;font-weight:500;color:var(--text-secondary);background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:color .15s,border-color .15s}.tabs-trigger:hover{color:var(--text-default)}.tabs-trigger--active{color:var(--color-ocean);border-bottom-color:var(--color-ocean)}.tabs-trigger--disabled{opacity:.45;cursor:not-allowed}.tabs--pills .tabs-list{border-bottom:none;gap:6px}.tabs--pills .tabs-trigger{border-radius:var(--radius-md);border-bottom:none;padding:6px 14px}.tabs--pills .tabs-trigger--active{background:var(--color-ocean);color:#fff}.tooltip-wrap{position:relative;display:inline-flex}.tooltip-bubble{position:absolute;z-index:var(--z-tooltip);padding:5px 10px;background:var(--color-navy);color:var(--color-frost);font-size:.72rem;font-weight:500;border-radius:var(--radius-sm);white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .15s}.tooltip-wrap:hover .tooltip-bubble{opacity:1}.tooltip-wrap--top .tooltip-bubble{bottom:calc(100% + 6px);left:50%;transform:translate(-50%)}.tooltip-wrap--bottom .tooltip-bubble{top:calc(100% + 6px);left:50%;transform:translate(-50%)}.tooltip-wrap--left .tooltip-bubble{right:calc(100% + 6px);top:50%;transform:translateY(-50%)}.tooltip-wrap--right .tooltip-bubble{left:calc(100% + 6px);top:50%;transform:translateY(-50%)}.dropdown-wrap{position:relative;display:inline-flex}.dropdown-trigger{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:var(--radius-md);border:none;background:transparent;cursor:pointer;color:var(--text-muted);transition:background .15s,color .15s}.dropdown-trigger:hover{background:var(--surface-hover);color:var(--text-default)}.dropdown-menu{position:absolute;top:calc(100% + 4px);background:var(--surface-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);min-width:160px;z-index:var(--z-dropdown);animation:slideDown .15s ease-out;padding:var(--space-1) 0}.dropdown-menu--right{right:0}.dropdown-menu--left{left:0}.dropdown-item{display:flex;align-items:center;gap:8px;width:100%;padding:var(--space-2) var(--space-3);font-size:.85rem;color:var(--text-default);background:none;border:none;cursor:pointer;text-align:left;transition:background .1s}.dropdown-item:hover{background:var(--surface-hover)}.dropdown-item--danger{color:#e53e3e}.dropdown-item--danger:hover{background:#fff5f5}.dropdown-item--disabled{opacity:.45;cursor:not-allowed}.dropdown-item-icon{display:flex;align-items:center;color:inherit}.file-upload-field{display:flex;flex-direction:column;gap:6px}.file-upload-zone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:var(--space-6) var(--space-4);border:2px dashed var(--border-default);border-radius:var(--radius-lg);background:var(--surface-bg);cursor:pointer;transition:border-color .15s,background .15s}.file-upload-zone:hover,.file-upload-zone--drag{border-color:var(--color-steel);background:var(--color-sky) 22}.file-upload-zone--error{border-color:#e53e3e}.file-upload-icon{color:var(--text-muted)}.file-upload-text{font-size:.85rem;color:var(--text-secondary);margin:0}.file-upload-link{color:var(--color-steel);font-weight:600}.file-upload-hint{font-size:.75rem;color:var(--text-muted);margin:0}.file-upload-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:4px}.file-upload-item{display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:var(--radius-md);background:var(--surface-hover);font-size:.8rem;color:var(--text-default)}.file-upload-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-upload-size{color:var(--text-muted);flex-shrink:0}.file-upload-remove{display:flex;align-items:center;background:none;border:none;cursor:pointer;color:var(--text-muted);padding:2px;border-radius:4px;transition:color .15s}.file-upload-remove:hover{color:#e53e3e}.progress-field{display:flex;flex-direction:column;gap:4px}.progress-header{display:flex;justify-content:space-between}.progress-label{font-size:.78rem;color:var(--text-secondary)}.progress-value{font-size:.78rem;font-weight:600;color:var(--text-default)}.progress-track{width:100%;background:var(--surface-hover);border-radius:99px;overflow:hidden}.progress-track--xs{height:3px}.progress-track--sm{height:6px}.progress-track--md{height:10px}.progress-fill{height:100%;border-radius:99px;transition:width .4s ease}.progress-fill--ocean{background:var(--color-ocean)}.progress-fill--success{background:#10b981}.progress-fill--warning{background:#f59e0b}.progress-fill--danger{background:#ef4444}.progress-fill--steel{background:var(--color-steel)}.progress-fill--animated{background-image:repeating-linear-gradient(-45deg,transparent,transparent 6px,rgba(255,255,255,.15) 6px,rgba(255,255,255,.15) 12px);background-size:200% 100%;animation:progress-stripes 1s linear infinite}@keyframes progress-stripes{to{background-position:40px 0}}.spinner{display:inline-flex;color:var(--color-ocean);animation:spin .7s linear infinite}.spinner-center{display:flex;justify-content:center;align-items:center;padding:var(--space-8)}.alert{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:1px solid transparent;font-size:.875rem}.alert-icon{flex-shrink:0;margin-top:1px}.alert-content{flex:1}.alert-title{font-weight:600;margin:0 0 2px}.alert-body{margin:0;color:inherit}.alert-close{display:flex;background:none;border:none;cursor:pointer;padding:2px;border-radius:4px;flex-shrink:0;opacity:.7}.alert-close:hover{opacity:1}.alert-info{background:#eff6ff;color:#1e40af;border-color:#bfdbfe}.alert-success{background:#f0fdf4;color:#166534;border-color:#bbf7d0}.alert-warning{background:#fffbeb;color:#92400e;border-color:#fde68a}.alert-danger{background:#fef2f2;color:#991b1b;border-color:#fecaca}.empty-state{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-10) var(--space-4);text-align:center}.empty-state--compact{padding:var(--space-6) var(--space-4)}.empty-state-icon{color:var(--text-muted);opacity:.5}.empty-state-title{font-size:.95rem;font-weight:600;color:var(--text-secondary);margin:0}.empty-state-message{font-size:.85rem;color:var(--text-muted);margin:0;max-width:320px}.login-root{display:flex;min-height:100dvh}.login-brand{position:relative;flex:0 0 420px;background:var(--color-navy);display:flex;align-items:center;justify-content:center;overflow:hidden;padding:var(--space-10) var(--space-8)}.login-brand-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(74,127,167,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(74,127,167,.08) 1px,transparent 1px);background-size:40px 40px;pointer-events:none}.login-brand-inner{position:relative;z-index:1}.login-brand-logo{display:flex;align-items:center;justify-content:center;width:56px;height:56px;background:var(--color-ocean);border-radius:14px;color:var(--color-frost);margin-bottom:var(--space-5);box-shadow:0 8px 24px #0000004d}.login-brand-name{font-family:var(--font-display);font-size:1.75rem;font-weight:700;color:var(--color-frost);margin:0 0 var(--space-3);letter-spacing:-.02em}.login-brand-tagline{font-size:1rem;color:#b3cfe5bf;line-height:1.6;margin:0 0 var(--space-8)}.login-features{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-3)}.login-feature-item{display:flex;align-items:center;gap:10px;font-size:.875rem;color:#b3cfe5a6}.login-feature-dot{width:6px;height:6px;border-radius:50%;background:var(--color-steel);flex-shrink:0}.login-form-panel{flex:1;display:flex;align-items:center;justify-content:center;background:var(--surface-bg);padding:var(--space-8) var(--space-6)}.login-form-wrap{width:100%;max-width:400px;display:flex;flex-direction:column;gap:var(--space-5)}.login-form-header{display:flex;flex-direction:column;gap:4px}.login-form-title{font-family:var(--font-display);font-size:1.75rem;font-weight:700;color:var(--text-default);margin:0;letter-spacing:-.02em}.login-form-subtitle{font-size:.9rem;color:var(--text-secondary);margin:0}.login-form{display:flex;flex-direction:column;gap:var(--space-4)}.login-pw-header{display:flex;align-items:center;justify-content:space-between}.login-forgot-link{font-size:.78rem;color:var(--color-steel);font-weight:500;text-decoration:none;transition:color .15s}.login-forgot-link:hover{color:var(--color-ocean);text-decoration:underline}.login-pw-toggle{cursor:pointer;background:none;border:none;padding:0;display:flex;align-items:center;color:var(--text-muted);transition:color .15s}.login-pw-toggle:hover{color:var(--text-default)}.login-footer-note{font-size:.78rem;color:var(--text-muted);text-align:center;line-height:1.6;margin:0;padding-top:var(--space-2);border-top:1px solid var(--border-default)}@media (max-width: 768px){.login-root{flex-direction:column}.login-brand{flex:0 0 auto;padding:var(--space-8) var(--space-5)}.login-brand-grid,.login-features{display:none}}.phase-bar{display:flex;align-items:flex-start;gap:0;width:100%}.phase-bar--compact{align-items:center}.phase-bar-step{display:flex;flex-direction:column;align-items:center;flex:1;position:relative;gap:5px}.phase-bar-line{position:absolute;top:13px;right:50%;left:-50%;height:2px;background:var(--color-sky);transition:background .25s}.phase-bar--compact .phase-bar-line{top:10px}.phase-bar-line--done{background:var(--color-ocean)}.phase-bar-node{position:relative;width:26px;height:26px;border-radius:50%;border:2px solid var(--color-sky);background:#fff;display:flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:700;color:var(--text-muted);z-index:1;overflow:hidden;transition:border-color .2s,background .2s,color .2s;flex-shrink:0}.phase-bar--compact .phase-bar-node{width:20px;height:20px;font-size:.65rem}.phase-bar-node--done{background:var(--color-ocean);border-color:var(--color-ocean);color:#fff}.phase-bar-node--active{border-color:var(--color-ocean);color:var(--color-ocean);box-shadow:0 0 0 3px #1a3d631f}.phase-bar-node--pending{color:var(--color-sky)}.phase-bar-node-fill{position:absolute;left:0;bottom:0;height:100%;background:#1a3d631f;transition:width .4s ease}.phase-bar-label{font-size:.68rem;color:var(--text-muted);text-align:center;line-height:1.2;white-space:nowrap}.phase-bar-label--active{color:var(--color-ocean);font-weight:600}.phase-bar-label--done{color:var(--text-secondary)}.psc-card{display:flex;flex-direction:column;gap:var(--space-4)}.psc-header{display:flex;align-items:center;gap:var(--space-3)}.psc-icon-wrap{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-md);background:#1a3d6314;color:var(--color-ocean);flex-shrink:0}.psc-label{font-size:.75rem;color:var(--text-secondary);margin:0 0 2px;font-weight:500}.psc-total{font-size:1.75rem;font-weight:700;color:var(--text-default);margin:0;line-height:1}.psc-seg-bar{display:flex;height:6px;border-radius:99px;overflow:hidden;gap:2px}.psc-seg-segment{height:100%;border-radius:99px;transition:width .4s ease;min-width:4px}.psc-legend{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:2px}.psc-legend-row{display:flex;align-items:center;gap:8px;padding:5px 8px;border-radius:var(--radius-sm);cursor:pointer;transition:background .12s}.psc-legend-row:hover{background:var(--surface-hover)}.psc-legend-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.psc-legend-name{flex:1;font-size:.8rem;color:var(--text-secondary)}.psc-legend-count{font-size:.72rem;font-weight:700;padding:2px 7px;border-radius:99px}.psc-legend-skeleton{height:28px;border-radius:var(--radius-sm);background:linear-gradient(90deg,var(--surface-hover) 25%,var(--color-sky) 50%,var(--surface-hover) 75%);background-size:200% 100%;animation:shimmer 1.4s infinite;list-style:none}@keyframes shimmer{to{background-position:-200% 0}}.bow-card{display:flex;flex-direction:column;gap:var(--space-4)}.bow-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3)}.bow-header-left{display:flex;align-items:center;gap:var(--space-3)}.bow-icon-wrap{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-md);background:#1a3d6314;color:var(--color-ocean);flex-shrink:0}.bow-label{font-size:.75rem;font-weight:500;color:var(--text-secondary);margin:0 0 2px}.bow-contract{font-size:1.25rem;font-weight:700;color:var(--text-default);margin:0;line-height:1}.bow-profit-badge{display:flex;align-items:center;gap:4px;padding:4px 10px;border-radius:99px;font-size:.75rem;font-weight:700;white-space:nowrap;flex-shrink:0}.bow-sparkline{margin:0 -4px}.bow-metrics{display:flex;flex-direction:column;gap:2px}.bow-metric-row{display:flex;align-items:center;justify-content:space-between;padding:5px 0}.bow-metric-left,.bow-metric-right{display:flex;align-items:center;gap:8px}.bow-metric-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.bow-metric-label{font-size:.8rem;color:var(--text-secondary)}.bow-metric-value{font-size:.875rem;font-weight:600;color:var(--text-default)}.bow-metric-pct{font-size:.72rem;color:var(--text-muted);min-width:42px;text-align:right}.bow-divider{height:1px;background:var(--border-default);margin:4px 0}.apt-card{background:var(--surface-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);overflow:hidden}.apt-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border-default)}.apt-title{font-size:.95rem;font-weight:700;color:var(--text-default);margin:0}.apt-view-all{display:flex;align-items:center;gap:4px;font-size:.78rem;font-weight:600;color:var(--color-steel);background:none;border:none;cursor:pointer;transition:color .15s;padding:0}.apt-view-all:hover{color:var(--color-ocean)}.apt-table-wrap{overflow-x:auto}.apt-table{width:100%;border-collapse:collapse;font-size:.85rem}.apt-table thead tr{background:var(--surface-hover)}.apt-table th{padding:9px 14px;font-size:.72rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;text-align:left;white-space:nowrap;border-bottom:1px solid var(--border-default)}.apt-table td{padding:11px 14px;border-bottom:1px solid var(--border-default);vertical-align:middle}.apt-row{cursor:pointer;transition:background .12s}.apt-row:hover{background:var(--surface-hover)}.apt-table tbody tr:last-child td{border-bottom:none}.apt-td-name,.apt-td-phase{min-width:160px}.apt-td-progress{min-width:120px}.apt-project-name{font-weight:600;color:var(--text-default);margin:0 0 2px;white-space:nowrap}.apt-client-name{font-size:.75rem;color:var(--text-muted);margin:0;white-space:nowrap}.apt-td-due{font-size:.8rem;color:var(--text-secondary);white-space:nowrap}.apt-td-due--overdue{color:#dc2626;font-weight:600}.apt-no-date{color:var(--text-muted)}.apt-td-arrow{color:var(--text-muted);padding:0 var(--space-3) 0 0;text-align:right}.dash-page{display:flex;flex-direction:column;gap:var(--space-6);max-width:1400px}.dash-header-actions{display:flex;align-items:center;gap:var(--space-2)}.dash-chips-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-4)}.dash-stat-chip{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--surface-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);transition:box-shadow .15s,border-color .15s}.dash-stat-chip--link{cursor:pointer}.dash-stat-chip--link:hover{border-color:var(--color-steel);box-shadow:var(--shadow-sm)}.dash-stat-chip-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius-md);background:#1a3d6312;color:var(--color-ocean);flex-shrink:0}.dash-stat-chip-value{font-size:1.5rem;font-weight:700;color:var(--text-default);margin:0 0 1px;line-height:1}.dash-stat-chip-label{font-size:.75rem;color:var(--text-secondary);font-weight:500;margin:0}.dash-stat-chip-sub{font-size:.72rem;color:var(--text-muted);margin:2px 0 0}.dash-main-grid{display:grid;grid-template-columns:300px 1fr;gap:var(--space-5);align-items:start}.dash-left-col{display:flex;flex-direction:column;gap:var(--space-4)}.dash-right-col{min-width:0}.dash-pm-summary{display:flex;flex-direction:column;align-items:center;padding:var(--space-5);text-align:center}.dash-pm-summary-label{font-size:.78rem;font-weight:500;color:var(--text-secondary);margin:0 0 var(--space-2);text-transform:uppercase;letter-spacing:.05em}.dash-pm-summary-count{font-size:3rem;font-weight:800;color:var(--color-ocean);margin:0;line-height:1}.dash-pm-summary-sub{font-size:.8rem;color:var(--text-muted);margin:var(--space-2) 0 0}@media (max-width: 1024px){.dash-main-grid{grid-template-columns:1fr}.dash-left-col{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}}@media (max-width: 640px){.dash-chips-row{grid-template-columns:1fr 1fr}.dash-left-col{grid-template-columns:1fr}}.proj-card{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);background:var(--surface-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);cursor:pointer;transition:box-shadow .15s,border-color .15s,transform .15s;outline:none}.proj-card:hover,.proj-card:focus-visible{border-color:var(--color-steel);box-shadow:var(--shadow-md);transform:translateY(-1px)}.proj-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-2)}.proj-card-header-text{min-width:0}.proj-card-name{font-size:.9rem;font-weight:700;color:var(--text-default);margin:0 0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.proj-card-client{font-size:.75rem;color:var(--text-muted);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.proj-card-meta{display:flex;flex-wrap:wrap;gap:var(--space-3)}.proj-card-meta-item{display:flex;align-items:center;gap:4px;font-size:.75rem;color:var(--text-secondary)}.proj-card-meta-item--overdue{color:#dc2626;font-weight:600}.proj-card-meta-text{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.proj-card-phase{padding:var(--space-1) 0}.proj-card-footer{display:flex;align-items:center;justify-content:space-between;padding-top:var(--space-2);border-top:1px solid var(--border-default);margin-top:auto}.proj-card-date{font-size:.72rem;color:var(--text-muted)}.proj-card-arrow{display:flex;align-items:center;gap:3px;font-size:.72rem;font-weight:600;color:var(--color-steel);transition:color .15s}.proj-card:hover .proj-card-arrow{color:var(--color-ocean)}.ppt-v-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column}.ppt-v-step{display:flex;gap:var(--space-3)}.ppt-v-rail{display:flex;flex-direction:column;align-items:center;flex-shrink:0;width:24px}.ppt-v-node{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;flex-shrink:0;border:2px solid var(--color-sky);background:#fff;color:var(--text-muted);transition:all .2s}.ppt-v-node--done{background:var(--color-ocean);border-color:var(--color-ocean);color:#fff}.ppt-v-node--active{border-color:var(--color-ocean);color:var(--color-ocean);box-shadow:0 0 0 3px #1a3d631f}.ppt-v-node--pending{color:var(--color-sky)}.ppt-v-line{width:2px;flex:1;min-height:20px;margin:3px 0;border-radius:1px}.ppt-v-line--done{background:var(--color-ocean)}.ppt-v-line--pending{background:var(--color-sky)}.ppt-v-content{padding-bottom:var(--space-4);padding-top:2px;min-width:0;flex:1}.ppt-v-step:last-child .ppt-v-content{padding-bottom:0}.ppt-v-header{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.ppt-v-phase-name{font-size:.85rem;font-weight:600;color:var(--text-default)}.ppt-v-phase-name--pending{color:var(--text-muted);font-weight:400}.ppt-v-phase-name--done{color:var(--text-secondary)}.ppt-v-active-chip{font-size:.68rem;font-weight:600;padding:2px 7px;border-radius:99px;background:#1a3d631a;color:var(--color-ocean);text-transform:uppercase;letter-spacing:.04em}.ppt-v-dates{display:flex;flex-wrap:wrap;gap:4px;margin:3px 0 0;font-size:.72rem;color:var(--text-muted)}.ppt-v-date-sep{color:var(--color-sky)}.ppt-h-wrap{display:flex;align-items:flex-start;width:100%}.ppt-h-step{display:flex;flex-direction:column;align-items:center;flex:1;position:relative;gap:5px}.ppt-h-line{position:absolute;top:11px;right:50%;left:-50%;height:2px;transition:background .2s}.ppt-h-line--done{background:var(--color-ocean)}.ppt-h-line--pending{background:var(--color-sky)}.ppt-h-node{position:relative;width:22px;height:22px;border-radius:50%;border:2px solid var(--color-sky);background:#fff;display:flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:700;color:var(--text-muted);z-index:1;flex-shrink:0;transition:all .2s}.ppt-h-node--done{background:var(--color-ocean);border-color:var(--color-ocean);color:#fff}.ppt-h-node--active{border-color:var(--color-ocean);color:var(--color-ocean);box-shadow:0 0 0 3px #1a3d631f}.ppt-h-node--pending{color:var(--color-sky)}.ppt-h-num{line-height:1}.ppt-h-label{font-size:.68rem;text-align:center;white-space:nowrap;color:var(--text-muted);line-height:1.2}.ppt-h-label--active{color:var(--color-ocean);font-weight:600}.ppt-h-label--done{color:var(--text-secondary)}.form-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.form-col-span-2{grid-column:span 2}.textarea{width:100%;padding:8px 12px;border:1.5px solid var(--border-default);border-radius:var(--radius-md);font-size:.875rem;color:var(--text-default);background:var(--surface-card);outline:none;resize:vertical;font-family:var(--font-sans);line-height:1.5;transition:border-color .15s,box-shadow .15s}.textarea:focus{border-color:var(--color-steel);box-shadow:0 0 0 3px #4a7fa726}.plist-page{display:flex;flex-direction:column;gap:var(--space-5);max-width:1400px}.plist-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap}.plist-toolbar-left{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;flex:1}.plist-search-wrap{flex:1;min-width:200px;max-width:320px}.plist-search-clear{display:flex;align-items:center;background:none;border:none;cursor:pointer;color:var(--text-muted);padding:0}.plist-search-clear:hover{color:var(--text-default)}.plist-view-toggle{display:flex;border:1px solid var(--border-default);border-radius:var(--radius-md);overflow:hidden}.plist-view-btn{display:flex;align-items:center;justify-content:center;width:34px;height:34px;background:none;border:none;cursor:pointer;color:var(--text-muted);transition:background .12s,color .12s}.plist-view-btn:hover{background:var(--surface-hover);color:var(--text-default)}.plist-view-btn--active{background:var(--surface-hover);color:var(--color-ocean)}.plist-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-4)}.plist-pagination{display:flex;align-items:center;gap:var(--space-3);justify-content:center;padding-top:var(--space-4)}.plist-page-info{font-size:.85rem;color:var(--text-secondary)}.plist-col-name{font-weight:600;color:var(--text-default);margin:0 0 2px;font-size:.875rem}.plist-col-client{font-size:.75rem;color:var(--text-muted);margin:0}.plist-col-muted{font-size:.825rem;color:var(--text-secondary)}.plist-delete-msg{font-size:.875rem;color:var(--text-default);line-height:1.6;margin:0}.pcreate-page{display:flex;flex-direction:column;gap:var(--space-5);max-width:1000px}.pcreate-layout{display:grid;grid-template-columns:1fr 280px;gap:var(--space-5);align-items:start}.pcreate-form{display:flex;flex-direction:column;gap:var(--space-4)}.pcreate-actions{display:flex;justify-content:flex-end;gap:var(--space-3)}.pcreate-hint-card{background:var(--color-frost);border:1px solid var(--border-default)!important;border-radius:var(--radius-lg);padding:var(--space-4)}.pcreate-hint-title{font-size:.85rem;font-weight:700;color:var(--text-default);margin:0 0 var(--space-3)}.pcreate-hint-steps{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-3)}.pcreate-hint-step{display:flex;align-items:flex-start;gap:var(--space-2);font-size:.8rem;color:var(--text-secondary);line-height:1.5}.pcreate-hint-num{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:var(--color-ocean);color:#fff;font-size:.65rem;font-weight:700;flex-shrink:0;margin-top:1px}@media (max-width: 768px){.pcreate-layout{grid-template-columns:1fr}.pcreate-hint-col{display:none}.form-grid-2{grid-template-columns:1fr}.form-col-span-2{grid-column:span 1}}.pov-page{max-width:1100px}.pov-grid{display:grid;grid-template-columns:1fr 300px;gap:var(--space-5);align-items:start}.pov-left,.pov-right{display:flex;flex-direction:column;gap:var(--space-4)}.pov-info-list{display:flex;flex-direction:column;gap:var(--space-1);margin-top:var(--space-3)}.pov-status-row{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2)}.pov-info-row{display:flex;align-items:center;gap:var(--space-2);padding:6px 0;border-bottom:1px solid var(--border-default);font-size:.85rem}.pov-info-row:last-of-type{border-bottom:none}.pov-info-icon{color:var(--text-muted);flex-shrink:0;display:flex}.pov-info-label{color:var(--text-secondary);min-width:100px;flex-shrink:0}.pov-info-value{color:var(--text-default);font-weight:500}.pov-description{margin-top:var(--space-3)}.pov-desc-label{display:flex;align-items:center;gap:5px;font-size:.75rem;font-weight:600;color:var(--text-secondary);margin:0 0 var(--space-2);text-transform:uppercase;letter-spacing:.04em}.pov-desc-text{font-size:.875rem;color:var(--text-default);line-height:1.6;margin:0;white-space:pre-wrap}.pov-edit-grid{margin-top:var(--space-3)}.pov-edit-actions{display:flex;justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-4);padding-top:var(--space-3);border-top:1px solid var(--border-default)}.pov-budget-list{display:flex;flex-direction:column;gap:var(--space-2)}.pov-budget-row{display:flex;justify-content:space-between;font-size:.85rem;padding:4px 0}.pov-budget-label{color:var(--text-secondary)}.pov-budget-amount{font-weight:600;color:var(--text-default)}.pov-agreement-row{display:flex;justify-content:space-between;margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--border-default);font-size:.875rem}.pov-agreement-label{font-weight:600;color:var(--text-default)}.pov-agreement-amount{font-weight:700;color:var(--color-ocean)}.pov-enquiry-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-3)}.pov-enquiry-item{display:flex;flex-direction:column;gap:4px;padding-bottom:var(--space-3);border-bottom:1px solid var(--border-default)}.pov-enquiry-item:last-child{border-bottom:none;padding-bottom:0}.pov-enquiry-type{font-size:.72rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em}.pov-enquiry-desc{font-size:.82rem;color:var(--text-default);margin:0;line-height:1.5}.pov-meta-list{display:flex;flex-direction:column;gap:var(--space-2)}.pov-meta-row{display:flex;justify-content:space-between;font-size:.82rem;padding:3px 0}.pov-meta-key{color:var(--text-secondary)}.pov-meta-val{color:var(--text-default);font-weight:500}@media (max-width: 900px){.pov-grid{grid-template-columns:1fr}.pov-right{order:-1}}.clist-page{display:flex;flex-direction:column;gap:var(--space-5);max-width:1400px}.clist-toolbar{display:flex;align-items:center;gap:var(--space-3)}.clist-search-wrap{flex:1;max-width:360px}.clist-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-4)}.clist-card{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);background:var(--surface-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);cursor:pointer;transition:box-shadow .15s,border-color .15s,transform .15s;outline:none}.clist-card:hover,.clist-card:focus-visible{border-color:var(--color-steel);box-shadow:var(--shadow-md);transform:translateY(-1px)}.clist-card-header{display:flex;align-items:flex-start;gap:var(--space-3)}.clist-avatar{width:42px;height:42px;border-radius:var(--radius-md);background:var(--color-ocean);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:700;flex-shrink:0;letter-spacing:.02em}.clist-card-name-wrap{flex:1;min-width:0}.clist-card-name{font-size:.9rem;font-weight:700;color:var(--text-default);margin:0 0 2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clist-card-company{display:flex;align-items:center;gap:4px;font-size:.75rem;color:var(--text-muted);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clist-card-meta{display:flex;flex-direction:column;gap:5px}.clist-meta-item{display:flex;align-items:center;gap:6px;font-size:.78rem;color:var(--text-secondary);text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clist-meta-item:hover{color:var(--color-ocean)}.clist-meta-location{color:var(--text-muted);pointer-events:none}.clist-card-footer{padding-top:var(--space-2);border-top:1px solid var(--border-default);margin-top:auto}.cd-page{display:flex;flex-direction:column;gap:var(--space-5);max-width:1000px}.cd-grid{display:grid;grid-template-columns:1fr 320px;gap:var(--space-5);align-items:start}.cd-left,.cd-right{display:flex;flex-direction:column;gap:var(--space-4)}.cd-hero{display:flex;align-items:center;gap:var(--space-4)}.cd-hero-avatar{width:64px;height:64px;border-radius:var(--radius-lg);background:var(--color-ocean);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.375rem;font-weight:800;flex-shrink:0;letter-spacing:.02em}.cd-hero-name{font-size:1.1rem;font-weight:700;color:var(--text-default);margin:0 0 4px}.cd-hero-company{display:flex;align-items:center;gap:5px;font-size:.82rem;color:var(--text-muted);margin:0}.cd-detail-list{display:flex;flex-direction:column}.cd-row{display:flex;align-items:center;gap:var(--space-2);padding:7px 0;border-bottom:1px solid var(--border-default);font-size:.85rem}.cd-row:last-child{border-bottom:none}.cd-row-icon{color:var(--text-muted);display:flex;flex-shrink:0}.cd-row-label{color:var(--text-secondary);min-width:72px;flex-shrink:0}.cd-row-value{color:var(--text-default);font-weight:500}.cd-link{color:var(--color-steel);text-decoration:none;font-weight:500}.cd-link:hover{color:var(--color-ocean);text-decoration:underline}.cd-empty{color:var(--text-muted);font-weight:400}.cd-empty-note{font-size:.82rem;color:var(--text-muted);margin:var(--space-2) 0 0}.cd-notes-block{padding:var(--space-2) 0 0}.cd-notes-label{font-size:.72rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;margin:0 0 var(--space-2)}.cd-notes-text{font-size:.85rem;color:var(--text-default);line-height:1.6;margin:0;white-space:pre-wrap}.cd-project-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column}.cd-project-item{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--border-default);cursor:pointer;transition:background .12s}.cd-project-item:last-child{border-bottom:none}.cd-project-item:hover{background:var(--surface-hover);margin:0 calc(-1 * var(--space-4));padding-left:var(--space-4);padding-right:var(--space-4);border-radius:var(--radius-sm)}.cd-project-info{min-width:0}.cd-project-name{font-size:.85rem;font-weight:600;color:var(--text-default);margin:0 0 2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cd-project-loc{font-size:.72rem;color:var(--text-muted);margin:0}@media (max-width: 860px){.cd-grid{grid-template-columns:1fr}.cd-right{order:-1}}.wbs-page{display:flex;flex-direction:column;gap:var(--space-4)}.wbs-summary{display:flex;align-items:center;gap:0;background:var(--surface-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);flex-wrap:wrap}.wbs-summary-stat{display:flex;flex-direction:column;align-items:center;padding:0 var(--space-4);gap:2px}.wbs-summary-val{font-size:1.05rem;font-weight:700;color:var(--text-default)}.wbs-summary-key{font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.wbs-summary-divider{width:1px;height:32px;background:var(--border-default);flex-shrink:0}.wbs-toolbar{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3)}.wbs-toolbar-left,.wbs-toolbar-right{display:flex;align-items:center;gap:var(--space-2)}.wbs-room-list{display:flex;flex-direction:column;gap:var(--space-3)}.wbs-room{background:var(--surface-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);overflow:hidden;transition:box-shadow .15s}.wbs-room--open{box-shadow:var(--shadow-sm)}.wbs-room-header{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:background .12s}.wbs-room-header:hover{background:var(--surface-hover)}.wbs-room-chevron{color:var(--text-muted);display:flex;flex-shrink:0;transition:transform .15s}.wbs-room--open .wbs-room-chevron{color:var(--color-ocean)}.wbs-drag{color:var(--text-muted);cursor:grab;display:flex}.wbs-room-name{font-size:.9rem;font-weight:700;color:var(--text-default);flex:1;min-width:0}.wbs-room-name-edit{display:flex;align-items:center;gap:var(--space-1);flex:1}.wbs-room-name-input{flex:1;padding:4px 8px;border:1.5px solid var(--color-steel);border-radius:var(--radius-sm);font-size:.875rem;font-weight:700;color:var(--text-default);background:var(--surface-card);outline:none}.wbs-room-floor,.wbs-room-area{font-size:.72rem;color:var(--text-muted);background:var(--surface-hover);border:1px solid var(--border-default);border-radius:var(--radius-sm);padding:2px 6px;flex-shrink:0}.wbs-room-stats{display:flex;align-items:center;gap:var(--space-3);margin-left:auto}.wbs-room-stat{font-size:.78rem;color:var(--text-secondary)}.wbs-room-progress{display:flex;align-items:center;gap:var(--space-1);min-width:80px}.wbs-room-pct{font-size:.72rem;color:var(--text-muted);width:28px;text-align:right}.wbs-room-actions{display:flex;align-items:center;gap:2px;opacity:0;transition:opacity .12s}.wbs-room-header:hover .wbs-room-actions{opacity:1}.wbs-icon-btn{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:var(--radius-sm);border:none;background:none;cursor:pointer;color:var(--text-muted);transition:background .1s,color .1s;flex-shrink:0}.wbs-icon-btn:hover{background:var(--surface-hover);color:var(--text-default)}.wbs-icon-btn--danger:hover{background:#fef2f2;color:var(--color-danger)}.wbs-icon-btn:disabled{opacity:.4;cursor:not-allowed}.wbs-room-body{border-top:1px solid var(--border-default);padding-bottom:var(--space-2)}.wbs-room-empty{padding:var(--space-4) var(--space-5);font-size:.82rem;color:var(--text-muted);font-style:italic}.wbs-task-header{display:grid;grid-template-columns:32px 1fr 160px 90px 120px 80px 80px;gap:var(--space-2);padding:6px var(--space-4);border-bottom:1px solid var(--border-default);background:var(--color-frost)}.wbs-task-header span{font-size:.68rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.wbs-th-name{grid-column:2}.wbs-th-dates{grid-column:3}.wbs-th-cost{grid-column:4;text-align:right}.wbs-th-progress{grid-column:5}.wbs-th-status{grid-column:6}.wbs-th-actions{grid-column:7}.wbs-task-row{display:grid;grid-template-columns:32px 1fr 160px 90px 120px 80px 80px;gap:var(--space-2);align-items:center;padding:8px var(--space-4);border-bottom:1px solid var(--border-default);cursor:pointer;transition:background .1s}.wbs-task-row:last-of-type{border-bottom:none}.wbs-task-row:hover{background:var(--surface-hover)}.wbs-task-row--selected{background:#1a3d630d}.wbs-task-row--editing{grid-template-columns:1fr;padding:var(--space-3) var(--space-4);background:var(--color-frost);cursor:default}.wbs-task-drag{color:var(--text-muted);display:flex;cursor:grab}.wbs-task-main{display:flex;align-items:center;gap:var(--space-2);min-width:0}.wbs-task-name{font-size:.85rem;font-weight:500;color:var(--text-default);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wbs-task-trade{font-size:.68rem;background:var(--surface-hover);border:1px solid var(--border-default);border-radius:var(--radius-sm);padding:1px 5px;color:var(--text-secondary);white-space:nowrap;flex-shrink:0}.wbs-task-dep-count{display:flex;align-items:center;gap:2px;font-size:.68rem;color:var(--color-steel);flex-shrink:0}.wbs-task-dates{display:flex;align-items:center;gap:4px}.wbs-task-date{font-size:.75rem;color:var(--text-secondary);white-space:nowrap}.wbs-task-date-sep{font-size:.7rem;color:var(--text-muted)}.wbs-task-cost{font-size:.8rem;color:var(--text-secondary);text-align:right}.wbs-task-progress-btn{display:flex;align-items:center;gap:var(--space-1);background:none;border:none;cursor:pointer;padding:3px 5px;border-radius:var(--radius-sm);transition:background .1s}.wbs-task-progress-btn:hover{background:var(--surface-hover)}.wbs-task-pct{font-size:.72rem;color:var(--text-secondary);width:28px}.wbs-task-actions{display:flex;align-items:center;gap:2px;opacity:0;transition:opacity .12s}.wbs-task-row:hover .wbs-task-actions{opacity:1}.wbs-task-edit-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:var(--space-3);align-items:start}.wbs-task-edit-actions{display:flex;justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-3)}.wbs-progress-panel{background:var(--color-frost);border-top:1px solid var(--border-default);border-bottom:1px solid var(--border-default);padding:var(--space-3) var(--space-4);margin-left:32px}.wbs-progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2)}.wbs-progress-label{font-size:.8rem;font-weight:600;color:var(--text-default)}.wbs-progress-body{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.wbs-progress-slider-wrap{display:flex;align-items:center;gap:var(--space-2);flex:1;min-width:160px}.wbs-progress-slider{flex:1;accent-color:var(--color-ocean);height:4px;cursor:pointer}.wbs-progress-val{font-size:.82rem;font-weight:700;color:var(--color-ocean);width:36px}.wbs-add-task-form{padding:var(--space-3) var(--space-4);background:var(--color-frost);border-top:1px solid var(--border-default)}.wbs-add-task-fields{display:flex;align-items:flex-start;gap:var(--space-2);flex-wrap:wrap}.wbs-add-task-fields .input-field{flex:1;min-width:120px}.wbs-add-task-actions{display:flex;justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-2)}.wbs-add-task-btn{display:flex;align-items:center;gap:var(--space-1);width:100%;padding:8px var(--space-4);background:none;border:none;border-top:1px dashed var(--border-default);cursor:pointer;font-size:.8rem;color:var(--text-muted);transition:background .1s,color .1s}.wbs-add-task-btn:hover{background:var(--surface-hover);color:var(--color-ocean)}.wbs-room-footer{display:flex;gap:var(--space-4);padding:var(--space-3) var(--space-4);border-top:1px solid var(--border-default);font-size:.8rem;color:var(--text-secondary);background:var(--color-frost)}.dep-mapper{display:flex;flex-direction:column;gap:var(--space-5);max-height:60vh;overflow-y:auto}.dep-section{display:flex;flex-direction:column;gap:var(--space-3)}.dep-section-title{display:flex;align-items:center;gap:var(--space-2);font-size:.82rem;font-weight:700;color:var(--text-default);margin:0}.dep-section-sub{font-size:.78rem;color:var(--text-muted);margin:calc(-1 * var(--space-1)) 0 0}.dep-search{width:100%;padding:7px 10px;border:1.5px solid var(--border-default);border-radius:var(--radius-md);font-size:.85rem;color:var(--text-default);background:var(--surface-card);outline:none;transition:border-color .15s}.dep-search:focus{border-color:var(--color-steel)}.dep-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;border:1px solid var(--border-default);border-radius:var(--radius-md);overflow:hidden}.dep-list--candidates{max-height:260px;overflow-y:auto}.dep-item{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border-default);font-size:.83rem;transition:background .1s}.dep-item:last-child{border-bottom:none}.dep-item--candidate:hover{background:var(--surface-hover)}.dep-item-name{display:flex;align-items:center;gap:5px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-default)}.dep-icon{color:var(--color-steel);flex-shrink:0}.dep-item-room{color:var(--text-muted);font-size:.75rem}.dep-item-trade{font-size:.68rem;background:var(--surface-hover);border:1px solid var(--border-default);border-radius:var(--radius-sm);padding:1px 5px;color:var(--text-secondary)}.dep-remove-btn{display:flex;align-items:center;justify-content:center;width:26px;height:26px;background:none;border:none;border-radius:var(--radius-sm);cursor:pointer;color:var(--text-muted);transition:background .1s,color .1s;flex-shrink:0}.dep-remove-btn:hover:not(:disabled){background:#fef2f2;color:var(--color-danger)}.dep-remove-btn:disabled{opacity:.4;cursor:not-allowed}.wbs-modal-form{display:flex;flex-direction:column;gap:var(--space-4)}.phase-page{display:flex;flex-direction:column;gap:var(--space-5)}.subnav-tab-phase{font-size:.6rem;font-weight:700;color:var(--color-steel);background:#4a7fa71f;border-radius:var(--radius-sm);padding:1px 4px;line-height:1.4;margin-left:2px;flex-shrink:0}.subnav-tab--active .subnav-tab-phase{color:var(--color-frost);background:#f6fafd33}.enq-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap}.enq-chips{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.enq-toolbar-right{display:flex;align-items:center;gap:var(--space-2)}.enq-chip{display:flex;align-items:center;gap:5px;padding:5px 12px;border-radius:var(--radius-full);border:1.5px solid var(--border-default);background:var(--surface-card);font-size:.78rem;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:border-color .15s,background .15s,color .15s;white-space:nowrap}.enq-chip:hover{border-color:var(--color-steel);color:var(--text-default)}.enq-chip--active{border-color:var(--color-ocean);background:#1a3d6312;color:var(--color-ocean)}.enq-chip-count{font-size:.68rem;font-weight:700;background:var(--surface-hover);border-radius:var(--radius-full);padding:1px 6px;color:var(--text-default);min-width:18px;text-align:center}.enq-chip-clear{font-size:.78rem;color:var(--color-steel);background:none;border:none;cursor:pointer;padding:5px 8px;border-radius:var(--radius-sm);transition:background .1s;white-space:nowrap}.enq-chip-clear:hover{background:var(--surface-hover)}.enq-list{display:flex;flex-direction:column;gap:0;border:1px solid var(--border-default);border-radius:var(--radius-lg);overflow:hidden;background:var(--surface-card)}.enq-card{border-bottom:1px solid var(--border-default);transition:background .1s}.enq-card:last-child{border-bottom:none}.enq-card:hover{background:var(--surface-hover)}.enq-card-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-4)}.enq-card-meta{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;min-width:0}.enq-card-type{display:flex;align-items:center;gap:4px;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-default);background:var(--surface-hover);border:1px solid var(--border-default);border-radius:var(--radius-sm);padding:2px 8px;white-space:nowrap}.enq-badge-inner{display:flex;align-items:center;gap:3px}.enq-card-date{display:flex;align-items:center;gap:4px;font-size:.78rem;color:var(--text-secondary);white-space:nowrap}.enq-card-pill{display:flex;align-items:center;gap:3px;font-size:.72rem;color:var(--text-muted);background:var(--surface-hover);border:1px solid var(--border-default);border-radius:var(--radius-sm);padding:2px 7px;white-space:nowrap}.enq-card-actions{display:flex;align-items:center;gap:2px;flex-shrink:0;opacity:0;transition:opacity .12s}.enq-card:hover .enq-card-actions{opacity:1}.enq-action-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:none;border-radius:var(--radius-sm);cursor:pointer;color:var(--text-muted);transition:background .1s,color .1s}.enq-action-btn:hover{background:var(--surface-hover);color:var(--text-default)}.enq-action-btn--danger:hover{background:#fef2f2;color:var(--color-danger)}.enq-expand-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:none;border-radius:var(--radius-sm);cursor:pointer;color:var(--text-muted);transition:background .1s,color .1s,transform .2s}.enq-expand-btn:hover{background:var(--surface-hover);color:var(--text-default)}.enq-expand-btn--open{transform:rotate(180deg);color:var(--color-ocean)}.enq-card-body{padding:0 var(--space-4) var(--space-4);border-top:1px solid var(--border-default)}.enq-card-section{display:flex;flex-direction:column;gap:var(--space-1);padding-top:var(--space-3)}.enq-card-section--notes{padding-top:var(--space-2)}.enq-card-section-label{display:flex;align-items:center;gap:4px;font-size:.68rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.enq-card-text{font-size:.875rem;line-height:1.65;color:var(--text-default);margin:0;white-space:pre-wrap}.enq-card-text--muted{color:var(--text-secondary)}.enq-card-preview{padding:0 var(--space-4) var(--space-3);font-size:.82rem;line-height:1.55;color:var(--text-secondary);margin:0;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.enq-card-preview:hover{color:var(--text-default)}.enq-form{display:flex;flex-direction:column;gap:var(--space-4)}.master-edit-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}@media (max-width: 900px){.master-edit-grid{grid-template-columns:1fr}}.master-edit-actions{display:flex;justify-content:flex-end;align-items:center;gap:var(--space-3);padding-top:var(--space-2)}.master-view-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);align-items:start}@media (max-width: 900px){.master-view-grid{grid-template-columns:1fr}}.master-detail-list{display:flex;flex-direction:column;gap:var(--space-3)}.master-detail-row{display:flex;align-items:flex-start;gap:var(--space-2);font-size:.875rem}.master-detail-icon{color:var(--text-muted);margin-top:2px;flex-shrink:0}.master-detail-label{width:120px;flex-shrink:0;color:var(--text-muted);font-size:.8rem}.master-detail-value{flex:1;color:var(--text-default);font-weight:500;word-break:break-word}.master-status-row{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;padding-bottom:var(--space-3);border-bottom:1px solid var(--border-default);margin-bottom:var(--space-1)}.master-code{display:flex;align-items:center;gap:3px;font-size:.72rem;color:var(--text-muted);background:var(--surface-hover);border:1px solid var(--border-default);border-radius:var(--radius-sm);padding:2px 7px}.master-desc-text{font-size:.875rem;line-height:1.65;color:var(--text-default);white-space:pre-wrap;margin:0}.master-empty-note{font-size:.82rem;color:var(--text-muted);font-style:italic;margin:0}.budget-approved-banner{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background:linear-gradient(135deg,#16a34a0f,#16a34a05);border:1.5px solid rgba(22,163,74,.3);border-radius:var(--radius-lg)}.budget-banner-icon{color:var(--color-success);flex-shrink:0}.budget-banner-text{display:flex;flex-direction:column;gap:2px;flex:1}.budget-banner-title{font-size:.9rem;font-weight:700;color:var(--color-success)}.budget-banner-sub{font-size:.82rem;color:var(--text-secondary)}.budget-grid{display:grid;grid-template-columns:1fr 2fr;gap:var(--space-4);align-items:start}@media (max-width: 860px){.budget-grid{grid-template-columns:1fr}}.budget-wbs-stats{display:flex;gap:var(--space-5);flex-wrap:wrap}.budget-wbs-stat{display:flex;flex-direction:column;gap:2px}.budget-wbs-val{font-size:1rem;font-weight:700;color:var(--text-default)}.budget-wbs-key{font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.budget-empty{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-6) var(--space-4);text-align:center}.budget-empty-icon{color:var(--text-muted)}.budget-empty p{font-size:.85rem;color:var(--text-muted);margin:0}.budget-version-list{display:flex;flex-direction:column;gap:0;border:1px solid var(--border-default);border-radius:var(--radius-md);overflow:hidden}.budget-version-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-default);transition:background .1s}.budget-version-row:last-child{border-bottom:none}.budget-version-row:hover{background:var(--surface-hover)}.budget-version-row--approved{background:#16a34a0a}.budget-version-left{display:flex;align-items:center;gap:var(--space-3);min-width:0}.budget-version-num{font-size:.7rem;font-weight:700;color:var(--text-muted);background:var(--surface-hover);border:1px solid var(--border-default);border-radius:var(--radius-sm);padding:2px 7px;flex-shrink:0}.budget-version-info{display:flex;flex-direction:column;gap:2px;min-width:0}.budget-version-amount{font-size:.92rem;font-weight:700;color:var(--text-default)}.budget-version-notes{font-size:.75rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:320px}.budget-version-date{font-size:.72rem;color:var(--text-muted)}.budget-version-right{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.budget-approved-by{display:flex;align-items:center;gap:4px;font-size:.72rem;color:var(--color-success)}.signoff-badge-inner{display:flex;align-items:center;gap:3px}.drh-root{display:flex;flex-direction:column;gap:var(--space-3)}.drh-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.drh-title{display:flex;align-items:center;gap:var(--space-2);font-size:.82rem;font-weight:700;color:var(--text-default)}.drh-count{font-size:.68rem;font-weight:700;background:var(--surface-hover);border:1px solid var(--border-default);border-radius:var(--radius-full);padding:1px 7px;color:var(--text-secondary);min-width:20px;text-align:center}.drh-list{display:flex;flex-direction:column;gap:0}.drh-item{display:flex;flex-direction:column;position:relative}.drh-item--latest .drh-item-row{background:#1a3d6308}.drh-item-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-2);cursor:pointer;border-radius:var(--radius-md);transition:background .1s}.drh-item-row:hover{background:var(--surface-hover)}.drh-dot-col{display:flex;flex-direction:column;align-items:center;width:20px;flex-shrink:0;gap:0;align-self:stretch}.drh-dot{width:10px;height:10px;border-radius:50%;background:var(--border-default);border:2px solid var(--surface-card);flex-shrink:0;margin-top:4px;transition:background .15s}.drh-dot--latest{background:var(--color-ocean)}.drh-line{width:2px;flex:1;background:var(--border-default);margin:4px 0 0;min-height:16px}.drh-item-main{display:flex;align-items:center;gap:var(--space-2);flex:1;min-width:0}.drh-version{font-size:.875rem;font-weight:700;color:var(--text-default);white-space:nowrap}.drh-latest-label{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--color-ocean);background:#1a3d6314;border-radius:var(--radius-sm);padding:1px 5px;white-space:nowrap}.drh-item-meta{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.drh-meta-date{font-size:.78rem;color:var(--text-secondary);white-space:nowrap}.drh-meta-author{display:flex;align-items:center;gap:3px;font-size:.72rem;color:var(--text-muted);white-space:nowrap}.drh-item-actions{display:flex;align-items:center;gap:2px;flex-shrink:0;opacity:0;transition:opacity .12s}.drh-item-row:hover .drh-item-actions{opacity:1}.drh-chevron{color:var(--text-muted);display:flex;margin-left:2px}.drh-action-btn{display:flex;align-items:center;justify-content:center;width:26px;height:26px;background:none;border:none;border-radius:var(--radius-sm);cursor:pointer;color:var(--text-muted);transition:background .1s,color .1s;text-decoration:none}.drh-action-btn:hover{background:var(--surface-hover);color:var(--text-default)}.drh-action-btn--danger:hover{background:#fef2f2;color:var(--color-danger)}.drh-item-body{padding:var(--space-2) var(--space-2) var(--space-3) 28px;display:flex;flex-direction:column;gap:var(--space-2)}.drh-description{font-size:.85rem;line-height:1.6;color:var(--text-secondary);margin:0;white-space:pre-wrap}.drh-file-link{display:inline-flex;align-items:center;gap:5px;font-size:.8rem;color:var(--color-steel);text-decoration:none;font-weight:500;transition:color .1s}.drh-file-link:hover{color:var(--color-ocean)}.drh-empty-note{font-size:.78rem;color:var(--text-muted);font-style:italic}.drh-form{display:flex;flex-direction:column;gap:var(--space-4)}.drh-file-input{width:100%;font-size:.85rem;color:var(--text-default);padding:6px 0;cursor:pointer}.label-hint{font-size:.72rem;color:var(--text-muted);font-weight:400;margin-left:4px}.du-root{display:flex;flex-direction:column;gap:var(--space-3)}.du-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.du-title{display:flex;align-items:center;gap:var(--space-2);font-size:.82rem;font-weight:700;color:var(--text-default)}.du-count{font-size:.68rem;font-weight:700;background:var(--surface-hover);border:1px solid var(--border-default);border-radius:var(--radius-full);padding:1px 7px;color:var(--text-secondary);min-width:20px;text-align:center}.du-header-right{display:flex;align-items:center;gap:var(--space-2)}.du-view-toggle{display:flex;align-items:center;background:var(--surface-hover);border:1px solid var(--border-default);border-radius:var(--radius-sm);overflow:hidden}.du-view-btn{display:flex;align-items:center;justify-content:center;width:28px;height:26px;background:none;border:none;cursor:pointer;color:var(--text-muted);transition:background .1s,color .1s}.du-view-btn:hover{color:var(--text-default)}.du-view-btn--active{background:var(--surface-card);color:var(--color-ocean)}.du-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--space-3)}.du-card{border:1px solid var(--border-default);border-radius:var(--radius-md);overflow:hidden;background:var(--surface-card);transition:box-shadow .15s,border-color .15s}.du-card:hover{box-shadow:var(--shadow-sm);border-color:var(--color-sky)}.du-card-thumb{position:relative;width:100%;aspect-ratio:4 / 3;overflow:hidden;background:var(--color-frost);display:flex;align-items:center;justify-content:center}.du-card-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.du-card-pdf-icon{color:var(--text-muted);opacity:.5}.du-card-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0a19318c;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s}.du-card:hover .du-card-overlay{opacity:1}.du-overlay-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#ffffff26;border:1px solid rgba(255,255,255,.3);border-radius:50%;color:#fff;text-decoration:none;transition:background .1s}.du-overlay-btn:hover{background:#ffffff40}.du-card-info{padding:var(--space-2) var(--space-3);display:flex;flex-direction:column;gap:3px}.du-card-title{font-size:.82rem;font-weight:600;color:var(--text-default);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.du-card-type{font-size:.7rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.du-card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:var(--space-1)}.du-card-actions{display:flex;align-items:center;gap:2px;opacity:0;transition:opacity .12s}.du-card:hover .du-card-actions{opacity:1}.du-list{display:flex;flex-direction:column;border:1px solid var(--border-default);border-radius:var(--radius-md);overflow:hidden;background:var(--surface-card)}.du-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-default);transition:background .1s}.du-row:last-child{border-bottom:none}.du-row:hover{background:var(--surface-hover)}.du-row-icon{color:var(--text-muted);display:flex;flex-shrink:0}.du-row-main{flex:1;min-width:0;display:flex;align-items:center;gap:var(--space-2)}.du-row-title{font-size:.875rem;font-weight:500;color:var(--text-default);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.du-row-type{font-size:.72rem;color:var(--text-muted);background:var(--surface-hover);border:1px solid var(--border-default);border-radius:var(--radius-sm);padding:1px 6px;white-space:nowrap;flex-shrink:0}.du-row-meta{display:flex;align-items:center;gap:var(--space-3);flex-shrink:0}.du-row-author,.du-row-date{display:flex;align-items:center;gap:3px;font-size:.75rem;color:var(--text-muted);white-space:nowrap}.du-row-actions{display:flex;align-items:center;gap:2px;flex-shrink:0;opacity:0;transition:opacity .12s}.du-row:hover .du-row-actions{opacity:1}.du-action-btn{display:flex;align-items:center;justify-content:center;width:26px;height:26px;background:none;border:none;border-radius:var(--radius-sm);cursor:pointer;color:var(--text-muted);text-decoration:none;transition:background .1s,color .1s}.du-action-btn:hover{background:var(--surface-hover);color:var(--text-default)}.du-action-btn--danger:hover{background:#fef2f2;color:var(--color-danger)}.du-form{display:flex;flex-direction:column;gap:var(--space-4)}.du-dropzone{border:2px dashed var(--border-default);border-radius:var(--radius-md);background:var(--color-frost);padding:var(--space-5) var(--space-4);text-align:center;cursor:pointer;transition:border-color .15s,background .15s;position:relative}.du-dropzone:hover,.du-dropzone--over{border-color:var(--color-steel);background:#4a7fa70a}.du-dropzone--has-file{border-color:var(--color-ocean);background:#1a3d6308;border-style:solid}.du-file-input-hidden{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;width:0;height:0;pointer-events:none}.du-dropzone-prompt{display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.du-dropzone-icon{color:var(--text-muted)}.du-dropzone-text{font-size:.875rem;color:var(--text-secondary)}.du-dropzone-text strong{color:var(--color-ocean)}.du-dropzone-hint{font-size:.75rem;color:var(--text-muted)}.du-dropzone-file{display:flex;align-items:center;gap:var(--space-2);font-size:.875rem;color:var(--color-ocean);font-weight:500;flex-wrap:wrap;justify-content:center}.du-dropzone-filename{max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.du-dropzone-size{font-size:.75rem;color:var(--text-muted)}.du-dropzone-remove{background:none;border:none;cursor:pointer;color:var(--text-muted);display:flex;padding:0;transition:color .1s}.du-dropzone-remove:hover{color:var(--color-danger)}.du-signoff-footer{display:flex;align-items:center;gap:var(--space-2);width:100%}.du-signoff-footer>:first-child{margin-right:auto}.du-signoff-current{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-3);font-size:.82rem;color:var(--text-secondary)}.sv-list{display:flex;flex-direction:column;gap:var(--space-3)}.sv-card{background:var(--surface-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);overflow:hidden;transition:box-shadow .15s}.sv-card:hover{box-shadow:var(--shadow-sm)}.sv-card-header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:background .1s}.sv-card-header:hover{background:var(--surface-hover)}.sv-card-chevron{color:var(--text-muted);display:flex;flex-shrink:0}.sv-card-meta{display:flex;align-items:center;gap:var(--space-3);flex:1;flex-wrap:wrap}.sv-card-date{display:flex;align-items:center;gap:5px;font-size:.875rem;font-weight:700;color:var(--text-default)}.sv-card-visitor{display:flex;align-items:center;gap:4px;font-size:.8rem;color:var(--text-secondary)}.sv-card-pill{display:flex;align-items:center;gap:4px;font-size:.72rem;color:var(--text-muted);background:var(--surface-hover);border:1px solid var(--border-default);border-radius:var(--radius-sm);padding:2px 7px;white-space:nowrap}.sv-card-actions{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0;opacity:0;transition:opacity .15s}.sv-card-header:hover .sv-card-actions{opacity:1}.sv-card-body{border-top:1px solid var(--border-default);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-4)}.sv-notes{font-size:.875rem;line-height:1.65;color:var(--text-secondary);margin:0;white-space:pre-wrap}.sv-section{display:flex;flex-direction:column;gap:var(--space-2)}.sv-section-title{display:flex;align-items:center;gap:5px;font-size:.72rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.sv-measure-table{border:1px solid var(--border-default);border-radius:var(--radius-md);overflow:hidden;font-size:.82rem}.sv-measure-header,.sv-measure-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr 2fr;gap:var(--space-2);padding:7px var(--space-3);align-items:center}.sv-measure-header{background:var(--color-frost);border-bottom:1px solid var(--border-default);font-size:.68rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.sv-measure-row{border-bottom:1px solid var(--border-default)}.sv-measure-row:last-child{border-bottom:none}.sv-measure-row:hover{background:var(--surface-hover)}.sv-measure-area{font-weight:600;color:var(--text-default)}.sv-measure-notes{color:var(--text-muted);font-style:italic;font-size:.75rem}.sv-photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:var(--space-2)}.sv-photo-thumb{display:block;aspect-ratio:1;border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--border-default);background:var(--color-frost);transition:opacity .15s}.sv-photo-thumb:hover{opacity:.85}.sv-photo-thumb img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.sv-empty-note{font-size:.82rem;color:var(--text-muted);font-style:italic;margin:0}.sv-hidden-input{display:none}.sv-form{display:flex;flex-direction:column;gap:var(--space-4)}.dfp-banner{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-lg);border:1.5px solid rgba(22,163,74,.3);background:linear-gradient(135deg,#16a34a0f,#16a34a05)}.dfp-banner--done .dfp-banner-icon{color:var(--color-success);flex-shrink:0}.dfp-banner-text{display:flex;flex-direction:column;gap:2px;flex:1}.dfp-banner-title{font-size:.9rem;font-weight:700;color:var(--color-success)}.dfp-banner-sub{font-size:.82rem;color:var(--text-secondary)}.dfp-grid{display:grid;grid-template-columns:1fr 320px;gap:var(--space-4);align-items:start}@media (max-width: 900px){.dfp-grid{grid-template-columns:1fr}}.dfp-sidebar{display:flex;flex-direction:column;gap:var(--space-4)}.dfp-revision-summary{display:flex;flex-direction:column;gap:var(--space-3)}.dfp-rev-row{display:flex;align-items:center;gap:var(--space-2)}.dfp-rev-label{width:60px;font-size:.78rem;color:var(--text-muted);flex-shrink:0}.dfp-rev-value{font-size:.875rem;color:var(--text-default);font-weight:500}.dfp-rev-desc{font-size:.82rem;line-height:1.6;color:var(--text-secondary);margin:var(--space-1) 0 0;padding-top:var(--space-2);border-top:1px solid var(--border-default)}.dfp-stats{display:flex;align-items:center;gap:0}.dfp-stat{display:flex;flex-direction:column;align-items:center;gap:2px;flex:1;padding:var(--space-2) 0}.dfp-stat-val{font-size:1.1rem;font-weight:700;color:var(--text-default)}.dfp-stat-key{font-size:.68rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.dfp-stat-divider{width:1px;height:32px;background:var(--border-default)}.dfp-advance-hint{font-size:.82rem;line-height:1.6;color:var(--text-secondary);margin:0 0 var(--space-3)}.dsp-summary{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.dsp-chip{display:flex;align-items:center;gap:5px;padding:5px 11px;border-radius:var(--radius-full);border:1.5px solid var(--border-default);background:var(--surface-card);font-size:.78rem;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:border-color .15s,background .15s,color .15s;white-space:nowrap}.dsp-chip:hover{border-color:var(--color-steel);color:var(--text-default)}.dsp-chip--active{background:#1a3d6312;color:var(--color-ocean);border-color:var(--color-ocean)}.dsp-chip--warning.dsp-chip--active{background:#d9770612;color:#b45309;border-color:#d97706}.dsp-chip--success.dsp-chip--active{background:#16a34a12;color:#15803d;border-color:#16a34a}.dsp-chip--danger.dsp-chip--active{background:#dc262612;color:#dc2626;border-color:#dc2626}.dsp-chip-count{font-size:.68rem;font-weight:700;background:var(--surface-hover);border-radius:var(--radius-full);padding:1px 6px;color:var(--text-default)}.dsp-revision-select{padding:5px 10px;border:1.5px solid var(--border-default);border-radius:var(--radius-full);background:var(--surface-card);font-size:.78rem;color:var(--text-default);cursor:pointer;outline:none;transition:border-color .15s}.dsp-revision-select:focus{border-color:var(--color-steel)}.dsp-clear{font-size:.78rem;color:var(--color-steel);background:none;border:none;cursor:pointer;padding:5px 8px;border-radius:var(--radius-sm);transition:background .1s}.dsp-clear:hover{background:var(--surface-hover)}.dsp-progress-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-2);font-size:.82rem}.dsp-progress-label{color:var(--text-secondary)}.dsp-progress-pct{font-weight:700;color:var(--text-default)}.dsp-progress-track{height:8px;border-radius:var(--radius-full);background:var(--surface-hover);overflow:hidden;display:flex}.dsp-progress-fill{height:100%;transition:width .4s ease}.dsp-progress-fill--approved{background:var(--color-success)}.dsp-progress-fill--rejected{background:var(--color-danger)}.wsp-banner{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-lg);border:1.5px solid rgba(22,163,74,.3);background:linear-gradient(135deg,#16a34a0f,#16a34a05)}.wsp-banner-icon{color:var(--color-success);flex-shrink:0}.wsp-banner-text{display:flex;flex-direction:column;gap:2px;flex:1}.wsp-banner-title{font-size:.9rem;font-weight:700;color:var(--color-success)}.wsp-banner-sub{font-size:.82rem;color:var(--text-secondary)}.wsp-layout{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);align-items:start}@media (max-width: 860px){.wsp-layout{grid-template-columns:1fr}}.wsp-info-list{display:flex;flex-direction:column;gap:var(--space-3)}.wsp-info-row{display:flex;align-items:flex-start;gap:var(--space-2);font-size:.875rem}.wsp-info-label{width:120px;flex-shrink:0;font-size:.78rem;color:var(--text-muted)}.wsp-info-value{flex:1;color:var(--text-default);font-weight:500}.wsp-date-value{display:flex;align-items:center;gap:4px;color:var(--text-default)}.wsp-form{display:flex;flex-direction:column;gap:var(--space-4)}.wsp-advance-box{background:var(--color-frost);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}.wsp-advance-row{display:flex;align-items:center;gap:var(--space-2);justify-content:center}.wsp-advance-arrow{color:var(--text-muted)}.wsp-advance-note{font-size:.8rem;line-height:1.6;color:var(--text-secondary);margin:0;text-align:center}.wsp-confirm-body{display:flex;align-items:flex-start;gap:var(--space-3)}.wsp-confirm-icon{color:var(--color-warning);flex-shrink:0;margin-top:2px}.hover\:text-ocean:hover{--tw-text-opacity: 1;color:rgb(26 61 99 / var(--tw-text-opacity, 1))}