*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--navy:#08111f;--navy2:#0d1b2e;--navy3:#132035;--blue:#1a5cff;--blue2:#4d80ff;--accent:#00c8ff;--green:#0c8;--red:#f45;--gold:#f5a623;--orange:#ff8c42;--muted:#5a7090;--text:#d8e4f0;--text2:#8fa8c4;--border:hsla(0,0%,100%,.06);--card:hsla(0,0%,100%,.03);--card2:hsla(0,0%,100%,.06);--bg-primary:var(--navy);--bg-secondary:var(--navy2);--bg-tertiary:var(--navy3);--surface:var(--card);--surface2:var(--card2);--input-bg:hsla(0,0%,100%,.05);--input-bg-sel:#0d1b2e;--shadow-sm:0 1px 4px rgba(0,0,0,.4);--shadow-md:0 4px 16px rgba(0,0,0,.5);--shadow-lg:0 8px 32px rgba(0,0,0,.6);--scrollbar:hsla(0,0%,100%,.08)}[data-theme=light]{--navy:#f0f4ff;--navy2:#fff;--navy3:#e8eeff;--blue:#1a5cff;--blue2:#3b6eff;--accent:#09c;--green:#00a86b;--red:#e0001a;--gold:#d4870a;--orange:#d4620a;--muted:#7a8faa;--text:#0d1b2e;--text2:#445b77;--border:rgba(0,0,0,.09);--card:rgba(0,0,0,.02);--card2:rgba(0,0,0,.04);--bg-primary:#f0f4ff;--bg-secondary:#fff;--bg-tertiary:#e8eeff;--surface:rgba(0,0,0,.02);--surface2:rgba(0,0,0,.04);--input-bg:rgba(0,0,0,.03);--input-bg-sel:#fff;--shadow-sm:0 1px 4px rgba(0,0,0,.08);--shadow-md:0 4px 16px rgba(0,0,0,.1);--shadow-lg:0 8px 32px rgba(0,0,0,.12);--scrollbar:rgba(0,0,0,.12)}body,html{height:100%;font-family:DM Sans,sans-serif;background:var(--bg-primary);color:var(--text);font-size:15px;transition:background .2s ease,color .2s ease}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-thumb{background:var(--scrollbar);border-radius:2px}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%,to{box-shadow:0 0 0 3px rgba(0,204,136,.2)}50%{box-shadow:0 0 0 6px rgba(0,204,136,.08)}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes checkDraw{0%{stroke-dashoffset:200}to{stroke-dashoffset:0}}@keyframes circleDraw{0%{stroke-dashoffset:314}to{stroke-dashoffset:0}}@keyframes fieldFill{0%{border-color:var(--border)}50%{border-color:var(--green);box-shadow:0 0 0 3px rgba(0,204,136,.12)}to{border-color:rgba(0,168,107,.4)}}@keyframes expandDown{0%{opacity:0;max-height:0;transform:translateY(-8px)}to{opacity:1;max-height:600px;transform:none}}@keyframes shake{0%,to{transform:none}20%{transform:translateX(-5px)}40%{transform:translateX(5px)}60%{transform:translateX(-3px)}80%{transform:translateX(3px)}}.nav-item{display:flex;align-items:center;gap:10px;padding:10px 20px;cursor:pointer;transition:all .15s;border-left:2px solid transparent;font-size:13px;color:var(--muted);text-decoration:none}.nav-item:hover{background:var(--surface);color:var(--text)}.nav-item.active{background:rgba(26,92,255,.08);color:var(--blue2);border-left-color:var(--blue)}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:99px;font-size:11px;font-weight:600}.badge-submitted{background:rgba(26,92,255,.12);color:var(--blue2)}.badge-under_review{background:rgba(245,166,35,.12);color:var(--gold)}.badge-approved{background:rgba(0,168,107,.12);color:var(--green)}.badge-rejected{background:rgba(224,0,26,.1);color:var(--red)}.badge-flagged{background:rgba(212,98,10,.1);color:var(--orange)}input,select,textarea{background:var(--input-bg);border:1.5px solid var(--border);border-radius:8px;color:var(--text);font-family:inherit;font-size:13px;padding:9px 12px;outline:none;transition:border-color .15s,box-shadow .15s,background .15s;width:100%}input:focus,select:focus,textarea:focus{border-color:rgba(26,92,255,.5);box-shadow:0 0 0 3px rgba(26,92,255,.1)}input::placeholder,textarea::placeholder{color:var(--muted)}select option{background:var(--input-bg-sel);color:var(--text)}table{width:100%;border-collapse:collapse}thead{background:var(--surface)}th{padding:11px 16px;text-align:left;font-size:10px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:var(--muted)}td,th{border-bottom:1px solid var(--border)}td{padding:13px 16px;font-size:13px;vertical-align:middle;color:var(--text)}tr:last-child td{border-bottom:none}tr:hover td{background:var(--surface)}.theme-toggle{display:flex;align-items:center;gap:6px;padding:5px 12px;border-radius:99px;cursor:pointer;background:var(--surface2);border:1px solid var(--border);font-size:12px;font-weight:600;color:var(--text2);transition:all .15s;font-family:inherit}.theme-toggle:hover{border-color:var(--blue2);color:var(--blue2)}