:root{--bg: #f4f6fb;--surface: #ffffff;--ink: #1e2738;--muted: #6b7689;--line: #e7ebf3;--brand: #0b2547;--brand-2: #1b4079;--accent: #f5b301;--green: #16a34a;--red: #e11d48;--blue: #2563eb;--radius: 14px;--shadow: 0 6px 22px rgba(15, 23, 42, .07);--sidebar-w: 248px;--topbar-h: 60px;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--bg);color:var(--ink);line-height:1.5}a{color:inherit;text-decoration:none}button{font-family:inherit}.muted{color:var(--muted);font-size:12.5px}.mt{margin-top:18px}.full-center{display:grid;place-items:center;min-height:60vh}.shell{display:flex;min-height:100vh}.shell__main{flex:1;min-width:0;margin-left:var(--sidebar-w);display:flex;flex-direction:column}.shell__content{padding:22px;flex:1;max-width:1200px;width:100%}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar-w);background:linear-gradient(180deg,#0b2547,#112f5c);color:#cfdaeb;display:flex;flex-direction:column;z-index:40}.sidebar__brand{display:flex;align-items:center;gap:10px;padding:18px;border-bottom:1px solid rgba(255,255,255,.08)}.sidebar__logo{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(150deg,#ffe884,#f5b301);color:#0b2547}.sidebar__brand strong{display:block;color:#fff;font-size:15px}.sidebar__brand small{color:#9fb2cf;font-size:11px}.sidebar__nav{padding:12px;display:flex;flex-direction:column;gap:4px;flex:1}.sidebar__link{display:flex;align-items:center;gap:11px;padding:11px 13px;border-radius:10px;color:#cfdaeb;font-size:14px;font-weight:500;transition:background .15s,color .15s}.sidebar__link:hover{background:#ffffff0f;color:#fff}.sidebar__link.active{background:linear-gradient(135deg,var(--accent),#e0a000);color:#3b2600;font-weight:700}.sidebar__foot{padding:14px 18px;font-size:11px;color:#7e93b5}.sidebar-backdrop{display:none}.topbar{height:var(--topbar-h);background:var(--surface);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:12px;padding:0 18px;position:sticky;top:0;z-index:30}.topbar__menu{display:none;background:none;border:0;cursor:pointer;color:var(--ink)}.topbar__spacer{flex:1}.topbar__user{display:flex;align-items:center;gap:10px}.topbar__avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--brand);color:#fff;font-weight:700}.topbar__meta strong{display:block;font-size:13.5px}.topbar__meta small{color:var(--muted);font-size:11px;text-transform:capitalize}.topbar__logout{background:none;border:1px solid var(--line);border-radius:9px;padding:8px;cursor:pointer;color:var(--muted)}.topbar__logout:hover{color:var(--red);border-color:var(--red)}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:18px;flex-wrap:wrap}.page-head__title{font-size:22px;font-weight:800;color:var(--brand)}.page-head__sub{color:var(--muted);font-size:13.5px;margin-top:2px}.page-head__actions{display:flex;gap:8px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.card__head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;border-bottom:1px solid var(--line)}.card__title{font-size:15.5px;font-weight:700}.card__actions{display:flex;gap:8px;align-items:center}.card__body{padding:18px}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px}.stat{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px;display:flex;align-items:center;gap:14px}.stat__icon{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;color:#fff;flex-shrink:0}.stat--brand .stat__icon{background:var(--brand)}.stat--gold .stat__icon{background:linear-gradient(150deg,#ffd84d,#e0a000);color:#3b2600}.stat--green .stat__icon{background:var(--green)}.stat--red .stat__icon{background:var(--red)}.stat__value{font-size:24px;font-weight:800;color:var(--brand)}.stat__label{font-size:12.5px;color:var(--muted)}.quick-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.quick-action{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid var(--line);border-radius:12px;transition:.15s}.quick-action:hover{border-color:var(--accent);background:#fffdf3;transform:translateY(-2px)}.quick-action strong{display:block;font-size:14px}.quick-action small{color:var(--muted)}.dash-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:16px;align-items:stretch}.card-link{display:inline-flex;align-items:center;gap:4px;font-size:13px;font-weight:700;color:var(--brand-2)}.card-link:hover{text-decoration:underline}.dash-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.dash-tile{background:linear-gradient(160deg,#122e58,#0b2547);border:1px solid rgba(245,179,1,.25);border-radius:14px;padding:14px 8px;text-align:center;color:#fff}.dash-tile__name{font-size:11px;color:#b9c8e0;text-transform:uppercase;letter-spacing:.3px}.dash-tile__num{font-size:26px;font-weight:800;margin:4px 0 2px;line-height:1.1;background:linear-gradient(180deg,#ffe14d,#f5b301);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.dash-tile.pending .dash-tile__num{font-size:15px;background:none;-webkit-text-fill-color:initial;color:#7f93b5}.dash-tile__time{font-size:10.5px;color:#8aa0c2}.progress-wrap{margin-top:16px}.progress-head{display:flex;justify-content:space-between;font-size:12.5px;color:var(--muted);margin-bottom:6px}.progress-head strong{color:var(--ink)}.progress{height:9px;background:#eef1f7;border-radius:999px;overflow:hidden}.progress span{display:block;height:100%;background:linear-gradient(90deg,#16a34a,#22c55e);border-radius:999px;transition:width .5s var(--ease)}.quick-list{display:flex;flex-direction:column;gap:4px}.quick-row{display:flex;align-items:center;gap:12px;padding:11px 10px;border-radius:10px;transition:background .15s}.quick-row:hover{background:#f4f8ff}.quick-row__icon{width:36px;height:36px;border-radius:9px;display:grid;place-items:center;background:var(--brand);color:#fff;flex-shrink:0}.quick-row__text{flex:1}.quick-row__text strong{display:block;font-size:13.5px}.quick-row__text small{color:var(--muted);font-size:12px}.quick-row__arrow{color:var(--muted)}.quick-row:hover .quick-row__arrow{color:var(--brand-2)}@media (max-width: 900px){.dash-grid{grid-template-columns:1fr}}@media (max-width: 600px){.dash-tiles{grid-template-columns:repeat(2,1fr)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:10px;font-weight:700;cursor:pointer;transition:.15s;white-space:nowrap}.btn--md{padding:9px 16px;font-size:14px}.btn--sm{padding:6px 11px;font-size:12.5px}.btn--primary{background:var(--brand);color:#fff}.btn--primary:hover:not(:disabled){background:var(--brand-2)}.btn--secondary{background:#eef1f7;color:var(--ink);border-color:var(--line)}.btn--secondary:hover:not(:disabled){background:#e4e9f2}.btn--danger{background:var(--red);color:#fff}.btn--ghost{background:transparent;color:var(--brand)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn__spinner{width:15px;height:15px;border:2px solid rgba(255,255,255,.5);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}.field{display:flex;flex-direction:column;gap:5px}.field__label{font-size:12.5px;font-weight:600;color:var(--ink)}.field__hint{font-size:11.5px;color:var(--muted)}.field__error{font-size:11.5px;color:var(--red)}.input{width:100%;padding:9px 11px;border:1px solid var(--line);border-radius:9px;font-size:14px;background:#fff;color:var(--ink);outline:none;transition:border .15s,box-shadow .15s}.input:focus{border-color:var(--brand-2);box-shadow:0 0 0 3px #1b40791f}.textarea{resize:vertical;font-family:inherit;line-height:1.6}.select{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.checkbox{display:flex;align-items:center;gap:8px;font-size:13.5px;cursor:pointer}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-grid .field:has(.textarea),.form-grid--wide{grid-template-columns:1fr}.form-grid>.field:has(textarea),.form-grid>.checkbox{grid-column:1 / -1}.form-grid>.field:has(.assign-grid){grid-column:1 / -1}.assign-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px 14px;max-height:210px;overflow-y:auto;padding:10px 12px;border:1px solid var(--line);border-radius:8px}.table-wrap{overflow-x:auto}.table{width:100%;border-collapse:collapse;font-size:13.5px}.table th{text-align:left;padding:11px 12px;color:var(--muted);font-size:11.5px;text-transform:uppercase;letter-spacing:.4px;border-bottom:1px solid var(--line);white-space:nowrap}.table td{padding:11px 12px;border-bottom:1px solid var(--line);vertical-align:middle}.table tr:last-child td{border-bottom:0}.table tr:hover td{background:#fafbfe}.table__state{text-align:center;color:var(--muted);padding:26px}.row-actions{display:flex;gap:6px;justify-content:flex-end}.icon-btn{border:1px solid var(--line);background:#fff;border-radius:8px;padding:6px;cursor:pointer;color:var(--muted);display:grid;place-items:center}.icon-btn:hover{color:var(--brand);border-color:var(--brand-2)}.icon-btn--danger:hover{color:var(--red);border-color:var(--red)}.badge{display:inline-block;padding:3px 9px;border-radius:999px;font-size:11px;font-weight:700}.badge--neutral{background:#eef1f7;color:var(--muted)}.badge--green{background:#dcfce7;color:#15803d}.badge--red{background:#ffe4e6;color:#be123c}.badge--gold{background:#fef3c7;color:#a16207}.badge--blue{background:#dbeafe;color:#1d4ed8}.modal__overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0b172e80;display:grid;place-items:center;padding:16px;z-index:60}.modal{background:#fff;border-radius:16px;width:100%;max-width:560px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d}.modal__head{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--line)}.modal__head h3{font-size:16px;font-weight:700}.modal__close{background:none;border:0;cursor:pointer;color:var(--muted)}.modal__body{padding:20px;overflow-y:auto}.modal__foot{display:flex;justify-content:flex-end;gap:8px;padding:14px 20px;border-top:1px solid var(--line)}.result-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.result-cell{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid var(--line);border-radius:12px;padding:10px 12px}.result-cell__info strong{display:block;font-size:13.5px}.result-cell__info small{color:var(--muted);font-size:11px}.result-cell__input{width:66px;text-align:center;font-size:20px;font-weight:800;color:var(--brand);border:2px solid var(--line);border-radius:10px;padding:6px;outline:none}.result-cell__input:focus{border-color:var(--accent)}.auth{min-height:100vh;display:grid;place-items:center;padding:18px;background:radial-gradient(900px 500px at 50% -200px,#1b4079,transparent 70%),var(--bg)}.auth__card{width:100%;max-width:380px;background:#fff;border-radius:18px;box-shadow:0 18px 50px #0b172e2e;padding:28px;display:flex;flex-direction:column;gap:14px}.auth__brand{text-align:center;margin-bottom:6px}.auth__logo{width:54px;height:54px;border-radius:14px;display:inline-grid;place-items:center;background:linear-gradient(150deg,#ffe884,#f5b301);color:#0b2547;margin-bottom:8px}.auth__brand h1{font-size:20px;color:var(--brand)}.auth__brand p{color:var(--muted);font-size:12.5px}.auth__submit{width:100%;margin-top:4px}.alert{padding:10px 12px;border-radius:9px;font-size:13px}.alert--error{background:#ffe4e6;color:#be123c}.toast-stack{position:fixed;bottom:22px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:8px;z-index:100}.toast{padding:11px 18px;border-radius:10px;color:#fff;font-size:13.5px;font-weight:600;box-shadow:0 10px 30px #00000040;animation:toastIn .25s ease}.toast--success{background:#16a34a}.toast--error{background:#e11d48}.toast--info{background:#1b4079}.spinner{display:inline-block;border:2px solid var(--line);border-top-color:var(--brand-2);border-radius:50%;animation:spin .7s linear infinite;vertical-align:middle}@keyframes spin{to{transform:rotate(360deg)}}@keyframes toastIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.wa-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:16px;align-items:start}.wa-prev{background:#e7fffe;border-radius:14px;overflow:hidden;border:1px solid var(--line)}.wa-prev__head{background:#075e54;padding:12px;display:flex;align-items:center;gap:10px}.wa-prev__avatar{width:34px;height:34px;border-radius:50%;background:#128c7e}.wa-prev__name{color:#ffe600;font-weight:700;font-size:14px}.wa-prev__status{color:#d1f2e0;font-size:11px;display:flex;align-items:center;gap:5px}.wa-prev__dot{width:9px;height:9px;border-radius:50%;background:#4ad504;display:inline-block}.wa-prev__body{padding:14px;text-align:center;font-size:13px;font-weight:600;color:#111;line-height:1.7}.wa-prev__phone{color:#e11d48;font-weight:800;font-size:16px;margin-top:6px}.wa-prev__btn{background:#ff0;color:#000;font-weight:700;padding:10px;border-radius:8px;margin-top:10px}@media (max-width: 760px){.wa-grid{grid-template-columns:1fr}}@media (max-width: 900px){.shell__main{margin-left:0}.sidebar{transform:translate(-100%);transition:transform .25s ease}.sidebar.open{transform:none}.sidebar-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:35;opacity:0;pointer-events:none;transition:opacity .2s}.sidebar-backdrop.show{opacity:1;pointer-events:auto}.topbar__menu{display:inline-flex}.form-grid{grid-template-columns:1fr}.shell__content{padding:16px}}.dash-hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#0b2547,#163a6e 55%,#1b4079);border-radius:var(--radius);color:#fff;padding:22px 24px;margin-bottom:18px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;box-shadow:var(--shadow)}.dash-hero:after{content:"";position:absolute;right:-50px;top:-70px;width:230px;height:230px;background:radial-gradient(circle,rgba(245,179,1,.3),transparent 70%);pointer-events:none}.dash-hero>*{position:relative;z-index:1}.dash-hero__greet{font-size:22px;font-weight:800}.dash-hero__sub{margin-top:7px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.dash-hero__role{background:linear-gradient(135deg,var(--accent),#e0a000);color:#3b2600;font-weight:700;font-size:11.5px;padding:3px 11px;border-radius:999px}.dash-hero__live{display:inline-flex;align-items:center;gap:7px;font-size:12px;color:#cfe8d6}.dash-hero__dot{width:8px;height:8px;border-radius:50%;background:#4ade80;box-shadow:0 0 0 4px #4ade802e;display:inline-block;animation:dashPulse 1.8s ease-in-out infinite}.dash-hero__clock{font-variant-numeric:tabular-nums;font-weight:800;font-size:26px;text-align:right;line-height:1.1}.dash-hero__date{color:#b9c8e0;font-size:12px;text-align:right;margin-top:3px}@keyframes dashPulse{0%,to{opacity:1}50%{opacity:.35}}.stat-link{display:block}.stat-link .stat{transition:transform .15s,box-shadow .15s,border-color .15s;height:100%}.stat-link:hover .stat{transform:translateY(-2px);border-color:var(--accent);box-shadow:0 12px 28px #0f172a1f}.stat__hint{font-size:11.5px;color:var(--muted);margin-top:3px}.dash-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}.dash-results{display:flex;flex-direction:column}.dash-results .card__body{flex:1;display:flex;flex-direction:column;min-height:0}.dash-sep{height:1px;background:var(--line);margin:16px 0 8px}.dash-list--fill{flex:1 1 0;min-height:180px;max-height:none;overflow-y:auto}.dash-list{display:flex;flex-direction:column;gap:2px;max-height:340px;overflow-y:auto}.dash-list__row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 10px;border-radius:9px;transition:background .15s}.dash-list__row:hover{background:#f4f8ff}.dash-list__info strong{display:block;font-size:13.5px}.dash-list__info small{color:var(--muted);font-size:11px}.dash-list__num{font-weight:800;font-size:17px;color:var(--brand);min-width:42px;text-align:center;background:#fff7da;border:1px solid #f3e3a6;border-radius:8px;padding:2px 6px}.dash-list__pending{font-size:11px;font-weight:700;color:#a16207;background:#fef3c7;border-radius:999px;padding:4px 11px}.dash-empty{text-align:center;color:var(--muted);padding:22px 0;font-size:13px}@media (max-width: 900px){.dash-grid-2{grid-template-columns:1fr}.dash-hero{padding:18px}.dash-hero__clock{font-size:22px}}