:root{--ink:#172b4d;--muted:#6f7f97;--line:#e5ebf3;--bg:#f5f7fb;--blue:#2764e7;--navy:#162b4d;--teal:#15a58a;--red:#d44e58;--amber:#c78314;--shadow:0 12px 34px rgba(27,50,89,.06)}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:15px 'DM Sans',Arial,sans-serif}a{color:var(--blue);text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:252px;background:#fff;border-right:1px solid var(--line);padding:25px 17px;display:flex;flex-direction:column;z-index:3}.brand{font:800 21px 'Arial',sans-serif;letter-spacing:-1px;color:var(--navy);display:flex;align-items:center;gap:9px;margin:0 10px 38px}.brand span{color:var(--blue)}.brand-mark{width:32px;height:32px;border-radius:10px;background:linear-gradient(145deg,#4387ff,#2457cf);display:inline-grid;place-items:center;color:#fff;font-size:17px}.nav-label{font-size:10px;text-transform:uppercase;letter-spacing:1.4px;color:#9aa7b9;font-weight:700;padding:0 11px;margin:0 0 10px}.nav-link{display:flex;align-items:center;gap:12px;color:#667690;padding:11px;border-radius:9px;font-size:13px;font-weight:600;margin:2px 0}.nav-link:hover,.nav-link.active{background:#edf3ff;color:#245bd3}.nav-icon{width:19px;text-align:center;font-size:16px}.sidebar-bottom{margin-top:auto;border-top:1px solid var(--line);padding-top:15px}.profile-mini{display:flex;align-items:center;gap:10px;padding:10px}.avatar{width:35px;height:35px;border-radius:50%;background:#e6efff;color:var(--blue);display:grid;place-items:center;font-weight:700;object-fit:cover}.profile-mini strong{display:block;font-size:12px}.profile-mini small{color:var(--muted);font-size:11px}.main{margin-left:252px;padding:28px 38px 50px;max-width:1600px}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:27px}.topbar h1{font:700 24px Arial,sans-serif;margin:0 0 5px;letter-spacing:-.7px}.topbar p{margin:0;color:var(--muted);font-size:13px}.top-actions{display:flex;gap:10px;align-items:center}.mobile-menu{display:none}.content{max-width:1250px}.welcome{border-radius:15px;padding:27px 31px;background:linear-gradient(110deg,#1d3a69,#316ee9);color:white;margin-bottom:22px;display:flex;align-items:center;justify-content:space-between;gap:20px}.welcome h2{font:700 23px Arial,sans-serif;margin:0 0 7px}.welcome p{margin:0;color:#d4e0ff;font-size:13px}.welcome .button{background:white;color:#245bd3;white-space:nowrap}.grid{display:grid;gap:16px}.stats{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:20px}.two-col{grid-template-columns:1.25fr .75fr}.card{background:#fff;border:1px solid var(--line);border-radius:13px;padding:20px;box-shadow:var(--shadow);min-width:0}.stat-card{padding:18px 20px;position:relative;overflow:hidden}.stat-head{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:12px;font-weight:600}.stat-icon{width:34px;height:34px;border-radius:10px;background:#edf3ff;color:var(--blue);display:grid;place-items:center;font-size:16px}.stat-value{font:800 25px Arial,sans-serif;margin:14px 0 1px;color:var(--navy)}.stat-note{font-size:11px;color:#91a0b4}.card-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.card-heading h2,.card h2{font:700 15px Arial,sans-serif;margin:0}.card-heading a{font-size:12px;font-weight:700}.button{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid var(--line);border-radius:8px;padding:10px 14px;background:white;color:var(--ink);font-size:12px;font-weight:700;transition:.15s}.button:hover{transform:translateY(-1px);box-shadow:0 5px 13px #172b4d16}.button.primary{background:var(--blue);border-color:var(--blue);color:#fff}.button.success{background:var(--teal);border-color:var(--teal);color:#fff}.button.danger{color:var(--red);border-color:#f3d6d8}.button.small{padding:7px 10px;font-size:11px}.button.full{width:100%;margin-top:10px}.button[disabled]{opacity:.55;cursor:not-allowed;transform:none}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;white-space:nowrap}th{text-align:left;color:#8b99ad;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.65px;padding:10px 9px;border-bottom:1px solid var(--line)}td{padding:12px 9px;border-bottom:1px solid #edf0f5;font-size:12px;color:#52637d}tbody tr:last-child td{border-bottom:0}td strong{color:var(--ink);font-size:12px}.muted{color:var(--muted)}.badge{display:inline-flex;padding:5px 9px;border-radius:20px;font-size:10px;font-weight:700;background:#edf1f6;color:#718097}.badge.queued,.badge.waiting{background:#fff4dc;color:#a66b0b}.badge.processing,.badge.review{background:#e9f2ff;color:#2e68c5}.badge.completed,.badge.approved,.badge.active{background:#e4f7f0;color:#148363}.badge.failed,.badge.rejected,.badge.disabled{background:#fff0f0;color:#ca4951}.empty{text-align:center;color:#8b99ad;padding:25px 10px;font-size:13px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.form-grid .wide{grid-column:1/-1}label{display:block;font-size:12px;font-weight:700;color:#52637d;margin-bottom:7px}input,select,textarea{width:100%;border:1px solid #dce3ed;border-radius:8px;background:white;color:var(--ink);padding:11px 12px;outline:none;font-size:13px}input:focus,select:focus,textarea:focus{border-color:#7fa4f5;box-shadow:0 0 0 3px #2764e71a}textarea{min-height:95px;resize:vertical}.form-hint{font-weight:400;color:#8d9bb0;font-size:11px}.field{margin-bottom:15px}.alert{border-radius:9px;padding:12px 15px;margin:0 0 16px;font-size:13px}.alert.success{background:#e8f8f1;color:#187a5d}.alert.error{background:#fff0f0;color:#a83d45}.alert.info{background:#edf4ff;color:#285ba8}.inline-form{display:inline-flex;gap:6px;align-items:center}.inline-form select{width:auto;padding:7px 9px;font-size:11px}.searchbar{display:flex;gap:10px;margin-bottom:16px}.searchbar input{max-width:350px}.check-row{display:flex;align-items:center;gap:9px;margin:9px 0;font-size:12px;color:#54647c}.check-row input{width:auto}.check-card{border:1px solid var(--line);border-radius:9px;padding:14px 15px;margin:11px 0}.check-card .wizard-title{font-weight:700;font-size:13px;margin-bottom:8px}.filter-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.section-title{margin:0 0 14px;font:700 17px Arial,sans-serif}.auth-page{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 15% 5%,#e8f0ff,transparent 30%),var(--bg);padding:20px}.auth-card{width:min(440px,100%);background:white;border:1px solid var(--line);border-radius:16px;padding:34px;box-shadow:0 22px 55px #172b4d14}.auth-card .brand{margin:0 0 28px}.auth-card h1{font:800 25px Arial,sans-serif;margin:0 0 7px}.auth-card>p{color:var(--muted);font-size:13px;line-height:1.6;margin:0 0 22px}.auth-card label{margin-bottom:15px}.auth-foot{text-align:center;font-size:12px;color:var(--muted);margin-top:18px}.code-reveal{font:700 16px monospace;letter-spacing:1px;background:#f2f6ff;padding:12px;border-radius:8px;word-break:break-all}.pagination{display:flex;gap:7px;justify-content:flex-end;margin-top:14px}.footer-note{font-size:11px;color:#8b99ad;margin-top:14px;line-height:1.6}
@media(max-width:1050px){.main{padding:24px;margin-left:225px}.sidebar{width:225px}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.two-col{grid-template-columns:1fr}}
@media(max-width:700px){.sidebar{transform:translateX(-100%);transition:transform .2s;width:270px}.sidebar.open{transform:translateX(0);box-shadow:15px 0 50px #172b4d22}.main{margin-left:0;padding:20px 15px 38px}.topbar{align-items:flex-start}.topbar h1{font-size:20px}.mobile-menu{display:inline-flex}.top-actions .button{padding:8px}.welcome{padding:22px;align-items:flex-start;flex-direction:column}.stats{gap:10px}.stat-card{padding:14px}.stat-value{font-size:21px}.card{padding:15px}.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.filter-grid{grid-template-columns:1fr}.searchbar{flex-wrap:wrap}.auth-card{padding:26px 22px}}
.mobile-bottom-nav,.mobile-profile-shortcuts,.mobile-profile-logout{display:none}
@media(max-width:700px){
  .main{padding-bottom:calc(92px + env(safe-area-inset-bottom))}
  .mobile-menu{display:none}
  .mobile-bottom-nav{position:fixed;z-index:10;right:0;bottom:0;left:0;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));align-items:center;gap:2px;padding:6px 5px calc(6px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:#fff;box-shadow:0 -6px 24px rgba(23,43,77,.1)}
  .mobile-bottom-nav-link{position:relative;display:grid;min-width:0;min-height:48px;place-items:center;border-radius:12px;color:#718097;font-size:21px;text-decoration:none;-webkit-tap-highlight-color:transparent}
  .mobile-bottom-nav-link.active{background:#edf3ff;color:#245bd3}
  .mobile-bottom-nav-link:focus-visible{outline:2px solid #7fa4f5;outline-offset:1px}
  .mobile-chat-unread{position:absolute;top:2px;left:calc(50% + 3px);display:inline-flex;min-width:17px;height:17px;align-items:center;justify-content:center;padding:0 4px;border:2px solid #fff;border-radius:10px;background:#e84d58;color:#fff;font-size:8px;font-weight:800;line-height:1}
  .mobile-chat-unread[hidden]{display:none}
  .mobile-profile-shortcuts{display:grid;grid-template-columns:1fr;gap:8px;width:min(100%,260px);margin:0 0 16px auto}
  .mobile-profile-shortcuts .button{justify-content:flex-start;min-width:0;min-height:44px;padding:10px 12px;font-size:12px}
  .mobile-profile-logout{display:block;margin-top:14px}
  .mobile-profile-logout .button{width:100%;min-height:46px}
}
.topbar{position:sticky;top:0;z-index:2;padding:12px 0;background:var(--bg)}
.topbar h1{display:flex;align-items:center;gap:10px}
.topbar-page-icon{display:grid;width:36px;height:36px;flex:0 0 36px;place-items:center;border-radius:10px;background:#edf3ff;color:var(--blue);font-size:17px;letter-spacing:0}
@media(max-width:700px){.topbar-page-icon{width:32px;height:32px;flex-basis:32px;font-size:15px}}