:root{--navy:#282550;--navy-dark:#1a1a37;--navy-muted:#312d4e;--gold:#7f7141;--gold-dark:#6c6037;--cream:#f0efea;--gray:#dbd8d7;--paper:#fbfaf7;--ink:#232136;--muted:#77727f;--line:#28255021;--shadow:0 24px 70px #1a1a3724;--radius:8px;--font-brand:Verdana, Geneva, sans-serif;--font-body:Arial, Helvetica, "Segoe UI", sans-serif;--ok:#2f6b46;--ok-bg:#2f6b461f;--warn:#8a5a1b;--warn-bg:#8a5a1b1f;--danger:#96302f;--danger-bg:#96302f1f}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--cream);color:var(--ink);font-family:var(--font-body);margin:0;font-size:14px}a{color:inherit;text-decoration:none}h1,h2,h3{font-family:var(--font-brand);color:var(--navy);margin-top:0}.caption{color:var(--muted);font-size:13px;font-weight:700}.hint{color:var(--muted);margin:6px 0 0;font-size:12px;font-weight:600;line-height:1.5}.cell-note{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:46ch;margin-top:4px;font-size:12px;font-weight:600;display:-webkit-box;overflow:hidden}.cell-note.is-error{color:var(--danger)}label.field-label{color:var(--navy);text-transform:uppercase;margin:18px 0 7px;font-size:12px;font-weight:800;display:block}input,select,textarea{width:100%;color:var(--ink);font:inherit;background:#fff;border:1px solid #2825502e;border-radius:6px;height:46px;padding:0 14px}textarea{resize:vertical;height:auto;min-height:96px;padding:12px 14px}input:focus,select:focus,textarea:focus{outline:2px solid var(--gold);outline-offset:1px;border-color:var(--gold)}button{cursor:pointer;font:inherit;border:0;border-radius:6px;font-weight:800}button:disabled{cursor:not-allowed;opacity:.6}.primary-button{background:var(--gold);color:#fff;width:100%;height:50px;box-shadow:0 14px 26px #7f73403d}.primary-button:hover:not(:disabled){background:var(--gold-dark)}.secondary-button,.gold-button{border:1px solid var(--line);height:42px;color:var(--navy);background:#fff;padding:0 15px}.secondary-button:hover{background:var(--cream)}.gold-button{border-color:var(--gold);background:var(--gold);color:#fff}.gold-button:hover{background:var(--gold-dark)}.link-button{color:var(--gold-dark);background:0 0;padding:0;font-size:13px;text-decoration:underline}.auth-layout{background:var(--paper);grid-template-columns:1.05fr 1fr;min-height:100vh;display:grid}.auth-hero{color:var(--cream);background-color:#0000;background-image:linear-gradient(135deg,#1a1a37db,#1a1a376b 54%,#7f734057),linear-gradient(#1a1a3780,#1a1a3714 52%,#1a1a37bd),url(/brand/gmc-hero-service.png);background-position:50% 38%;background-repeat:repeat,repeat,repeat;background-size:cover;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;flex-direction:column;justify-content:space-between;padding:44px;display:flex;position:relative;overflow:hidden}.auth-hero .logo-image{filter:brightness(0)invert()drop-shadow(0 12px 22px #00000038);width:132px}.church-line{width:82%;max-width:320px;font-family:var(--font-brand);text-transform:uppercase;border-left:4px solid var(--gold);background:#1a1a376b;padding:10px 14px;font-size:21px;font-weight:700;line-height:1.22}.auth-hero-foot{color:#f0efeabf;max-width:380px;font-size:12px;line-height:1.6}.auth-panel{place-items:center;padding:40px;display:grid}.auth-panel-inner{width:min(420px,100%)}.mini-logo{align-items:center;gap:12px;margin-bottom:30px;display:flex}.mini-logo img{width:92px}.mini-logo strong{color:var(--navy);font-family:var(--font-brand)}.auth-panel h2{margin-bottom:8px;font-size:21px}.field-row{color:var(--muted);justify-content:space-between;align-items:center;margin:16px 0 22px;font-size:13px;display:flex}.checkbox{cursor:pointer;align-items:center;gap:8px;display:flex}.checkbox input{width:16px;height:16px;accent-color:var(--gold)}.alert{border-radius:6px;margin:14px 0 0;padding:11px 13px;font-size:13px;font-weight:700;line-height:1.45}.alert.error{background:var(--danger-bg);color:var(--danger)}.alert.ok{background:var(--ok-bg);color:var(--ok)}.alert.info{color:var(--navy);background:#28255014}.demo-hint{color:var(--navy);background:#7f73400f;border:1px dashed #7f734080;border-radius:6px;margin-top:22px;padding:13px 14px;font-size:12px;line-height:1.6}.demo-hint strong{color:var(--gold-dark);text-transform:uppercase;margin-bottom:6px;font-size:11px;display:block}.demo-hint code{background:#28255012;border-radius:3px;padding:1px 5px;font-family:Consolas,monospace}.shell{background:#f8f7f3;grid-template-columns:244px 1fr;min-height:100vh;display:grid}.sidebar{background:var(--navy);color:var(--cream);flex-direction:column;padding:22px 18px;display:flex}.nav-brand{align-items:center;gap:10px;min-width:0;padding:6px 4px 28px;display:flex}.nav-brand img{filter:brightness(0)invert();flex:0 0 56px;width:56px}.nav-title{min-width:0;font-family:var(--font-brand);letter-spacing:.02em;text-transform:uppercase;font-size:12px;font-weight:700;line-height:1.15}.nav{align-content:start;gap:7px;display:grid}.nav-item{color:#f0efeac2;border-radius:6px;align-items:center;gap:11px;min-height:42px;padding:0 12px;font-size:14px;font-weight:700;display:flex}.nav-item:hover{color:#fff;background:#f0efea14}.nav-icon{width:22px;height:22px;color:var(--gray);border:1px solid #f0efea3d;flex:0 0 22px;place-items:center;font-size:11px;display:grid}.nav-item.active{color:#fff;background:#7f734052}.nav-item.active .nav-icon{border-color:var(--gold);background:var(--gold);color:#fff}.sidebar-footer{background:#1a1a3766;border:1px solid #f0efea1f;border-radius:8px;margin-top:auto;padding:14px 12px}.sidebar-footer strong{margin-bottom:6px;font-size:13px;display:block}.sidebar-footer span{color:#f0efeaa3;font-size:12px;line-height:1.45}.main{flex-direction:column;min-width:0;display:flex}.topbar{border-bottom:1px solid var(--line);background:#fbfaf7e6;justify-content:space-between;align-items:center;gap:16px;height:72px;padding:0 28px;display:flex}.search{width:min(460px,46vw);height:40px;font-weight:700}.top-actions{align-items:center;gap:10px;display:flex}.avatar{background:var(--navy);color:#fff;border-radius:50%;place-items:center;width:40px;height:40px;font-size:13px;font-weight:800;display:grid}.who{text-align:right;line-height:1.3}.who strong{color:var(--navy);font-size:13px;display:block}.who span{color:var(--muted);text-transform:uppercase;font-size:11px;font-weight:800}.content{flex:1;padding:28px}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px;display:flex}.eyebrow{color:var(--gold-dark);text-transform:uppercase;margin:0 0 6px;font-size:12px;font-weight:900}.page-head h1{text-transform:uppercase;margin:0;font-size:32px;font-weight:700;line-height:1.05}.page-actions{gap:10px;display:flex}.metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:20px;display:grid}.metric{border:1px solid var(--line);border-radius:var(--radius);text-align:left;background:#fff;width:100%;min-height:126px;padding:18px;display:block}button.metric:hover{border-color:var(--gold);box-shadow:0 10px 24px #1a1a3714}.metric>span{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:800}.metric>strong{color:var(--navy);font-family:var(--font-brand);margin:12px 0 8px;font-size:32px;display:block}.metric>small{color:var(--gold-dark);font-weight:800}.panels{grid-template-columns:1.28fr .72fr;gap:18px;display:grid}.panel{border:1px solid var(--line);border-radius:var(--radius);background:#fff;overflow:hidden}.panel-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:18px 18px 14px;display:flex}.panel-head h3{margin:0;font-size:19px}.table-scroll{overflow-x:auto}.table{border-collapse:collapse;width:100%}.table th,.table td{text-align:left;white-space:nowrap;border-bottom:1px solid #28255014;padding:11px 14px;font-size:13px}.table th{color:var(--muted);text-transform:uppercase;font-size:11px;font-weight:800}.table tbody tr:hover{background:var(--paper)}.table tbody tr.clickable{cursor:pointer}.status{min-height:24px;color:var(--gold-dark);background:#7f734021;border-radius:999px;align-items:center;padding:0 9px;font-size:12px;font-weight:800;display:inline-flex}.status.blue{color:var(--navy);background:#2825501a}.status.ok{background:var(--ok-bg);color:var(--ok)}.status.warn{background:var(--warn-bg);color:var(--warn)}.status.danger{background:var(--danger-bg);color:var(--danger)}.event-list{gap:12px;padding:16px;display:grid}.event{background:var(--paper);border:1px solid #2825501a;border-radius:8px;grid-template-columns:54px 1fr;align-items:center;gap:12px;padding:12px;display:grid}.event strong{color:var(--navy);display:block}.event span{color:var(--muted);font-size:12px}.datebox{background:var(--navy);color:#fff;height:54px;font-family:var(--font-brand);border-radius:6px;place-items:center;font-size:18px;display:grid}.filters{flex-wrap:wrap;gap:10px;margin-bottom:16px;display:flex}.filters input,.filters select{width:auto;min-width:180px;height:40px}.empty{text-align:center;color:var(--muted);padding:44px 20px;font-weight:700}.spinner-wrap{min-height:60vh;color:var(--muted);place-items:center;gap:14px;font-weight:800;display:grid}.spinner{border:3px solid #28255026;border-top-color:var(--gold);border-radius:50%;width:34px;height:34px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.detail-grid{grid-template-columns:1.4fr .85fr;align-items:start;gap:18px;display:grid}.two-col{grid-template-columns:1fr 1fr;gap:14px;display:grid}.panel-body{padding:18px}.timeline{gap:14px;padding:18px;display:grid}.timeline-item{grid-template-columns:12px 1fr;gap:12px;display:grid}.timeline-dot{background:var(--gold);border-radius:50%;width:10px;height:10px;margin-top:5px}.timeline-item p{margin:0 0 3px;font-size:13px;line-height:1.5}.timeline-item time{color:var(--muted);text-transform:uppercase;font-size:11px;font-weight:800}.stack{gap:10px;display:grid}.back-link{color:var(--gold-dark);align-items:center;gap:6px;margin-bottom:12px;font-size:13px;font-weight:800;display:inline-flex}.placeholder-note{border:1px dashed var(--line);border-radius:var(--radius);color:var(--muted);background:#fff;padding:22px;line-height:1.7}.placeholder-note h3{margin-bottom:8px}.placeholder-note ul{margin:10px 0 0;padding-left:20px}.placeholder-note li{margin-bottom:5px}.centered-card{text-align:center;background:var(--cream);place-items:center;min-height:100vh;padding:40px;display:grid}.centered-card .inner{border:1px solid var(--line);border-radius:var(--radius);max-width:460px;box-shadow:var(--shadow);background:#fff;padding:40px}.centered-card img{width:110px;margin-bottom:20px}@media (width<=1180px){.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.panels,.detail-grid{grid-template-columns:1fr}}@media (width<=900px){.auth-layout{grid-template-columns:1fr}.auth-hero{min-height:260px;padding:28px}.shell{grid-template-columns:1fr}.sidebar{flex-flow:wrap;gap:10px;padding:14px}.sidebar-footer{display:none}.nav-brand{padding:0 8px 0 0}.nav{grid-auto-columns:max-content;grid-auto-flow:column;overflow-x:auto}.two-col,.metrics{grid-template-columns:1fr}.content{padding:18px}}