:root{--charcoal: #2F2F2F;--deep: #393E46;--cream: #F6F4F1;--soft: #FBFAF7;--white: #FFFFFF;--line: #DDD6CA;--line2: rgba(47, 47, 47, .1);--gold: #B89B6A;--gold-soft: #EEE5D4;--gold-dim: rgba(184, 155, 106, .18);--success: #687C5B;--success-bg: rgba(104, 124, 91, .12);--amber: #B48A43;--amber-bg: rgba(180, 138, 67, .14);--danger: #9B5E53;--danger-bg: rgba(155, 94, 83, .11);--muted: rgba(47, 47, 47, .6);--ink: #1C1C1C;--shadow: 0 18px 45px rgba(48, 43, 35, .08);--shadow-soft: 0 10px 25px rgba(48, 43, 35, .06);--shadow-xs: 0 4px 12px rgba(48, 43, 35, .05);--radius-xl: 28px;--radius-lg: 20px;--radius-md: 14px;--radius-sm: 10px;--radius-xs: 8px;--serif: Georgia, "Times New Roman", serif;--sans: "Inter", ui-sans-serif, system-ui, -apple-system, sans-serif;--sidebar-width: 268px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--sans);font-size:14px;line-height:1.5;letter-spacing:-.01em;color:var(--charcoal);background:radial-gradient(circle at top left,rgba(184,155,106,.14),transparent 32rem),radial-gradient(circle at bottom right,rgba(139,155,122,.1),transparent 38rem),var(--cream);min-height:100vh}button,input,select,textarea{font-family:var(--sans);font-size:14px}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--line);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#2f2f2f40}.serif{font-family:var(--serif)}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--gold)}.muted{color:var(--muted)}.text-sm{font-size:13px}.text-xs{font-size:12px}.text-strong{font-weight:700}.card{background:#ffffffc7;border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.card-pad{padding:22px}.card-pad-lg{padding:28px}.card-pad-sm{padding:16px}.metric-card{padding:20px;display:flex;flex-direction:column;justify-content:space-between;gap:12px;min-height:120px}.metric-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.metric-card-label{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.1em;font-weight:700}.metric-dot{width:8px;height:8px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 5px #b89b6a26;flex-shrink:0}.metric-value{font-family:var(--serif);font-size:34px;font-weight:400;line-height:1;letter-spacing:-.04em;color:var(--ink)}.metric-sub{font-size:12px;color:var(--muted)}.btn{display:inline-flex;align-items:center;gap:7px;height:40px;padding:0 18px;border-radius:999px;border:1px solid var(--line);background:var(--white);color:var(--charcoal);font-size:13px;font-weight:700;cursor:pointer;white-space:nowrap;transition:transform .15s ease,box-shadow .15s ease,background .15s ease;box-shadow:var(--shadow-xs);letter-spacing:-.01em}.btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-soft)}.btn:active{transform:translateY(0)}.btn-primary{background:var(--charcoal);color:var(--cream);border-color:var(--charcoal)}.btn-primary:hover{background:var(--deep);border-color:var(--deep)}.btn-gold{background:var(--gold);color:var(--white);border-color:var(--gold)}.btn-ghost{background:transparent;border-color:transparent;box-shadow:none}.btn-ghost:hover{background:#2f2f2f0f;box-shadow:none}.btn-sm{height:34px;padding:0 14px;font-size:12px}.btn-xs{height:28px;padding:0 10px;font-size:11px;gap:5px}.btn-icon{width:40px;height:40px;padding:0;border-radius:var(--radius-md);justify-content:center}.badge{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.03em;border:1px solid var(--line);background:var(--soft);color:var(--deep);white-space:nowrap}.badge-gold{background:var(--gold-soft);color:#72582e;border-color:#b89b6a59}.badge-green{background:var(--success-bg);color:var(--success);border-color:#687c5b40}.badge-amber{background:var(--amber-bg);color:#84612a;border-color:#b48a4347}.badge-red{background:var(--danger-bg);color:var(--danger);border-color:#9b5e5338}.badge-dark{background:var(--charcoal);color:var(--cream);border-color:var(--charcoal)}.stage-new{background:#393e461a;color:var(--deep);border-color:#393e4633}.stage-quoted{background:var(--gold-soft);color:#72582e;border-color:#b89b6a59}.stage-followup{background:var(--amber-bg);color:#84612a;border-color:#b48a4347}.stage-confirmed{background:var(--success-bg);color:var(--success);border-color:#687c5b40}.stage-travelled{background:#2f2f2f14;color:var(--muted);border-color:var(--line2)}.stage-lost{background:var(--danger-bg);color:var(--danger);border-color:#9b5e5338}.form-group{display:flex;flex-direction:column;gap:6px}.form-label{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.form-input,.form-select,.form-textarea{width:100%;padding:11px 14px;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--white);color:var(--charcoal);outline:none;transition:border-color .15s ease,box-shadow .15s ease;font-size:14px}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#b89b6a8c;box-shadow:0 0 0 3px #b89b6a1f}.form-input::placeholder{color:var(--muted)}.form-textarea{resize:vertical;min-height:90px;line-height:1.55}.form-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#1e1c1880;display:flex;align-items:center;justify-content:center;padding:20px;z-index:50;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.modal{width:min(680px,100%);max-height:90vh;overflow-y:auto;background:var(--cream);border:1px solid rgba(255,255,255,.5);border-radius:var(--radius-xl);box-shadow:0 40px 100px #00000038;padding:26px}.modal-lg{width:min(860px,100%)}.modal-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding-bottom:18px;border-bottom:1px solid var(--line);margin-bottom:22px}.modal-title{font-family:var(--serif);font-size:28px;font-weight:400;letter-spacing:-.04em;line-height:1.1}.modal-close{width:38px;height:38px;border-radius:50%;border:1px solid var(--line);background:var(--white);color:var(--charcoal);cursor:pointer;display:grid;place-items:center;flex-shrink:0;transition:background .15s ease}.modal-close:hover{background:var(--soft)}.modal-footer{display:flex;justify-content:flex-end;gap:10px;padding-top:20px;border-top:1px solid var(--line);margin-top:22px}.table-wrap{overflow-x:auto}.table{width:100%;border-collapse:separate;border-spacing:0 8px}.table th{text-align:left;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);padding:4px 12px}.table td{padding:13px 12px;background:var(--soft);border-top:1px solid var(--line);border-bottom:1px solid var(--line);vertical-align:middle;font-size:13px}.table td:first-child{border-left:1px solid var(--line);border-radius:var(--radius-md) 0 0 var(--radius-md)}.table td:last-child{border-right:1px solid var(--line);border-radius:0 var(--radius-md) var(--radius-md) 0}.table tbody tr:hover td{background:#ffffffe6}.divider{height:1px;background:var(--line);margin:20px 0}.spinner{width:32px;height:32px;border:2.5px solid var(--line);border-top-color:var(--gold);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-center{display:flex;justify-content:center;align-items:center;min-height:200px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:48px 24px;text-align:center;color:var(--muted)}.empty-state-icon{font-size:36px;opacity:.45}.empty-state h3{font-family:var(--serif);font-size:22px;font-weight:400;color:var(--charcoal)}.empty-state p{font-size:14px;max-width:320px;line-height:1.55}.info-row{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:10px 0;border-bottom:1px solid var(--line2);font-size:13px}.info-row:last-child{border-bottom:none}.info-row-label{color:var(--muted);flex-shrink:0}.info-row-value{font-weight:600;text-align:right}.summary-row{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:11px 0;border-bottom:1px solid var(--line2);font-size:13px;color:var(--muted)}.summary-row:last-child{border-bottom:none}.summary-row strong{color:var(--charcoal);font-weight:700}.summary-row.total{padding-top:14px;margin-top:4px;border-top:1px solid var(--line);border-bottom:none}.summary-row.total strong{font-family:var(--serif);font-size:22px;color:var(--success)}.note-block{border-left:3px solid var(--gold);padding:12px 14px;background:#b89b6a14;border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:var(--muted);line-height:1.55;font-size:13px}.progress-bar{height:8px;background:#2f2f2f14;border-radius:999px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--gold),var(--success));border-radius:999px;transition:width .4s ease}.checklist{display:flex;flex-direction:column;gap:8px}.check-item{display:flex;gap:10px;align-items:flex-start;padding:11px 13px;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--soft)}.check-dot{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:900;flex-shrink:0;margin-top:1px}.check-dot.done{background:var(--success-bg);color:var(--success)}.check-dot.pending{background:var(--amber-bg);color:var(--amber)}.check-dot.missing{background:var(--danger-bg);color:var(--danger)}.check-item-text strong{display:block;font-size:13px;font-weight:700}.check-item-text span{display:block;font-size:12px;color:var(--muted);margin-top:2px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.grid-5{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.gap-sm{gap:10px}.gap-md{gap:16px}.gap-lg{gap:22px}.stack{display:flex;flex-direction:column}.stack-sm{gap:8px}.stack-md{gap:14px}.stack-lg{gap:20px}@media (max-width: 900px){.grid-5{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:1fr 1fr}}@media (max-width: 600px){.grid-5,.grid-4,.grid-3,.grid-2,.form-grid-2,.form-grid-3{grid-template-columns:1fr}.modal{padding:18px;border-radius:22px}}.app{display:grid;grid-template-columns:var(--sidebar-width) minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;overflow-y:auto;display:flex;flex-direction:column;background:linear-gradient(180deg,#2f2f2f,#282828);border-right:1px solid rgba(255,255,255,.07);padding:24px 18px;gap:6px;color:var(--cream);z-index:10}.sidebar-brand{padding:6px 8px 22px;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:14px}.sidebar-brand-kicker{font-size:10px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#f6f4f173;margin-bottom:8px}.sidebar-brand-title{font-family:var(--serif);font-size:26px;font-weight:400;line-height:1.05;letter-spacing:-.03em;color:var(--cream)}.sidebar-brand-sub{font-size:12px;color:#f6f4f180;margin-top:6px}.sidebar-nav{display:flex;flex-direction:column;gap:4px;flex:1}.nav-item{display:flex;align-items:center;gap:11px;padding:11px 12px;border-radius:var(--radius-md);border:none;background:transparent;color:#f6f4f1a3;cursor:pointer;font-size:13.5px;font-weight:500;text-align:left;width:100%;transition:background .15s ease,color .15s ease;letter-spacing:-.01em}.nav-item:hover{background:#ffffff12;color:var(--cream)}.nav-item.active{background:#b89b6a29;color:#f0e6d3;box-shadow:inset 3px 0 0 var(--gold)}.nav-item-icon{width:28px;height:28px;display:grid;place-items:center;border-radius:var(--radius-xs);border:1px solid rgba(246,244,241,.12);font-size:14px;flex-shrink:0;transition:border-color .15s ease,background .15s ease}.nav-item.active .nav-item-icon{border-color:#b89b6a8c;background:#b89b6a24;color:#e3cfab}.sidebar-footer{margin-top:auto;padding-top:18px;border-top:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;gap:10px}.sidebar-stat{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#f6f4f18c}.sidebar-stat strong{color:#f6f4f1e6;font-weight:700}.main{min-width:0;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 28px;border-bottom:1px solid var(--line);background:#fbfaf7cc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:sticky;top:0;z-index:9}.topbar-search{flex:1;max-width:480px;position:relative}.topbar-search input{width:100%;height:42px;padding:0 16px 0 42px;border-radius:999px;border:1px solid var(--line);background:#ffffffbf;outline:none;color:var(--charcoal);box-shadow:var(--shadow-xs);transition:border-color .15s ease,box-shadow .15s ease}.topbar-search input:focus{border-color:#b89b6a80;box-shadow:0 0 0 3px #b89b6a1f}.topbar-search input::placeholder{color:var(--muted)}.topbar-search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--muted);pointer-events:none}.topbar-right{display:flex;align-items:center;gap:14px}.topbar-date{font-size:13px;color:var(--muted);white-space:nowrap}.topbar-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(145deg,var(--gold),#896f43);display:grid;place-items:center;color:#fff;font-weight:700;font-size:13px;border:2px solid rgba(184,155,106,.35);flex-shrink:0}.page{padding:28px;flex:1}.page-header{margin-bottom:24px}.page-header h1{font-family:var(--serif);font-size:38px;font-weight:400;line-height:1.02;letter-spacing:-.04em;color:var(--ink);margin-top:8px;margin-bottom:8px}.page-header p{color:var(--muted);font-size:14px;max-width:640px;line-height:1.6}.page-header-row{display:flex;align-items:flex-end;justify-content:space-between;gap:18px}.mobile-nav{display:none;position:fixed;left:14px;right:14px;bottom:14px;height:62px;background:#2f2f2ff0;border:1px solid rgba(255,255,255,.1);border-radius:999px;grid-template-columns:repeat(5,1fr);z-index:20;box-shadow:0 18px 45px #00000038;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.mobile-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border:none;background:transparent;color:#f6f4f199;cursor:pointer;font-size:10px;font-weight:600;letter-spacing:.02em}.mobile-nav-item.active{color:#e3cfab}.mobile-nav-item svg{width:18px;height:18px}@media (max-width: 1024px){:root{--sidebar-width: 240px}}@media (max-width: 768px){.app{grid-template-columns:1fr;padding-bottom:90px}.sidebar{display:none}.topbar{padding:12px 16px}.topbar-search,.topbar-date{display:none}.page{padding:16px}.page-header h1{font-size:30px}.mobile-nav{display:grid}}