:root{--ink:#09090b;--muted:#667085;--line:#eaecf0;--soft:#f6f7f9;--panel:#fff;--orange:#f97316;--orange-dark:#c2410c;--orange-soft:#fff7ed;--blue:#2563eb;--shadow:0 18px 60px rgba(15,23,42,.08)}*{box-sizing:border-box}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;margin:0;background:linear-gradient(135deg,#f7f7f8 0%,#fff 46%,#f1f3f6 100%);color:var(--ink);font-size:14px;line-height:1.45}.app{display:flex;min-height:100vh}.sidebar{width:260px;background:#050506;color:#fff;padding:22px 18px;display:flex;flex-direction:column;gap:8px;border-right:1px solid rgba(255,255,255,.08)}.brand{display:flex;align-items:center;gap:12px;padding:8px 8px 22px}.brand-logo{width:46px;height:46px;object-fit:contain;border-radius:12px;background:#fff;padding:5px;border:2px solid rgba(249,115,22,.55)}.brand-text{display:flex;flex-direction:column;font-weight:800;letter-spacing:-.03em}.brand-text small{color:var(--orange);font-weight:600;letter-spacing:.08em;text-transform:uppercase;font-size:10px}.sidebar h2{font-size:18px;margin:0}.sidebar a{color:#d4d4d8;text-decoration:none;padding:11px 12px;border-radius:8px;font-weight:650}.sidebar a:hover{background:rgba(249,115,22,.16);color:#fff}.sidebar form{margin-top:auto}.sidebar button,.login-card button,.inline-form button,.grid-form button,.compact-form button,.filter-form button{padding:10px 14px;border:0;background:linear-gradient(135deg,var(--orange),var(--orange-dark));color:white;border-radius:8px;cursor:pointer;font-weight:750;box-shadow:0 10px 24px rgba(249,115,22,.26)}.sidebar button{width:100%;background:#fff;color:#111}.content{flex:1;padding:32px;max-width:1440px}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:22px}.page-kicker{color:var(--orange);font-weight:800;text-transform:uppercase;letter-spacing:.12em;font-size:11px}.content h1,.login-card h1{font-size:28px;line-height:1.1;margin:0 0 8px;letter-spacing:0}.content p,.login-card p{color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(4,minmax(160px,1fr));gap:16px;margin-bottom:20px}.card,.panel{background:rgba(255,255,255,.92);border:1px solid var(--line);border-radius:8px;padding:20px;box-shadow:var(--shadow)}.tight-panel{margin-bottom:18px;padding:16px}.card span{display:block;color:var(--muted);font-weight:700}.card strong{font-size:32px;letter-spacing:0}table{width:100%;border-collapse:separate;border-spacing:0;background:white;border:1px solid var(--line);border-radius:8px;overflow:hidden;box-shadow:var(--shadow)}th,td{padding:11px 12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}th{background:var(--orange-soft);color:#344054;font-size:12px;text-transform:uppercase;letter-spacing:.04em}tr:last-child td{border-bottom:0}.login-page{display:grid;place-items:center;min-height:100vh;padding:24px;background:transparent}.login-card{background:rgba(255,255,255,.96);padding:30px;border-radius:12px;box-shadow:0 30px 90px rgba(0,0,0,.22);display:flex;flex-direction:column;gap:12px;width:min(420px,100%);border:1px solid rgba(255,255,255,.65)}.auth-logo{width:86px;height:86px;object-fit:contain;align-self:center;border-radius:20px;background:#fff;padding:8px;box-shadow:0 12px 30px rgba(0,0,0,.12);border:2px solid rgba(249,115,22,.45)}label{font-weight:700;color:#344054}.login-card input,.inline-form input,.inline-form select,.grid-form input,.grid-form select,.compact-form input,.compact-form select,.filter-form input,.filter-form select{padding:9px 10px;border:1px solid #d0d5dd;border-radius:8px;background:#fff;outline:none;font:inherit}.login-card input:focus,.inline-form input:focus,.grid-form input:focus,.compact-form input:focus,.filter-form input:focus,.compact-form select:focus,.filter-form select:focus{border-color:var(--orange);box-shadow:0 0 0 4px rgba(249,115,22,.14)}.alert{background:#fff1f2;color:#9f1239;border:1px solid #fecdd3;padding:11px 12px;border-radius:8px;margin-bottom:14px}.notice{background:#ecfdf3;color:#027a48;border:1px solid #abefc6;padding:11px 12px;border-radius:8px;margin-bottom:14px}.inline-form{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.grid-form{display:grid;grid-template-columns:repeat(2,minmax(180px,1fr));gap:14px}.grid-form label,.compact-form label,.filter-form label{display:flex;flex-direction:column;gap:5px}.compact-form{display:grid;grid-template-columns:120px minmax(180px,1fr) minmax(160px,1fr) repeat(2,minmax(220px,1.2fr));gap:12px;align-items:end}.compact-form .span-2{grid-column:span 2}.checkline{flex-direction:row!important;align-items:center;gap:8px}.checkline input{width:auto}.filter-form{display:grid;grid-template-columns:minmax(220px,1fr) 150px 150px auto auto;gap:12px;align-items:end}.detail-grid{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(360px,1.2fr);gap:16px;margin-bottom:18px}.data-list{display:grid;grid-template-columns:150px minmax(0,1fr);gap:8px 14px;margin:0}.data-list dt{color:var(--muted);font-weight:750}.data-list dd{margin:0}.breakable{overflow-wrap:anywhere}.action-row{margin-top:14px}.table-action{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border:1px solid rgba(249,115,22,.28);background:#fff;color:var(--orange-dark);border-radius:8px;padding:8px 10px;font-weight:750}pre{background:#050506;color:#e5e7eb;padding:14px;border-radius:8px;overflow:auto;border:1px solid #27272a;max-height:240px}.badge{display:inline-flex;align-items:center;border-radius:999px;background:var(--orange-soft);border:1px solid rgba(249,115,22,.35);padding:6px 10px;color:var(--orange-dark);font-weight:750;font-size:12px}.table-wrap{overflow:auto}@media(max-width:1100px){.compact-form{grid-template-columns:repeat(2,minmax(180px,1fr))}.filter-form{grid-template-columns:repeat(2,minmax(150px,1fr))}.detail-grid{grid-template-columns:1fr}}@media(max-width:900px){.app{flex-direction:column}.sidebar{width:auto}.cards{grid-template-columns:repeat(2,1fr)}.content{padding:22px}.grid-form,.compact-form,.filter-form{grid-template-columns:1fr}.compact-form .span-2{grid-column:auto}}@media(max-width:560px){.cards{grid-template-columns:1fr}.page-head{display:block}.content h1,.login-card h1{font-size:24px}.data-list{grid-template-columns:1fr}}
