:root{--ks-navy-50: #eff5fc;--ks-navy-100: #d6e4f7;--ks-navy-200: #a8c5ec;--ks-navy-300: #6b9bdb;--ks-navy-400: #2e6fc4;--ks-navy-500: #0b4ea2;--ks-navy-600: #003a85;--ks-navy-700: #002c69;--ks-navy-800: #00204e;--ks-navy-900: #001533;--ks-navy-950: #000d1f;--ks-green-50: #f4fcec;--ks-green-100: #e9f8da;--ks-green-200: #d3f1b0;--ks-green-300: #b4e57c;--ks-green-400: #95d645;--ks-green-500: #78be20;--ks-green-600: #5f9a16;--ks-green-700: #4e7d0f;--ks-green-800: #3b5f0b;--ks-green-900: #2a4408;--ks-slate-50: #f8fafc;--ks-slate-100: #f1f5f9;--ks-slate-200: #e2e8f0;--ks-slate-300: #cbd5e1;--ks-slate-400: #94a3b8;--ks-slate-500: #64748b;--ks-slate-600: #475569;--ks-slate-700: #334155;--ks-slate-800: #1e293b;--ks-slate-900: #0f172a;--ks-slate-950: #020617;--ks-bg: var(--ks-slate-50);--ks-surface: #ffffff;--ks-surface-raised: #ffffff;--ks-surface-sunken: var(--ks-slate-100);--ks-surface-hover: var(--ks-slate-50);--ks-surface-active: var(--ks-slate-100);--ks-border: var(--ks-slate-200);--ks-border-strong: var(--ks-slate-300);--ks-border-subtle: var(--ks-slate-100);--ks-text: var(--ks-slate-900);--ks-text-secondary: var(--ks-slate-600);--ks-text-tertiary: var(--ks-slate-500);--ks-text-placeholder: var(--ks-slate-400);--ks-text-inverse: #ffffff;--ks-text-link: var(--ks-navy-600);--ks-primary: var(--ks-navy-800);--ks-primary-hover: var(--ks-navy-700);--ks-primary-active: var(--ks-navy-900);--ks-primary-subtle: var(--ks-navy-50);--ks-primary-subtle-hover: var(--ks-navy-100);--ks-primary-border: var(--ks-navy-200);--ks-primary-text: var(--ks-navy-800);--ks-on-primary: #ffffff;--ks-accent: var(--ks-green-500);--ks-accent-strong: var(--ks-green-600);--ks-accent-subtle: var(--ks-green-50);--ks-on-accent: var(--ks-navy-950);--ks-success: #15803d;--ks-success-subtle: #f0fdf4;--ks-success-border: #bbf7d0;--ks-success-text: #14532d;--ks-warning: #b45309;--ks-warning-subtle: #fffbeb;--ks-warning-border: #fde68a;--ks-warning-text: #78350f;--ks-danger: #b91c1c;--ks-danger-hover: #991b1b;--ks-danger-active: #7f1d1d;--ks-danger-subtle: #fef2f2;--ks-danger-border: #fecaca;--ks-danger-text: #7f1d1d;--ks-info: #0369a1;--ks-info-subtle: #f0f9ff;--ks-info-border: #bae6fd;--ks-info-text: #0c4a6e;--ks-focus-ring: var(--ks-navy-500);--ks-focus-ring-offset: #ffffff;--ks-focus-ring-width: 2px;--ks-focus-ring-offset-width: 2px;--ks-font-sans: "Inter", "Inter var", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--ks-font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--ks-text-2xs: .6875rem;--ks-text-2xs-lh: 1rem;--ks-text-xs: .75rem;--ks-text-xs-lh: 1.125rem;--ks-text-sm: .8125rem;--ks-text-sm-lh: 1.25rem;--ks-text-base: .875rem;--ks-text-base-lh: 1.375rem;--ks-text-md: 1rem;--ks-text-md-lh: 1.5rem;--ks-text-lg: 1.125rem;--ks-text-lg-lh: 1.625rem;--ks-text-xl: 1.375rem;--ks-text-xl-lh: 1.875rem;--ks-text-2xl: 1.75rem;--ks-text-2xl-lh: 2.25rem;--ks-text-3xl: 2.25rem;--ks-text-3xl-lh: 2.625rem;--ks-weight-normal: 400;--ks-weight-medium: 500;--ks-weight-semibold: 600;--ks-weight-bold: 700;--ks-tracking-tight: -.014em;--ks-tracking-normal: 0;--ks-tracking-wide: .04em;--ks-tracking-caps: .06em;--ks-space-0: 0;--ks-space-px: 1px;--ks-space-1: .25rem;--ks-space-2: .5rem;--ks-space-3: .75rem;--ks-space-4: 1rem;--ks-space-5: 1.25rem;--ks-space-6: 1.5rem;--ks-space-8: 2rem;--ks-space-10: 2.5rem;--ks-space-12: 3rem;--ks-space-16: 4rem;--ks-radius-xs: 3px;--ks-radius-sm: 4px;--ks-radius-md: 6px;--ks-radius-lg: 10px;--ks-radius-xl: 14px;--ks-radius-full: 9999px;--ks-shadow-xs: 0 1px 2px 0 rgb(15 23 42 / .04);--ks-shadow-sm: 0 1px 3px 0 rgb(15 23 42 / .06), 0 1px 2px -1px rgb(15 23 42 / .04);--ks-shadow-md: 0 4px 8px -2px rgb(15 23 42 / .08), 0 2px 4px -2px rgb(15 23 42 / .04);--ks-shadow-lg: 0 12px 20px -6px rgb(15 23 42 / .12), 0 4px 8px -4px rgb(15 23 42 / .06);--ks-shadow-xl: 0 24px 40px -12px rgb(15 23 42 / .18), 0 8px 16px -8px rgb(15 23 42 / .08);--ks-duration-instant: 80ms;--ks-duration-fast: .12s;--ks-duration-base: .18s;--ks-duration-slow: .26s;--ks-ease-out: cubic-bezier(.16, 1, .3, 1);--ks-ease-in-out: cubic-bezier(.4, 0, .2, 1);--ks-control-h-sm: 28px;--ks-control-h-md: 34px;--ks-control-h-lg: 42px;--ks-control-px-sm: var(--ks-space-2);--ks-control-px-md: var(--ks-space-3);--ks-control-px-lg: var(--ks-space-4);--ks-z-dropdown: 1000;--ks-z-sticky: 1010;--ks-z-overlay: 1020;--ks-z-modal: 1030;--ks-z-toast: 1040;--ks-header-h: 56px;--ks-container-max: 1440px}*{margin:0;padding:0;box-sizing:border-box}:root{--color-bg: var(--ks-bg);--color-surface: var(--ks-surface);--color-border: var(--ks-border);--color-text: var(--ks-text);--color-text-muted: var(--ks-text-tertiary);--color-primary: var(--ks-primary);--color-primary-dark: var(--ks-primary-hover);--color-nav: var(--ks-primary);--color-danger: var(--ks-danger);--color-danger-bg: var(--ks-danger-subtle);--color-success-bg: var(--ks-success-subtle);--color-success-text: var(--ks-success-text);--color-warn-bg: var(--ks-warning-subtle);--color-warn-text: var(--ks-warning-text);--color-neutral-bg: var(--ks-surface-sunken);--color-neutral-text: var(--ks-text-secondary);--radius: var(--ks-radius-lg);--shadow-sm: var(--ks-shadow-sm)}body{font-family:var(--ks-font-sans);background:var(--color-bg);color:var(--color-text);font-size:14px;line-height:1.5}a{color:inherit}h1{font-size:22px;font-weight:600}h2{font-size:17px;font-weight:600}h3{font-size:14px;font-weight:600;margin-bottom:8px}.page-subtitle{color:var(--color-text-muted);margin-top:4px}button,input,textarea,select{font:inherit}.container{max-width:1100px;margin:0 auto;padding:0 20px}.page{padding:28px 0 60px}.page-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px;flex-wrap:wrap}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:16px}.search-input,.select-input,.text-input,.textarea-input{border:1px solid var(--color-border);border-radius:6px;padding:8px 10px;background:var(--color-surface);color:var(--color-text);width:100%}.search-input{max-width:260px}.select-input{max-width:180px}.textarea-input{resize:vertical;min-height:90px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:9px 16px;border-radius:6px;border:none;font-weight:500;cursor:pointer;text-decoration:none;transition:background-color .15s ease}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover{background:var(--color-primary-dark)}.btn-primary:disabled{background:var(--ks-primary-border);cursor:default}.btn-secondary{background:transparent;color:var(--color-text);border:1px solid var(--color-border)}.btn-secondary:hover{background:var(--color-neutral-bg)}.link{color:var(--color-primary);text-decoration:none}.link:hover{text-decoration:underline}table.data-table{width:100%;border-collapse:collapse;font-size:13.5px}.data-table thead th{text-align:left;padding:12px 16px;color:var(--color-text-muted);font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.02em;border-bottom:1px solid var(--color-border)}.data-table tbody td{padding:12px 16px;border-bottom:1px solid var(--color-border)}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr:hover{background:var(--ks-surface-hover)}.table-scroll{overflow-x:auto}.badge{display:inline-block;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:600;white-space:nowrap;text-transform:capitalize}.badge-success{background:var(--color-success-bg);color:var(--color-success-text)}.badge-warn{background:var(--color-warn-bg);color:var(--color-warn-text)}.badge-danger{background:var(--color-danger-bg);color:var(--color-danger)}.badge-neutral{background:var(--color-neutral-bg);color:var(--color-neutral-text)}.empty-state{text-align:center;padding:60px 20px;color:var(--color-text-muted)}.empty-state .empty-icon{font-size:28px;margin-bottom:10px}.error-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--color-danger-bg);color:var(--color-danger);border:1px solid #f3c2c2;border-radius:var(--radius);padding:12px 16px;margin-bottom:16px;font-size:13.5px}.spinner{width:18px;height:18px;border:2px solid rgba(0,0,0,.12);border-top-color:var(--color-primary);border-radius:50%;animation:spin .7s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.loading-row{display:flex;align-items:center;gap:10px;padding:40px 0;color:var(--color-text-muted);justify-content:center}.field{margin-bottom:16px}.field label{display:block;margin-bottom:5px;font-weight:500;font-size:13px}.field .hint{color:var(--color-text-muted);font-size:12px;margin-top:4px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;margin:16px 0 24px}.detail-grid .label{font-size:12px;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.02em;margin-bottom:3px}.detail-grid .value{font-size:15px;font-weight:600}.nav-bar{background:var(--color-nav);color:#fff}.nav-top{display:flex;justify-content:space-between;align-items:center;padding:16px 0 12px;gap:12px;flex-wrap:wrap}.nav-brand{font-size:17px;font-weight:600}.nav-account{font-size:13px;display:flex;align-items:center;gap:10px}.nav-links{display:flex;gap:4px;padding-bottom:12px}.nav-links a{color:#ffffffbf;text-decoration:none;padding:8px 12px;border-radius:6px;font-size:13.5px;font-weight:500}.nav-links a:hover{color:#fff;background:rgba(255,255,255,.08)}.nav-links a.active{color:#fff;background:rgba(255,255,255,.14)}.btn-ghost-inverse{background:none;border:1px solid rgba(255,255,255,.4);color:#fff;border-radius:6px;padding:5px 12px;cursor:pointer;font-size:12.5px}.btn-ghost-inverse:hover{background:rgba(255,255,255,.1)}.rep-bar{background:var(--ks-primary-subtle);border-bottom:1px solid var(--ks-primary-border);font-size:12.5px;color:var(--color-text)}.rep-bar .container{padding-top:8px;padding-bottom:8px}.action-grid{display:grid;gap:10px}.action-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:16px 18px;display:flex;justify-content:space-between;gap:18px;align-items:center}.action-card.urgent{border-left:4px solid var(--color-danger)}.action-card p{color:var(--color-text-muted);margin-top:3px}.project-list{display:grid;gap:10px}.project-path{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:16px 18px;display:grid;grid-template-columns:minmax(160px,1fr) minmax(250px,2fr) auto;gap:18px;align-items:center}.project-path>div:first-child span{display:block;color:var(--color-text-muted);font-size:12px;margin-top:2px}.project-stages{display:flex;align-items:center;gap:7px;color:var(--color-text-muted);font-size:12px;white-space:nowrap}.project-stages span{border:1px solid var(--color-border);padding:4px 7px;border-radius:99px}.project-stages span.complete{color:var(--color-success-text);background:var(--color-success-bg);border-color:transparent}.project-stages i{height:1px;flex:1;min-width:8px;background:var(--color-border)}.project-links{display:flex;gap:10px;font-size:13px}.project-links a{color:var(--color-primary)}.project-card{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:17px 18px;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);color:inherit;text-decoration:none}.project-card:hover{background:var(--ks-surface-hover);border-color:var(--ks-primary-border)}.project-card p{color:var(--color-text-muted);font-size:13px;margin-top:3px}.project-stages.large{margin:22px 0;max-width:600px}.project-timeline{border-left:2px solid var(--color-border);margin-left:7px;display:grid;gap:14px;padding-left:18px}.timeline-event{position:relative}.timeline-event>span{position:absolute;width:10px;height:10px;left:-24px;top:5px;border-radius:50%;background:var(--color-primary)}.timeline-event p{color:var(--color-text-muted);font-size:13px;margin-top:2px}.feed-list{display:grid;gap:10px}.feed-item{display:flex;justify-content:space-between;gap:16px;color:inherit;text-decoration:none;padding:16px 18px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius)}.feed-item:hover{border-color:var(--ks-primary-border);background:var(--ks-surface-hover)}.feed-item p,.document-card p{color:var(--color-text-muted);font-size:13px;margin-top:3px}.feed-item time{color:var(--color-text-muted);font-size:12px;white-space:nowrap}.document-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px}.document-card{display:flex;align-items:center;padding:16px;gap:12px}.document-card .btn{margin-left:auto}.document-icon{border-radius:6px;padding:7px 6px;font-weight:700;font-size:11px;color:#fff;background:var(--color-danger)}.thread{display:grid;gap:10px;margin-top:16px}.thread-message{max-width:76%;padding:12px 14px;border-radius:var(--radius);background:var(--color-surface);border:1px solid var(--color-border)}.thread-message.customer{margin-left:auto;background:var(--ks-primary-subtle);border-color:var(--ks-primary-border)}.thread-message p{white-space:pre-wrap;margin:5px 0}.thread-message time{color:var(--color-text-muted);font-size:12px}.preference-row{display:flex;justify-content:space-between;align-items:center;padding:13px 0;border-bottom:1px solid var(--color-border)}.preference-row:last-of-type{border-bottom:none}.preference-row input{width:20px;height:20px}@media (max-width: 640px){.form-row{grid-template-columns:1fr}.nav-links{overflow-x:auto}.action-card,.project-path{align-items:flex-start;flex-direction:column}.project-path{display:flex}.project-stages{width:100%}.feed-item{align-items:flex-start}}