:root{--ink:#102331;--muted:#667887;--line:#d7e3ea;--panel:#fff;--panel-soft:#f5f8fa;--brand:#0f6b8f;--brand-deep:#071c2b;--teal:#10a79c;--accent:#f2a93b;--danger:#b42318;--shadow:0 18px 50px #071c2b1f}*{box-sizing:border-box}html,body{min-height:100%;color:var(--ink);background:#edf4f6;margin:0;font-family:Arial,Helvetica,sans-serif}body{min-height:100vh}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.button{cursor:pointer;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;min-height:42px;padding:0 16px;font-weight:700;transition:transform .16s,box-shadow .16s,border-color .16s;display:inline-flex}.button:hover{transform:translateY(-1px)}.button:disabled{cursor:progress;opacity:.72;transform:none}.button.primary{color:#fff;background:var(--brand);box-shadow:0 10px 24px #0f6b8f38}.button.ghost{color:var(--brand-deep);border-color:var(--line);background:#fff}.button.danger{color:#fff;background:var(--danger)}.button.compact{min-height:36px;padding:0 12px;font-size:.9rem}.logo-lockup{align-items:center;gap:12px;display:inline-flex}.logo-mark{flex:none;width:48px;height:48px}.logo-lockup strong{font-size:1.06rem;line-height:1;display:block}.logo-lockup span{color:var(--muted);margin-top:3px;font-size:.82rem;font-weight:700;display:block}.public-shell{min-height:100vh;padding:28px}.home-hero{grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);align-items:center;gap:36px;max-width:1180px;min-height:calc(100vh - 56px);margin:0 auto;display:grid}.home-copy h1{letter-spacing:0;max-width:720px;margin:34px 0 16px;font-size:clamp(2.25rem,5vw,4.75rem);line-height:.98}.home-copy p{color:#405363;max-width:620px;font-size:1.12rem;line-height:1.7}.home-actions{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.service-visual{min-height:440px;position:relative}.screen-frame{background:linear-gradient(135deg, #0f6b8ff5, #071c2bfa), var(--brand-deep);box-shadow:var(--shadow);border:1px solid #ffffffe6;border-radius:8px;padding:28px;position:absolute;inset:38px 0 0 12px}.screen-top{background:#d7fbf6;border-radius:5px;width:48%;height:20px}.screen-card{background:#ffffff26;border:1px solid #ffffff2e;border-radius:8px;width:72%;height:76px;margin-top:18px}.screen-card.wide{width:100%}.screen-card.short{background:#f2a93b3d;width:52%}.tool-chip{box-shadow:var(--shadow);background:#fff;border-radius:8px;padding:12px 14px;font-weight:800;position:absolute}.chip-a{top:78px;right:10px}.chip-b{color:#087f5b;bottom:36px;left:0}.auth-shell,.lookup-shell{place-items:center;min-height:100vh;padding:24px;display:grid}.auth-panel,.lookup-panel{border:1px solid var(--line);width:min(100%,520px);box-shadow:var(--shadow);background:#fff;border-radius:8px;padding:28px}.auth-panel h1,.lookup-panel h1{margin:28px 0 8px;font-size:2rem}.auth-panel p,.lookup-panel p{color:var(--muted);margin:0 0 20px;line-height:1.6}.form-grid{gap:16px;display:grid}.form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.field{gap:7px;display:grid}.field label{font-size:.9rem;font-weight:800}.field input,.field select,.field textarea{border:1px solid var(--line);width:100%;color:var(--ink);background:#fff;border-radius:8px;padding:12px}.field textarea{resize:vertical;min-height:112px}.alert{color:#8a1f16;background:#fff4f2;border:1px solid #ffd5d0;border-radius:8px;padding:12px 14px;font-weight:700}.success{color:#087f5b;background:#ecfdf5;border:1px solid #b8ecd7;border-radius:8px;padding:12px 14px;font-weight:700}.app-shell{grid-template-columns:260px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{color:#eef9fb;background:var(--brand-deep);min-height:100vh;padding:22px}.sidebar .logo-lockup span{color:#9bcbd5}.nav{gap:8px;margin-top:34px;display:grid}.nav a,.nav button{color:#dff7fb;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;width:100%;padding:12px;font-weight:800}.nav a:hover,.nav button:hover{background:#ffffff17}.content{padding:28px}.topbar{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px;display:flex}.topbar h1{margin:0;font-size:2rem}.topbar p{color:var(--muted);margin:6px 0 0}.stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px;display:grid}.stat-card,.panel,.ticket-card,.detail-card{border:1px solid var(--line);background:var(--panel);border-radius:8px}.stat-card{padding:16px}.stat-card span{color:var(--muted);font-size:.82rem;font-weight:800;display:block}.stat-card strong{margin-top:8px;font-size:1.8rem;display:block}.panel{padding:18px}.filters{grid-template-columns:1fr 220px auto;gap:12px;margin-bottom:16px;display:grid}.ticket-list{gap:10px;display:grid}.ticket-card{grid-template-columns:minmax(0,1fr) auto;gap:16px;padding:16px;display:grid}.ticket-card h2{margin:0 0 8px;font-size:1.05rem}.ticket-meta{color:var(--muted);flex-wrap:wrap;gap:8px;font-size:.9rem;display:flex}.badge{white-space:nowrap;border-radius:999px;align-items:center;min-height:30px;padding:0 10px;font-size:.82rem;font-weight:900;display:inline-flex}.tone-blue{color:#075985;background:#e0f2fe}.tone-violet{color:#6d28d9;background:#ede9fe}.tone-amber{color:#92400e;background:#fef3c7}.tone-teal{color:#0f766e;background:#ccfbf1}.tone-green{color:#166534;background:#dcfce7}.tone-slate{color:#334155;background:#e2e8f0}.tone-red{color:#991b1b;background:#fee2e2}.section-title{margin:0 0 14px;font-size:1.12rem}.detail-grid{grid-template-columns:minmax(0,1fr) 360px;gap:18px;display:grid}.detail-stack{gap:18px;display:grid}.detail-card{padding:18px}.description{color:#314656;white-space:pre-wrap;line-height:1.7}.kv{grid-template-columns:170px minmax(0,1fr);gap:10px;margin:10px 0;display:grid}.kv span{color:var(--muted);font-weight:800}.timeline{gap:12px;display:grid}.timeline-item{border-left:3px solid var(--teal);padding-left:12px}.timeline-item strong{display:block}.timeline-item time{color:var(--muted);font-size:.85rem}.empty{color:var(--muted);text-align:center;padding:26px}.lookup-result{border-top:1px solid var(--line);margin-top:20px;padding-top:20px}.lookup-result h2{margin:10px 0}.mobile-top{display:none}@media (max-width:920px){.home-hero,.app-shell,.detail-grid{grid-template-columns:1fr}.sidebar{min-height:auto}.mobile-top{display:block}.stat-grid,.filters,.form-grid.two{grid-template-columns:1fr}.service-visual{min-height:320px}}@media (max-width:640px){.public-shell,.content{padding:18px}.auth-panel,.lookup-panel{padding:20px}.ticket-card,.topbar{grid-template-columns:1fr;display:grid}.kv{grid-template-columns:1fr;gap:3px}.home-copy h1{font-size:2.35rem}}