:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#172033;background:#f5f7fb}*{box-sizing:border-box}body{margin:0}a{text-decoration:none;color:inherit}.topbar{height:64px;background:#15233b;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 24px}.brand{font-weight:700}.layout{display:grid;grid-template-columns:230px 1fr;min-height:calc(100vh - 64px)}.sidebar{background:#fff;border-right:1px solid #e5e9f2;padding:18px}.sidebar a{display:block;padding:11px 12px;border-radius:8px;margin-bottom:6px}.sidebar a:hover{background:#eef3fa}.content{padding:24px}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.card,.panel{background:#fff;border:1px solid #e6eaf0;border-radius:12px;padding:18px;box-shadow:0 4px 16px rgba(23,32,51,.04)}.card strong{display:block;font-size:28px;margin-top:10px}.panel{margin-top:18px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.field label{display:block;font-size:13px;font-weight:600;margin-bottom:6px}.field input,.field select{width:100%;padding:10px;border:1px solid #ccd4e0;border-radius:8px;background:#fff}.btn{display:inline-block;border:0;border-radius:8px;padding:10px 16px;background:#1f65d6;color:#fff;font-weight:600;cursor:pointer}.btn.secondary{background:#e9eef7;color:#24334d}.table{width:100%;border-collapse:collapse}.table th,.table td{text-align:left;padding:11px;border-bottom:1px solid #edf0f4;font-size:14px}.badge{display:inline-block;padding:4px 8px;border-radius:999px;background:#edf4ff;color:#2458a6;font-size:12px}.alert{padding:12px 14px;border-radius:8px;margin-bottom:14px;background:#fff4dc;border:1px solid #f2d48c}.login{max-width:430px;margin:8vh auto;background:#fff;padding:28px;border-radius:14px;border:1px solid #e5e9f2}.muted{color:#6b778c;font-size:13px}@media(max-width:900px){.layout{grid-template-columns:1fr}.sidebar{display:none}.cards{grid-template-columns:repeat(2,1fr)}}
.version{font-size:11px;background:#fff2;padding:3px 7px;border-radius:12px;margin-left:6px}.actions{display:flex;gap:8px;flex-wrap:wrap}.btn.secondary{background:#45556c}.btn.danger{background:#a92d2d}.btn.small{padding:6px 10px;font-size:12px}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px}.stat{padding:18px;background:#fff;border:1px solid #e5e8ed;border-radius:12px}.stat strong{display:block;font-size:28px;margin-top:5px}.receipt{max-width:900px;margin:auto;background:#fff;padding:28px;border:1px solid #ddd}.receipt-head{display:flex;justify-content:space-between;gap:25px}.qr{width:150px;height:150px;object-fit:contain}.no-print{display:block}@media print{.topbar,.sidebar,.no-print{display:none!important}.layout{display:block}.content{padding:0}.receipt{border:0}.qr{width:130px;height:130px}}
.inline-form{min-width:280px;display:grid;gap:8px;padding:12px}.inline-form label{display:grid;gap:4px}.small{padding:6px 10px}.secondary{background:#5b6470}.danger{background:#a73030}.success{border-left-color:#258a4a}.badge{display:inline-block;padding:3px 8px;border-radius:999px;background:#e8edf2}.message{padding:10px 0;border-bottom:1px solid #e2e6ea}.actions form{display:flex;gap:8px;flex-wrap:wrap;align-items:center}details summary{cursor:pointer;list-style:none}

.bar-row{display:grid;grid-template-columns:95px 1fr 130px;gap:10px;align-items:center;margin:12px 0}.bar-track{height:12px;background:#edf0f4;border-radius:999px;overflow:hidden}.bar-fill{height:100%;background:#1f65d6;border-radius:999px}.alert-card{padding:12px;border-left:4px solid #7a8798;background:#f7f9fc;margin-bottom:10px;border-radius:6px}.alert-card.warning{border-left-color:#d69a00}.alert-card.critical{border-left-color:#b52b2b}.badge.warning{background:#fff2ce;color:#825d00}.badge.critical{background:#ffe3e3;color:#941f1f}.badge.info{background:#e7f1ff;color:#2458a6}small{color:#6b778c}
.field textarea,textarea{width:100%;min-height:100px;padding:10px;border:1px solid #ccd4e0;border-radius:8px;background:#fff}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:10px;border-bottom:1px solid #edf0f4;font-size:14px}form+form{margin-left:6px}
.mobile-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.mobile-tile{display:flex;min-height:120px;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:18px;background:#fff;border:1px solid #e4e9f1;border-radius:16px;font-weight:700;box-shadow:0 4px 14px rgba(23,32,51,.05)}.mobile-tile span{font-size:30px;margin-bottom:8px}.scanner-wrap{position:relative;max-width:640px;margin:auto;background:#101722;border-radius:16px;overflow:hidden;min-height:280px}.scanner-wrap video{display:block;width:100%;min-height:280px;object-fit:cover}.scanner-guide{position:absolute;inset:18% 10%;border:3px solid #fff;border-radius:14px;box-shadow:0 0 0 9999px rgba(0,0,0,.32)}.mobile-actions{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0}.result-card{padding:16px;border-radius:12px;background:#eef5ff;border:1px solid #c9dcfa}.hidden{display:none!important}.offline-pill{display:inline-block;padding:5px 10px;border-radius:999px;background:#fff2ce;color:#825d00}.mobile-bottom{display:none}@media(max-width:900px){.content{padding:16px 12px 88px}.topbar{padding:0 14px}.mobile-bottom{display:grid;position:fixed;left:0;right:0;bottom:0;z-index:30;grid-template-columns:repeat(4,1fr);background:#fff;border-top:1px solid #dfe5ef}.mobile-bottom a{padding:10px 4px;text-align:center;font-size:12px}.mobile-bottom strong{display:block;font-size:20px}.table{display:block;overflow:auto;white-space:nowrap}}
/* V046 navigation and user menu */
.topbar{position:sticky;top:0;z-index:50;gap:16px}.topbar .brand small{display:block;font-weight:400;opacity:.78}.brand-logo{max-height:34px;max-width:150px;vertical-align:middle;margin-right:10px}.top-actions{display:flex;align-items:center;gap:10px}.top-quick{padding:8px 10px;border-radius:8px;background:rgba(255,255,255,.12);font-size:13px}.top-quick:hover{background:rgba(255,255,255,.2)}.sidebar-toggle{display:none;background:transparent;border:0;color:#fff;font-size:24px;cursor:pointer}.layout{grid-template-columns:286px minmax(0,1fr)}.sidebar{position:sticky;top:64px;height:calc(100vh - 64px);overflow:auto;padding:14px 12px}.sidebar-search{position:sticky;top:-14px;background:#fff;padding:4px 0 12px;z-index:2}.sidebar-search input{width:100%;padding:10px 12px;border:1px solid #dce2eb;border-radius:9px}.nav-group{border-bottom:1px solid #edf0f4;padding:4px 0}.nav-group>summary{display:flex;justify-content:space-between;align-items:center;padding:10px 9px;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:#627087}.nav-group>summary span{font-size:13px;transition:.2s}.nav-group[open]>summary span{transform:rotate(180deg)}.sidebar .nav-link{display:flex;align-items:center;gap:10px;padding:9px 10px;margin:2px 0;border-radius:8px;font-size:14px}.sidebar .nav-link.active{background:#e8f0ff;color:#174f9f;font-weight:700}.nav-icon{width:24px;text-align:center;font-size:12px;font-weight:800}.page-title h1{margin-top:0}.user-menu{position:relative}.user-menu>summary{display:flex;align-items:center;gap:8px;cursor:pointer;list-style:none}.user-avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#1d3557;font-size:12px;font-weight:800}.user-label{font-size:14px}.user-dropdown{position:absolute;right:0;top:46px;width:270px;background:#fff;color:#24334d;border:1px solid #dfe5ee;border-radius:12px;box-shadow:0 18px 45px rgba(15,30,55,.2);padding:8px;z-index:100}.user-dropdown a{display:block;padding:10px;border-radius:8px}.user-dropdown a:hover{background:#f0f4fa}.user-dropdown hr{border:0;border-top:1px solid #e7ebf1}.user-dropdown-head{padding:10px;border-bottom:1px solid #e7ebf1;margin-bottom:5px}.user-dropdown-head small{display:block;margin-top:3px}.impersonation{margin:0;border-radius:0}.settings-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.settings-tabs a{padding:9px 12px;border-radius:8px;background:#e9eef7}.settings-tabs a.active{background:#1f65d6;color:#fff}.integration-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}.integration-card{background:#fff;border:1px solid #e3e8f0;border-radius:12px;padding:17px}.integration-card h3{margin:0 0 6px}.integration-status{display:flex;justify-content:space-between;align-items:center;margin:12px 0}.flow-strip{display:grid;grid-template-columns:repeat(6,minmax(110px,1fr));gap:8px;overflow:auto}.flow-step{background:#fff;border:1px solid #e3e8f0;border-radius:10px;padding:12px;text-align:center;font-size:13px}.flow-step strong{display:block;font-size:20px;margin-bottom:5px}
@media(max-width:1100px){.top-quick{display:none}.layout{grid-template-columns:250px 1fr}}@media(max-width:900px){.sidebar-toggle{display:block}.sidebar{display:block;position:fixed;left:-300px;top:64px;width:286px;z-index:45;transition:left .2s;box-shadow:10px 0 30px rgba(0,0,0,.15)}body.sidebar-open .sidebar{left:0}.layout{display:block}.user-label{display:none}.topbar{padding:0 12px}.content{padding:16px 12px 88px}.flow-strip{grid-template-columns:repeat(6,150px)}}