:root{--navy:#17283e;--navy2:#203954;--paper:#f5f7fa;--surface:#fff;--text:#18283a;--muted:#758294;--line:#e7ebf0;--accent:#df7949;--accent-soft:#fff0e8;--teal:#147e74;--teal-soft:#e4f4f1;--warn:#ad6b21;--shadow:0 8px 32px rgba(30,44,64,.06);--radius:17px}
    *{box-sizing:border-box}body{margin:0;background:var(--paper);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--text);font-size:14px;line-height:1.48}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:var(--teal);text-decoration:none}.app{background:var(--navy);display:grid;grid-template-columns:242px minmax(0,1fr);min-height:100vh}.sidebar{background:var(--navy);color:#edf4f9;display:flex;flex-direction:column;padding:27px 15px 18px;position:sticky;top:0;height:100vh;min-height:720px}.brand{display:flex;align-items:center;gap:12px;padding:0 11px 26px;border-bottom:1px solid rgba(255,255,255,.10)}.brand-mark{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(135deg,#eaa06b,#d76e41);box-shadow:0 8px 18px rgba(221,111,64,.28);color:white}.brand .name{font-weight:850;font-size:17px;letter-spacing:.025em;line-height:1.1}.brand .sub{font-size:10px;color:#a9b8c8;margin-top:5px;letter-spacing:.13em;text-transform:uppercase}.nav-group-title{margin:29px 17px 9px;text-transform:uppercase;font-size:10px;letter-spacing:.12em;color:#879db2;font-weight:800}.nav{display:flex;flex-direction:column;gap:4px}.nav-item{width:100%;border:0;background:transparent;color:#c4d0dc;display:flex;align-items:center;gap:12px;border-radius:11px;padding:12px 13px;text-align:left;font-weight:600;font-size:13px;transition:.16s}.nav-item svg{flex-shrink:0}.nav-item:hover{background:rgba(255,255,255,.075);color:#fff}.nav-item.active{background:#31465b;color:#fff;box-shadow:inset 3px 0 var(--accent)}.nav-item .small-count{margin-left:auto;font-size:10px;border-radius:20px;background:rgba(255,255,255,.11);padding:2px 7px}.side-bottom{margin-top:auto}.side-note{margin:0 4px 17px;border-radius:13px;background:rgba(255,255,255,.06);padding:13px;display:flex;gap:9px;align-items:flex-start}.side-note b{font-size:11px}.side-note p{margin:3px 0 0;font-size:11px;color:#a9bbcd}.profile{display:flex;align-items:center;gap:10px;padding:12px 8px 3px;border-top:1px solid rgba(255,255,255,.12)}.avatar{display:grid;place-items:center;width:35px;height:35px;border-radius:12px;font-weight:800;font-size:12px;background:#d8e2eb;color:#32516f}.profile .avatar{background:#314c65;color:#fff}.profile b{font-size:12px}.profile span{display:block;color:#a7bbcf;font-size:10px}.main{min-width:0;background:var(--paper)}.topbar{height:78px;background:#fff;border-bottom:1px solid var(--line);padding:0 40px;display:flex;justify-content:space-between;align-items:center}.crumb{display:flex;align-items:center;gap:12px;color:#98a4b1;font-size:12px}.crumb b{color:#334a60;font-weight:750}.top-actions{display:flex;align-items:center;gap:14px}.demo-tag{display:flex;align-items:center;gap:7px;border:1px solid #e9e2d6;background:#fdfaf5;color:#997040;border-radius:99px;padding:7px 11px;font-size:11px;font-weight:700}.dot{width:7px;height:7px;border-radius:99px;background:#e79c54;display:inline-block}.top-circle{height:35px;width:35px;background:#f4f6f9;border:1px solid #ebeff4;border-radius:50%;display:grid;place-items:center;color:#66768a}.workspace{max-width:1500px;margin:0 auto;padding:34px 40px 60px}.page-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:28px}.eyebrow{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.16em;color:var(--accent);margin:0 0 10px}.page-head h1{margin:0;color:var(--navy);font-size:29px;line-height:1.16;letter-spacing:-.035em;font-weight:780}.page-sub{color:var(--muted);font-size:13px;margin:10px 0 0}.page-action{display:flex;align-items:center;gap:9px;flex-wrap:wrap;justify-content:flex-end}.btn{border:1px solid var(--line);background:#fff;color:#3d5369;border-radius:10px;padding:10px 15px;font-size:12px;font-weight:750;display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;transition:.15s}.btn:hover{border-color:#b9c8d3;transform:translateY(-1px)}.btn.primary{background:var(--accent);border-color:var(--accent);color:white;box-shadow:0 6px 12px rgba(223,121,73,.14)}.btn.primary:hover{background:#c96537}.btn.soft{background:var(--accent-soft);border-color:#f9d5c3;color:#b55e34}.btn.ghost{background:transparent}.btn:disabled{cursor:not-allowed;opacity:.4}.btn.sm{padding:7px 11px;font-size:11px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:16px}.section-heading h2{font-size:15px;letter-spacing:-.01em;margin:0;color:#25374d}.section-heading p{font-size:11px;color:var(--muted);margin:3px 0 0}.section-heading .link{border:0;color:var(--teal);background:none;font-size:11px;font-weight:800;padding:5px 0}.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:24px}.kpi{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:20px 20px 17px;box-shadow:var(--shadow);min-width:0}.kpi-top{display:flex;align-items:center;justify-content:space-between;gap:5px;color:var(--muted);font-size:11px;font-weight:700}.iconbox{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;background:#f0f4f7;border-radius:11px;color:#4e6d89;flex-shrink:0}.iconbox.orange{background:var(--accent-soft);color:var(--accent)}.iconbox.teal{background:var(--teal-soft);color:var(--teal)}.kpi-number{font-size:33px;font-weight:780;letter-spacing:-.065em;color:var(--navy);margin-top:16px;line-height:1}.kpi-foot{font-size:11px;color:#8896a3;margin-top:13px}.kpi-foot strong{color:var(--teal)}.layout-2{display:grid;grid-template-columns:minmax(0,1.17fr) minmax(0,.83fr);gap:20px;margin-bottom:20px}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:21px;box-shadow:var(--shadow);min-width:0}.panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:15px}.panel-title{font-size:15px;font-weight:780;color:#293f53;margin:0}.panel-hint{font-size:11px;color:var(--muted);margin:5px 0 0}.sub-link{font-size:11px;font-weight:750;color:var(--teal);border:0;background:none;cursor:pointer;white-space:nowrap}.task-row,.anniv-row,.feed-row{display:flex;align-items:center;gap:12px;border-top:1px solid #f0f2f5;padding:15px 0}.task-row:first-of-type,.anniv-row:first-of-type,.feed-row:first-of-type{border-top:0}.avatar.alt{background:#e8ecef;color:#587287}.avatar.o{background:#f8e8df;color:#b8744a}.avatar.t{background:#e4f1ed;color:#2a877a}.row-info{min-width:0;flex:1}.row-info b{display:block;font-weight:750;color:#2c3f50;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row-info small{display:block;color:#8895a1;font-size:10px;margin-top:4px}.badge{display:inline-flex;align-items:center;padding:4px 9px;border-radius:999px;background:#f0f4f8;color:#65778d;font-size:10px;font-weight:760;white-space:nowrap}.badge.orange{background:#fff0e7;color:#bb6a3e}.badge.green{background:#e8f4ee;color:#2b825d}.badge.blue{background:#eaf1fa;color:#4c75a5}.badge.yellow{background:#fff5db;color:#957232}.section-empty{color:#8a99a6;font-size:12px;padding:25px 0;text-align:center}.mini-chart{display:flex;gap:16px;align-items:end;height:132px;padding:15px 9px 0;border-bottom:1px solid #e9edf0}.chart-column{flex:1;display:flex;flex-direction:column;justify-content:end;align-items:center;gap:7px;height:100%}.chart-bar{width:min(28px,65%);border-radius:6px 6px 1px 1px;background:#e7eef2;min-height:7px}.chart-bar.accent{background:#db8357}.chart-col-label{font-size:10px;color:#98a5af;padding-bottom:0}.chart-caption{display:flex;justify-content:space-between;align-items:center;color:#8795a1;font-size:10px;margin-top:14px}.legend{display:flex;align-items:center;gap:6px}.legend .dot{background:var(--accent)}.insight{margin-top:17px;padding:13px 15px;background:#f4f8f7;border:1px solid #e0efeb;border-radius:10px;color:#49756b;font-size:12px;display:flex;gap:10px;align-items:center}.table-wrap{overflow-x:auto}.table{border-collapse:collapse;width:100%;white-space:nowrap}.table th{text-align:left;background:#f8fafb;color:#788699;text-transform:uppercase;letter-spacing:.055em;font-size:10px;padding:13px 15px;font-weight:800;border-bottom:1px solid var(--line)}.table td{border-bottom:1px solid #eff2f6;padding:15px;font-size:12px;color:#43546a}.table tr:last-child td{border-bottom:0}.table tbody tr:hover{background:#fbfcfd}.company-cell{display:flex;align-items:center;gap:10px;min-width:215px}.company-cell strong{display:block;color:#273d52;font-size:12px}.company-cell small{display:block;color:#98a3ae;font-size:10px;margin-top:3px}.company-initial{height:34px;width:34px;border-radius:11px;background:#eff3f6;color:#527184;display:grid;place-items:center;font-weight:830;font-size:11px;flex-shrink:0}.company-initial.orange{color:#ae6a48;background:#f9eee7}.text-button{background:none;border:0;padding:3px 0;color:var(--teal);font-size:11px;font-weight:800}.toolbar{display:flex;gap:10px;justify-content:space-between;align-items:center;flex-wrap:wrap;margin-bottom:16px}.input-wrap{display:flex;align-items:center;gap:9px;border:1px solid #e3e8ed;border-radius:10px;background:white;padding:0 13px;height:40px;color:#9aa6b2;min-width:270px;flex:1;max-width:410px}.input-wrap input{border:0;outline:0;min-width:0;width:100%;background:transparent;color:var(--text);font-size:12px}.filter-row{display:flex;flex-wrap:wrap;gap:7px}.filter-chip{border:1px solid #e3e8ee;background:white;border-radius:9px;padding:8px 12px;font-size:11px;color:#68798b;font-weight:720}.filter-chip.sel{border-color:#e9bea6;background:var(--accent-soft);color:#b6643f}.two-metric{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.metric-card{background:#f7f9fa;border-radius:12px;padding:15px}.metric-card strong{font-size:25px;line-height:1.2;color:#233a4e}.metric-card span{display:block;color:#8895a1;margin-top:5px;font-size:11px}.campaign-card{border:1px solid var(--line);border-radius:12px;padding:18px;margin-bottom:12px;display:flex;justify-content:space-between;align-items:center;gap:15px}.campaign-card h3{font-size:14px;margin:0 0 7px}.campaign-card p{font-size:11px;color:var(--muted);margin:0}.campaign-actions{display:flex;align-items:center;gap:13px}.stat-line{display:flex;gap:24px}.stat-line div strong{display:block;font-size:19px;color:#2e495e}.stat-line div small{color:#96a3ad;font-size:10px}.detail-hero{display:flex;justify-content:space-between;gap:17px;align-items:center}.detail-company{display:flex;align-items:center;gap:17px}.detail-company .company-initial{height:56px;width:56px;font-size:17px;border-radius:16px}.detail-company h2{font-size:22px;letter-spacing:-.035em;margin:0}.detail-company p{margin:5px 0;color:var(--muted);font-size:12px}.detail-grid{display:grid;grid-template-columns:1.04fr .96fr;gap:20px;margin-top:20px}.detail-list{display:grid;grid-template-columns:1fr 1fr;gap:15px}.field small{color:#92a0ac;font-size:10px;display:block;margin-bottom:4px}.field strong{font-size:12px;font-weight:700;color:#405568;overflow-wrap:anywhere}.people-row{display:flex;align-items:center;gap:10px;border-top:1px solid #eff1f4;padding:13px 0}.people-row:first-child{border-top:0}.people-row small{display:block;color:#97a3af;font-size:10px}.people-row b{font-size:12px}.people-row .right{margin-left:auto;text-align:right}.integration-card{border:1px solid var(--line);border-radius:13px;padding:20px;display:flex;gap:13px;align-items:flex-start}.integration-card h3{margin:0 0 5px;font-size:14px}.integration-card p{font-size:12px;color:var(--muted);margin:0}.integration-card .badge{margin-left:auto}.integration-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.note{background:#faf8f3;border:1px solid #eee3d0;color:#896d43;border-radius:10px;padding:13px 15px;font-size:12px;margin:19px 0}.rule{border-top:1px solid var(--line);margin:20px 0}.modal-shade{position:fixed;inset:0;background:rgba(17,31,46,.55);display:flex;align-items:center;justify-content:center;padding:20px;z-index:20}.modal{width:min(600px,100%);background:white;border-radius:18px;box-shadow:0 40px 90px rgba(0,0,0,.23);max-height:90vh;overflow:auto}.modal-head{padding:21px 26px;border-bottom:1px solid var(--line);display:flex;align-items:flex-start;justify-content:space-between}.modal-head h2{font-size:18px;margin:0;color:#273b50}.modal-head p{font-size:11px;color:var(--muted);margin:6px 0 0}.modal-body{padding:22px 26px}.modal-foot{display:flex;justify-content:flex-end;gap:9px;padding:16px 26px;border-top:1px solid var(--line)}.close-btn{border:0;background:transparent;font-size:25px;color:#99a6b3;line-height:1}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-field{display:flex;flex-direction:column;gap:6px}.form-field.full{grid-column:1/-1}.form-field label{font-size:11px;font-weight:750;color:#455c70}.form-field input,.form-field select,.form-field textarea{border:1px solid #dfe5eb;border-radius:9px;padding:10px 11px;color:#2a4054;outline:0;width:100%;background:white;font-size:12px}.form-field textarea{resize:vertical;min-height:94px}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:#cf8b64;box-shadow:0 0 0 3px #fff0e7}.toast{position:fixed;bottom:24px;right:25px;background:#21394d;color:#fff;border-radius:11px;box-shadow:0 12px 32px rgba(0,0,0,.2);padding:13px 18px;font-size:12px;opacity:0;transform:translateY(10px);transition:.2s;pointer-events:none;z-index:50}.toast.show{opacity:1;transform:translateY(0)}.muted{color:#91a0ac}.disclaimer{margin-top:24px;color:#97a4b0;font-size:11px;display:flex;gap:7px;align-items:center}.rating{display:flex;gap:7px}.star{border:1px solid #ead7b2;background:#fffaf0;color:#cb9a47;font-size:19px;border-radius:8px;padding:6px 10px}.star.on{background:#f8e9cb;color:#ab7826}.mobile-bar{display:none}.cards-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.card-simple{border:1px solid var(--line);border-radius:14px;background:#fff;padding:21px}.card-simple h3{margin:0 0 6px;font-size:13px}.card-simple p{margin:0 0 17px;color:var(--muted);font-size:12px}.card-simple .number{font-size:24px;font-weight:780;color:var(--navy)}
    @media(max-width:1140px){.workspace{padding:30px 25px 50px}.topbar{padding:0 25px}.kpis{grid-template-columns:repeat(2,1fr)}.layout-2,.detail-grid{grid-template-columns:1fr}.sidebar{width:220px}.app{grid-template-columns:220px 1fr}.integration-grid{grid-template-columns:1fr}}
    @media(max-width:740px){.app{grid-template-columns:1fr}.sidebar{position:fixed;z-index:11;transform:translateX(-100%);transition:transform .2s;min-height:0;width:246px}.sidebar.open{transform:translateX(0)}.mobile-bar{display:flex;border:0;background:transparent;color:#4f6579;font-size:22px;padding:8px}.topbar{height:65px;padding:0 14px}.workspace{padding:23px 16px 50px}.page-head{display:block}.page-action{justify-content:flex-start;margin-top:20px}.page-head h1{font-size:26px}.kpis{gap:10px}.kpi{padding:15px}.kpi-number{font-size:28px}.demo-tag{font-size:9px}.top-actions{gap:7px}.cards-grid{grid-template-columns:1fr}.form-grid,.detail-list{grid-template-columns:1fr}.campaign-card{flex-direction:column;align-items:flex-start}.campaign-actions{width:100%;justify-content:space-between}}

/* =============================================================
   PHOENIX CRM  |  WHITE + GOLD BRAND SYSTEM  |  DESIGN V1.0
   Visual theme only. Existing demo interactions remain intact.
   ============================================================= */
:root {
  --navy:#2D2B25; --navy2:#FFFFFF;
  --paper:#F8F7F4; --surface:#FFFFFF;
  --text:#282722; --muted:#746F66;
  --line:#E8E3DA;
  --accent:#C39847; --accent-soft:#FBF3E4;
  --teal:#866024; --teal-soft:#F8EFD9;
  --warn:#94641F;
  --shadow:0 7px 25px rgba(63,46,22,.045);
  --radius:15px;
  --gold-900:#62441D;
  --gold-800:#77541F;
  --gold-700:#866024;
  --gold-500:#C39847;
  --gold-300:#E4C685;
  --gold-100:#FBF3E4;
}
html {color-scheme:light}
body {background:var(--paper); color:var(--text);font-family:Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial,sans-serif}
.app {background:var(--paper);grid-template-columns:248px minmax(0,1fr)}
.sidebar {
  background:#FFFFFF;color:var(--text);border-right:1px solid var(--line);
  padding:18px 14px 18px; min-height:650px;
}
.brand {display:block;text-align:center;border-bottom:1px solid var(--line);padding:3px 4px 17px;margin-bottom:1px}
.brand-logo {display:block;width:100%;max-width:216px;height:auto;max-height:123px;object-fit:contain;margin:0 auto 3px}
.brand-caption {font-size:9px;font-weight:800;letter-spacing:.15em;color:var(--gold-800);margin-top:1px}
.nav-group-title {color:#918A7D;margin:24px 15px 8px;font-weight:800;letter-spacing:.11em}
.nav-item {color:#625F57;border:1px solid transparent;border-radius:10px;padding:11px 12px;font-weight:650}
.nav-item:hover {background:#FCF8F0;color:#795720;border-color:#F0E4CB}
.nav-item.active {background:var(--gold-100);color:#6D4C1D;box-shadow:inset 3px 0 var(--gold-500);border:1px solid #EFE0C2;font-weight:800}
.nav-item.active svg {color:var(--gold-800)}
.nav-item .small-count {background:#F2EBE0;color:#7D642F}
.side-note {background:#FCF9F3;border:1px solid #EFE5D2;color:#615743}
.side-note b {color:#64512E}
.side-note p {color:#7B7569}
.profile {border-top:1px solid var(--line)}
.profile .avatar {background:#F1E5CE;color:#7B5724}
.profile b {color:#37332B}
.profile span {color:#8E877B}
.main {background:var(--paper)}
.topbar {background:#fff;border-bottom:1px solid var(--line);box-shadow:0 1px 0 rgba(116,86,32,.01)}
.crumb {color:#908C84}
.crumb b {color:#474039}
.demo-tag {background:#FBF6EA;border:1px solid #EEDFC3;color:#805B26}
.dot {background:var(--gold-500)}
.top-circle {background:#FBF8F2;border:1px solid #EFE5D5;color:#8D6F3D}
.eyebrow {color:#966925;letter-spacing:.13em}
.page-head h1 {color:#2D2B25;font-weight:760}
.page-sub {color:#817A70}
.btn {border-color:#E8E2D7;color:#4D473E;box-shadow:none}
.btn:hover {border-color:#C8A96C;background:#FFFCF6}
.btn.primary {background:#866024;border-color:#866024;color:#FFFFFF;box-shadow:0 5px 14px rgba(104,70,21,.13)}
.btn.primary:hover {background:#724E1E;color:#FFFFFF;border-color:#724E1E}
.btn.soft {background:#FBF3E4;border-color:#EDDCB8;color:#76521F}
.btn.soft:hover {background:#F8EBCF}
.kpi,.panel,.card-simple {border:1px solid var(--line);box-shadow:var(--shadow)}
.kpi {position:relative;overflow:hidden}
.kpi:before {content:"";position:absolute;left:0;top:0;height:3px;width:100%;background:linear-gradient(90deg,#B98C3C,#DFB663 52%,#98702F);opacity:.68}
.kpi-number {color:#332F27}
.kpi-top {color:#787065}
.kpi-foot strong {color:#7A5720}
.iconbox {background:#F7F3EB;color:#927444}
.iconbox.orange {background:#FCF2DD;color:#936A29}
.iconbox.teal {background:#F7EFDE;color:#886323}
.panel-title,.section-heading h2 {color:#39342B}
.section-heading .link,.sub-link,.text-button {color:#815D23}
.task-row,.anniv-row,.feed-row {border-color:#F0ECE5}
.row-info b {color:#433C33}
.row-info small {color:#8E8679}
.avatar {background:#F4EFE6;color:#785B2A}
.avatar.alt {background:#EEECE7;color:#6B675C}
.avatar.o {background:#FAEED7;color:#875C24}
.avatar.t {background:#F6ECD9;color:#805D25}
.badge {background:#F4F1EC;color:#6C685F}
.badge.orange,.badge.yellow {background:#F9EDCF;color:#795820}
.badge.blue {background:#F4F0E5;color:#6A604B}
.badge.green {background:#EAF4ED;color:#326D4A}
.mini-chart {border-color:#E8E3DA}
.chart-bar {background:#ECE7DE}
.chart-bar.accent {background:linear-gradient(180deg,#D8AD58,#A87B35)}
.legend .dot {background:#C39847}
.insight {background:#FBF7ED;border-color:#F0E4CD;color:#775E30}
.table th {background:#FAF9F6;color:#857A6A;border-color:#E8E3DA}
.table td {color:#4F4B43;border-color:#EEE9E1}
.table tbody tr:hover {background:#FEFCF7}
.company-cell strong {color:#3E3A32}
.company-cell small {color:#90877A}
.company-initial {background:#F4EFE5;color:#886225}
.company-initial.orange {background:#F6EAD5;color:#7B5620}
.filter-chip {border-color:#E7E0D5;color:#655D53}
.filter-chip.sel {border-color:#DCC392;background:#FBF3E4;color:#78541D}
.metric-card {background:#FAF8F3}
.metric-card strong,.stat-line div strong,.card-simple .number {color:#413A2E}
.detail-company h2,.campaign-card h3 {color:#2D2B25}
.field strong {color:#534C40}
.integration-card {border-color:#E8E3DA}
.note {background:#FBF7EF;color:#735A31;border-color:#EEE0C9}
.form-field label {color:#504A40}
.form-field input,.form-field select,.form-field textarea {border-color:#E4DED3;color:#3E392F}
.form-field input:focus,.form-field select:focus,.form-field textarea:focus {border-color:#C39847;box-shadow:0 0 0 3px rgba(195,152,71,.15)}
.modal-head h2 {color:#3C3326}
.toast {background:#3D3427;color:white}
.rating .star {color:#9A6D28}
.star.on {background:#F9E7BC;color:#7F5A22}
.disclaimer {color:#91887A}
a,.text-button {color:#815D23}
button:focus-visible,a:focus-visible,[tabindex]:focus-visible {outline:3px solid #C99C43;outline-offset:3px}
@media(max-width:1140px) {
  .app{grid-template-columns:220px minmax(0,1fr)}
  .brand-logo{max-width:185px}
}
@media(max-width:740px) {
  .app {grid-template-columns:1fr}
  .sidebar {width:258px;min-height:0}
  .brand-logo {max-width:215px}
}

  
[hidden]{display:none!important}
.auth-gate{min-height:100vh;background:radial-gradient(circle at 100% 0%,#fbf4e7,#f8f7f4 52%);display:grid;place-items:center;padding:28px}
.auth-card{width:min(100%,460px);border:1px solid #e8e3da;border-radius:20px;box-shadow:0 24px 80px rgba(75,57,31,.07);background:#fff;padding:34px 34px 28px}
.auth-logo{display:block;max-width:330px;width:100%;height:auto;margin:0 auto 22px}
.auth-overline{text-align:center;text-transform:uppercase;letter-spacing:.15em;color:#946d2d;font-weight:800;font-size:10px}
.auth-card h1{text-align:center;font-size:25px;letter-spacing:-.03em;color:#282722;margin:20px 0 8px}
.auth-card p{text-align:center;color:#746f66;margin:0 0 21px;font-size:13px}
.auth-card .form-field{margin-bottom:14px}
.auth-card label{font-size:12px;color:#5b5143;font-weight:750;display:block;margin-bottom:5px}
.auth-card input{display:block;width:100%;padding:12px;border:1px solid #ded7c9;border-radius:9px;background:#fff;color:#282722;outline:none}
.auth-card input:focus{border-color:#866024;box-shadow:0 0 0 3px rgba(195,152,71,.13)}
.auth-card .btn{width:100%;margin:4px 0}
.auth-foot{border-top:1px solid #f1eee8;padding-top:14px;margin-top:24px;font-size:11px;text-align:center;color:#8c867a}
.auth-spinner{width:26px;height:26px;border:3px solid #eee7dc;border-top-color:#866024;border-radius:50%;animation:authspin 1s linear infinite;margin:18px auto}
@keyframes authspin{to{transform:rotate(360deg)}}
.auth-note{font-size:12px!important;color:#867a65!important;line-height:1.55}
.auth-error{padding:11px 12px;border:1px solid #f3d2cc;border-radius:9px;background:#fff5f3;color:#913b2f;font-size:12px;margin-bottom:12px;line-height:1.4}
.auth-success{padding:11px;border-radius:9px;background:#eff7f0;color:#326d4a;font-size:12px;margin-bottom:12px}
.auth-link{display:block;text-align:center;background:none;border:0;color:#866024;cursor:pointer;margin:12px auto;font-size:12px;text-decoration:underline}
.sync-tag{font-size:11px;color:#326d4a;border:1px solid #dfebdf;background:#f6fbf7;border-radius:999px;padding:7px 10px;white-space:nowrap}
.sync-tag.is-error{color:#913b2f;background:#fff4f1;border-color:#e9cdc7}
@media(max-width:740px){.auth-card{padding:24px}.topbar{height:auto;min-height:69px}.sync-tag{display:none}.top-actions{gap:5px}.top-actions .btn{padding:6px 8px;font-size:10px}.auth-gate{padding:12px}}
/* Leadership Feedback Tracker, pilot */
.feedback-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:20px 0}
.feedback-metric{background:#fff;border:1px solid #e8e3da;border-radius:13px;padding:18px;box-shadow:0 4px 16px rgba(60,46,26,.035)}
.feedback-metric span{display:block;color:#867e70;font-size:12px}.feedback-metric b{font-size:29px;color:#60451f;display:block;margin-top:9px}
.feedback-board{padding:0;overflow:hidden}.feedback-board-head{display:flex;gap:20px;align-items:center;justify-content:space-between;padding:22px;border-bottom:1px solid #ebe6de}
.feedback-filter{font-size:12px;color:#786e5d;display:flex;gap:9px;align-items:center}.feedback-filter select{border:1px solid #e6ded1;background:white;border-radius:8px;padding:9px;font-size:12px;color:#60451f}
.feedback-message{font-size:12px;color:#786d5a;margin:12px 0}.feedback-message.fail{color:#9b4331}
.feedback-entry{padding:22px;border-bottom:1px solid #eee9e1;background:#fff}.feedback-entry:last-child{border-bottom:none}.feedback-entry-top,.feedback-entry-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.feedback-entry-top small,.feedback-entry-foot small{font-size:11px;color:#958a7a}.feedback-entry-tags{display:flex;gap:7px;flex-wrap:wrap}.feedback-pill{background:#f7f4ed;color:#806d49;border:1px solid #eae0cf;font-size:10px;text-transform:uppercase;letter-spacing:.04em;font-weight:760;padding:5px 8px;border-radius:6px}
.feedback-pill.priority-critical,.feedback-pill.priority-high{background:#fff1ec;border-color:#f2d3c7;color:#a74e37}.feedback-pill.status-done{background:#ebf6ed;border-color:#cde6d2;color:#357c48}.feedback-pill.status-testing{background:#eef3fb;border-color:#d9e2f2;color:#476788}
.feedback-entry h3{margin:12px 0 8px;font-size:17px;color:#302a21}.feedback-entry p{font-size:13px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere;color:#6d6357;margin:0 0 14px}
.feedback-note{background:#faf8f2;border-left:3px solid #c39847;padding:10px 12px;color:#756449;font-size:12px;margin:12px 0;white-space:pre-wrap;overflow-wrap:anywhere}.feedback-empty{text-align:center;color:#978a79;font-size:13px;padding:55px 30px}.feedback-foot{font-size:11px;color:#a29a8e;margin-top:17px}
.feedback-shade{position:fixed;inset:0;background:rgba(30,26,20,.55);z-index:30;display:grid;place-items:center;padding:15px}.feedback-dialog{width:min(640px,100%);max-height:94vh;overflow-y:auto;background:#fff;border-radius:18px;box-shadow:0 30px 90px #0002}
.feedback-dialog-head{display:flex;justify-content:space-between;padding:22px 26px;border-bottom:1px solid #eee8dc}.feedback-dialog-head h2{font-size:21px;color:#413425;margin:4px 0}.feedback-close{border:0;background:none;font-size:25px;color:#756550;cursor:pointer}.feedback-form-body{padding:22px 26px;display:grid;gap:17px}
.feedback-form-body label{display:grid;gap:7px;font-size:12px;color:#564635;font-weight:760}.feedback-form-body input,.feedback-form-body textarea,.feedback-form-body select{width:100%;border:1px solid #ded4c5;border-radius:9px;padding:11px;background:#fff;font:inherit;font-weight:400;color:#302920;resize:vertical}
.feedback-form-body input:focus,.feedback-form-body textarea:focus,.feedback-form-body select:focus{outline:2px solid #ead6a6;outline-offset:1px}.feedback-form-cols{display:grid;grid-template-columns:1fr 1fr;gap:14px}.feedback-dialog-foot{padding:16px 26px;border-top:1px solid #eee8dc;display:flex;justify-content:flex-end;gap:10px}.feedback-form-error{color:#9c392f;font-size:12px;margin:0}
@media(max-width:850px){.feedback-metrics{grid-template-columns:repeat(2,1fr)}}@media(max-width:590px){.feedback-board-head{align-items:start;flex-direction:column}.feedback-form-cols{grid-template-columns:1fr}.feedback-metrics{gap:8px}.feedback-metric{padding:13px}.feedback-dialog-head,.feedback-form-body,.feedback-dialog-foot{padding:18px}}