:root{--brand-navy:#0b1f3a;--brand-sky:#1688ad;--brand-sky-bright:#32afd6;--brand-red:#a13923;--text-primary:#0b1f3a;--text-secondary:#526174;--surface-page:#f4f9fc;--surface-card:#fff;--border-default:#cddce5;--focus-ring:#1688ad;--radius-sm:.5rem;--radius-md:.75rem;--radius-lg:1rem;--shadow-card:0 12px 32px #0b1f3a14;--content-width:80rem;color:var(--text-primary);background:var(--surface-page);font-synthesis:none;font-family:Helvetica Neue,Arial,Helvetica,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 0 0,#32afd629,#0000 32rem),linear-gradient(#f9fdff 0%,#eef8fb 48%,#fff 100%);min-width:320px;margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}:where(a,button,input,select,textarea):focus-visible{outline:3px solid var(--focus-ring);outline-offset:3px}button:disabled,input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;opacity:.62}.skip-link{z-index:1000;border-radius:var(--radius-sm);color:var(--brand-navy);box-shadow:var(--shadow-card);background:#fff;padding:.75rem 1rem;font-weight:800;position:fixed;top:.75rem;left:1rem;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}h1{color:var(--brand-navy);letter-spacing:-.035em;margin:0;font-size:clamp(2rem,4vw,3.25rem);font-weight:800;line-height:1.04}h2{color:var(--brand-navy);font-size:1rem}.eyebrow{color:var(--brand-red);text-transform:uppercase;letter-spacing:.15em;margin:0 0 .45rem;font-size:.72rem;font-weight:800}.muted{color:var(--text-secondary)}.error,.alert{border-radius:var(--radius-md);color:#991b1b;background:#fef2f2;border:1px solid #fecaca;align-items:flex-start;gap:.75rem;padding:.875rem 1rem;font-size:.875rem;font-weight:650;display:flex}button,.button{border-radius:var(--radius-sm);min-height:2.75rem;color:var(--brand-navy);cursor:pointer;background:#fff;border:1px solid #0b1f3a2e;justify-content:center;align-items:center;gap:.5rem;padding:.65rem 1rem;font-weight:750;text-decoration:none;transition:transform .16s,box-shadow .16s,border-color .16s,background .16s;display:inline-flex}button:hover,.button:hover{transform:translateY(-1px)}.primary,.btn-primary{border-color:var(--brand-red);background:var(--brand-red);color:#fff;box-shadow:0 12px 24px #a1392338}.btn-primary:hover{background:#8d301e;box-shadow:0 14px 28px #a1392347}.btn-secondary{color:var(--brand-navy);background:#fff}.danger{color:#991b1b}form{gap:1rem;margin-top:2rem;display:grid}label{color:#354a5c;gap:.45rem;font-size:.875rem;font-weight:700;display:grid}input,textarea,select,.field{border:1px solid var(--border-default);border-radius:var(--radius-sm);width:100%;color:var(--brand-navy);background:#fff;outline:none;padding:.75rem .85rem;transition:border-color .16s,box-shadow .16s}input:focus,textarea:focus,select:focus,.field:focus{border-color:var(--brand-sky-bright);box-shadow:0 0 0 3px #32afd62e}.auth-page{place-items:center;min-height:100vh;padding:2rem;display:grid}.auth-shell{isolation:isolate;background:radial-gradient(circle at 12% 15%,#32afd647,#0000 24rem),radial-gradient(circle at 88% 88%,#a1392340,#0000 28rem),linear-gradient(135deg,#07172d 0%,#0b1f3a 52%,#162c51 100%);position:relative;overflow:hidden}.auth-shell:before,.auth-shell:after{content:"";z-index:-1;border:1px solid #ffffff14;border-radius:999px;position:absolute;transform:rotate(-18deg)}.auth-shell:before{width:42rem;height:14rem;bottom:4rem;left:-12rem}.auth-shell:after{width:34rem;height:11rem;top:5rem;right:-9rem}.auth-card{border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffff7;border:1px solid #ffffffb3;width:min(100%,440px);padding:clamp(1.6rem,5vw,2.6rem);box-shadow:0 28px 80px #00000042}.auth-logo{width:min(260px,78%);height:auto;margin:0 auto 2rem;display:block}.auth-card h1{font-size:clamp(2rem,7vw,2.8rem)}.otp-input{text-align:center;letter-spacing:.45em;font-variant-numeric:tabular-nums;font-size:1.65rem}.link-button{color:#c9ded3;width:fit-content;min-height:auto;box-shadow:none;background:0 0;border:0;padding:.4rem 0}.link-button.dark{color:var(--brand-red);justify-self:center}.app-shell{grid-template-columns:270px minmax(0,1fr);min-height:100vh;display:grid}.portal-sidebar{background:radial-gradient(circle at 20% 0, #32afd638, transparent 18rem), var(--brand-navy);color:#edf6fb;flex-direction:column;height:100vh;padding:1.4rem;display:flex;position:sticky;top:0;overflow-y:auto;box-shadow:14px 0 42px #0b1f3a21}.brand{color:#fff;gap:.65rem;margin-bottom:2.7rem;text-decoration:none;display:grid}.brand img{object-fit:contain;object-position:left center;background:#fff;border-radius:.55rem;width:100%;max-width:205px;height:66px;padding:.45rem .6rem}.brand>span{color:#a9c9d8;text-transform:uppercase;letter-spacing:.13em;font-size:.75rem;font-weight:800}nav{gap:.4rem;display:grid}nav a{color:#bdd2dd;border-radius:var(--radius-sm);align-items:center;gap:.75rem;min-height:2.9rem;padding:.7rem .8rem;font-weight:650;text-decoration:none;display:flex}nav a span{text-align:center;width:1.25rem;color:var(--brand-sky-bright);font-size:1.15rem}nav a:hover{color:#fff;background:#ffffff12}nav a.router-link-active{color:#fff;box-shadow:inset 3px 0 0 var(--brand-sky-bright);background:linear-gradient(90deg,#32afd647,#32afd614)}.nav-section{color:#779baa;letter-spacing:.14em;text-transform:uppercase;margin:1.5rem .8rem .35rem;font-size:.65rem;font-weight:850}.account{border-top:1px solid #ffffff1f;grid-template-columns:2.5rem 1fr;align-items:center;gap:.75rem;margin-top:auto;padding-top:1.25rem;display:grid}.account>div:nth-child(2){min-width:0;display:grid}.account strong{text-overflow:ellipsis;white-space:nowrap;font-size:.86rem;overflow:hidden}.account small{color:#91aebc;text-transform:uppercase;letter-spacing:.08em;font-size:.69rem}.account .link-button{grid-column:2}.avatar{background:linear-gradient(135deg, var(--brand-sky-bright), var(--brand-red));color:#fff;border-radius:50%;place-items:center;width:2.5rem;height:2.5rem;font-weight:900;display:grid}[data-layout=portal]{background:radial-gradient(circle at 100% 0,#32afd617,#0000 30rem),#f4f8fb}.portal-page{width:100%;max-width:var(--content-width);margin-inline:auto;padding:clamp(1.4rem,4vw,3rem)}.page-header,.section-title,.report-row,.device-row{justify-content:space-between;align-items:center;gap:1rem;display:flex}.page-header{margin-bottom:2rem}.stats{grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1rem;display:grid}.stats article,.panel{border-radius:var(--radius-md);background:var(--surface-card);border:1px solid #0b1f3a1a;box-shadow:0 14px 38px #0b1f3a12}.stats article{padding:1.35rem;position:relative;overflow:hidden}.stats article:before{content:"";background:var(--brand-sky-bright);width:4px;position:absolute;inset:0 auto 0 0}.stats article:nth-child(2):before{background:var(--brand-red)}.stats span{color:var(--text-secondary);font-size:.79rem;font-weight:700;display:block}.stats strong{color:var(--brand-navy);margin-top:.5rem;font-size:2.1rem;font-weight:850;display:block}.panel{margin-bottom:1rem;padding:1.35rem}.section-title{border-bottom:1px solid #e6edf1;padding-bottom:.9rem}.section-title a{color:var(--brand-red);font-weight:750}.report-row{color:inherit;border-bottom:1px solid #e9eff2;padding:1rem .2rem;text-decoration:none;transition:padding .16s,background .16s}.report-row:hover{background:#f6fbfd;padding-inline:.6rem}.report-row:last-child{border-bottom:0}.report-row div{gap:.25rem;display:grid}.report-row div span{color:var(--text-secondary);font-size:.82rem}.badge{color:#475569;white-space:nowrap;background:#f8fafc;border:1px solid #cbd5e1;border-radius:999px;align-items:center;gap:.35rem;padding:.35rem .7rem;font-size:.75rem;font-weight:800;display:inline-flex}.badge[data-status=APPROVED]{color:#166534;background:#ecfdf5;border-color:#a7f3d0}.badge[data-status=RETURNED],.badge[data-status=REJECTED]{color:#991b1b;background:#fef2f2;border-color:#fecaca}.badge[data-status=SUBMITTED],.badge[data-status=UNDER_REVIEW]{color:#92400e;background:#fffbeb;border-color:#fde68a}.badge.large{padding:.5rem .8rem;font-size:.8rem}.empty{text-align:center;color:var(--text-secondary);padding:3rem}.report-form{margin-bottom:1.5rem}.form-grid,.detail-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.detail-grid{grid-template-columns:minmax(0,2fr) minmax(280px,1fr);align-items:start}.prose h2{color:var(--brand-sky);margin-top:1.8rem}.prose h2:first-child{margin-top:0}.prose p{white-space:pre-wrap;line-height:1.7}.actions{gap:.65rem;display:grid}.comments-heading{border-top:1px solid #e4e9e6;margin-top:2rem;padding-top:1.2rem}.comment{border-left:3px solid var(--brand-sky-bright);margin-top:1rem;padding-left:.8rem}.comment p{color:var(--text-secondary);margin:.3rem 0}.profile-card dl{grid-template-columns:repeat(2,1fr);gap:1rem;margin:0;display:grid}.profile-card dl div{border-radius:var(--radius-sm);background:#f5fafc;padding:1rem}.profile-card dt{color:var(--text-secondary);font-size:.75rem}.profile-card dd{margin:.35rem 0 0;font-weight:750}.device-row{border-bottom:1px solid #e9eff2;padding:1rem 0}.device-row div{gap:.3rem;display:grid}.device-row span{color:var(--text-secondary);font-size:.8rem}.success-alert{border-radius:var(--radius-md);color:#166534;background:#ecfdf5;border:1px solid #a7f3d0;margin:0 0 1rem;padding:.875rem 1rem;font-size:.875rem;font-weight:700}.admin-summary{grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1rem;display:grid}.admin-summary article{border-radius:var(--radius-md);box-shadow:var(--shadow-card);background:#fff;border:1px solid #0b1f3a1a;padding:1.15rem 1.25rem}.admin-summary span{color:var(--text-secondary);font-size:.75rem;font-weight:700;display:block}.admin-summary strong{color:var(--brand-navy);margin-top:.35rem;font-size:1.75rem;display:block}.admin-toolbar{border-bottom:1px solid #e6edf1;justify-content:space-between;align-items:center;gap:1rem;padding-bottom:1rem;display:flex}.admin-toolbar h2,.admin-toolbar p{margin:0}.admin-toolbar p{margin-top:.25rem;font-size:.8rem}.search-field{width:min(100%,340px)}.table-wrap{width:100%;overflow-x:auto}table{border-collapse:collapse;text-align:left;width:100%}th{color:var(--text-secondary);letter-spacing:.08em;text-transform:uppercase;padding:.8rem .75rem;font-size:.7rem}td{color:#31445a;border-top:1px solid #e9eff2;padding:.9rem .75rem;font-size:.86rem}.user-cell{align-items:center;gap:.7rem;min-width:220px;display:flex}.user-cell>div{gap:.18rem;display:grid}.user-cell small{color:var(--text-secondary)}.table-avatar{background:linear-gradient(135deg, var(--brand-sky-bright), var(--brand-navy));color:#fff;text-transform:uppercase;border-radius:50%;flex:none;place-items:center;width:2.25rem;height:2.25rem;font-weight:850;display:grid}.role-badge{color:#075985;white-space:nowrap;background:#eaf6fa;border-radius:999px;padding:.3rem .55rem;font-size:.68rem;font-weight:800;display:inline-flex}.row-actions{white-space:nowrap;justify-content:flex-end;gap:.4rem;display:flex}.compact{min-height:2.1rem;padding:.35rem .65rem;font-size:.75rem}.pagination{color:var(--text-secondary);justify-content:flex-end;align-items:center;gap:.8rem;padding-top:1rem;font-size:.8rem;display:flex}.dialog-backdrop{z-index:100;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#051222ad;place-items:center;padding:1rem;display:grid;position:fixed;inset:0;overflow-y:auto}.admin-dialog{border-radius:var(--radius-lg);background:#fff;border:1px solid #ffffff80;width:min(100%,780px);max-height:calc(100vh - 2rem);padding:1.5rem;overflow-y:auto;box-shadow:0 30px 90px #00000052}.admin-dialog>header{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.admin-dialog h2{margin:0;font-size:1.5rem}.dialog-close{min-width:2.5rem;padding:.25rem;font-size:1.5rem}.check-field{align-items:center;gap:.6rem;display:flex}.check-field input{width:auto}.permission-preview{border-radius:var(--radius-md);color:#164e63;background:#f0f9ff;border:1px solid #bae6fd;padding:1rem}.permission-preview ul{grid-template-columns:repeat(2,1fr);gap:.4rem 1.2rem;margin:.7rem 0 0;padding-left:1.1rem;font-size:.8rem;display:grid}.admin-dialog footer{justify-content:flex-end;gap:.6rem;padding-top:.5rem;display:flex}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.department-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.department-card{border-radius:var(--radius-md);background:#fbfdfe;border:1px solid #dce8ee;padding:1.1rem}.department-card>header,.department-card>footer{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.department-card h2{margin:.25rem 0 0;font-size:1.15rem}.department-card header div>span{color:var(--brand-sky);letter-spacing:.12em;font-size:.68rem;font-weight:850}.department-card>p{color:var(--text-secondary);line-height:1.55}.department-card dl{grid-template-columns:1fr 1fr;gap:.7rem;display:grid}.department-card dl div{background:#eef7fa;border-radius:.45rem;padding:.7rem}.department-card dt{color:var(--text-secondary);font-size:.67rem}.department-card dd{margin:.25rem 0 0;font-size:.82rem;font-weight:750}.department-card>footer{justify-content:flex-end;margin-top:1rem}.submission-row{border-bottom:1px solid #e9eff2;grid-template-columns:minmax(0,1fr) auto;gap:1.5rem;padding:1.2rem 0;display:grid}.submission-row>div{justify-items:start;gap:.4rem;display:grid}.submission-row small{color:var(--text-secondary)}.submission-row p{color:#405469;margin:.2rem 0;line-height:1.55}.submission-row>aside{flex-direction:column;align-items:flex-end;gap:.7rem;min-width:130px;display:flex}.review-note{border-left:3px solid var(--brand-red);padding-left:.7rem}.queue-count{color:#7a5411;background:#fff1d2;border-radius:999px;padding:.55rem .9rem;font-size:.8rem;font-weight:850}.approval-card>header,.approval-card>footer{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.approval-card h2{margin:.55rem 0 .3rem;font-size:1.35rem}.approval-card header p{color:var(--text-secondary);margin:0;font-size:.8rem}.approval-content{grid-template-columns:1fr 1fr;gap:1rem;margin:1.2rem 0;display:grid}.approval-content>div{border-radius:var(--radius-sm);background:#f5fafc;padding:.9rem}.approval-content h3{color:var(--brand-navy);text-transform:uppercase;letter-spacing:.08em;margin:0 0 .45rem;font-size:.77rem}.approval-content p{color:#405469;margin:0;line-height:1.55}.approval-card>footer{justify-content:flex-end;margin-top:1rem}.approval-shortcut{border-radius:var(--radius-md);color:var(--brand-red);box-shadow:var(--shadow-card);background:linear-gradient(110deg,#fff 0%,#fff8f5 100%);border:1px solid #a139233d;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;padding:1rem 1.2rem;text-decoration:none;display:flex}.approval-shortcut>div{align-items:center;gap:.9rem;display:flex}.approval-shortcut>div>div{gap:.2rem;display:grid}.approval-shortcut small{color:var(--text-secondary)}.shortcut-icon{background:var(--brand-red);color:#fff;border-radius:50%;place-items:center;width:2.6rem;height:2.6rem;font-weight:900;display:grid}.dashboard-submission-meta{justify-content:flex-end;align-items:center;gap:.7rem!important;display:flex!important}.dashboard-submission-meta>strong{color:var(--brand-navy);white-space:nowrap;font-size:.8rem}.automatic-date-note{border-radius:var(--radius-sm);color:#075985;background:#f0f9ff;border:1px solid #bae6fd;align-items:center;gap:.75rem;padding:.75rem .9rem;display:flex}.automatic-date-note>span{background:#d9f2fb;border-radius:50%;place-items:center;width:2rem;height:2rem;font-size:1.1rem;display:grid}.automatic-date-note>div{gap:.15rem;display:grid}.automatic-date-note small{color:#526174}.item-section-header{border-top:1px solid #e6edf1;justify-content:space-between;align-items:center;gap:1rem;padding-top:.5rem;display:flex}.item-section-header h2,.item-section-header p{margin:0}.item-section-header p{margin-top:.2rem;font-size:.78rem}.item-editor{border-radius:var(--radius-md);background:#f9fcfd;border:1px solid #dce8ee;grid-template-columns:2rem minmax(0,1fr) auto;align-items:start;gap:.8rem;padding:1rem;display:grid}.item-number{background:var(--brand-navy);color:#fff;border-radius:50%;place-items:center;width:2rem;height:2rem;font-weight:850;display:grid}.item-fields{gap:.8rem;display:grid}.item-amount-grid{grid-template-columns:.6fr 1fr 1fr;align-items:end}.line-total{border-radius:var(--radius-sm);background:#eaf6fa;align-content:center;gap:.35rem;min-height:4.3rem;padding:.6rem .8rem;display:grid}.line-total span,.draft-total span{color:var(--text-secondary);font-size:.7rem}.line-total strong{color:var(--brand-navy)}.draft-total{border-radius:var(--radius-md);background:var(--brand-navy);color:#fff;justify-content:space-between;align-items:center;padding:1rem 1.2rem;display:flex}.draft-total span{color:#bcd4df}.draft-total strong{font-size:1.3rem}.submission-row.detailed{padding-block:1.4rem}.item-review-list{border-radius:var(--radius-sm);border:1px solid #dce8ee;width:min(100%,620px);display:grid;overflow:hidden}.item-review-list>div{border-bottom:1px solid #e9eff2;justify-content:space-between;gap:1rem;padding:.55rem .7rem;font-size:.8rem;display:flex}.item-review-list>div:last-child{border-bottom:0}.verification-check{border-radius:var(--radius-sm);color:#7a5411;background:#fff8e7;margin-top:.6rem;padding:.7rem;font-size:.78rem}.approval-item-table{border-radius:var(--radius-sm);border:1px solid #dce8ee;margin:1rem 0;overflow:hidden}.approval-item-table>div{border-bottom:1px solid #e9eff2;grid-template-columns:minmax(180px,1fr) .5fr 1fr 1fr;align-items:center;gap:.8rem;padding:.7rem .8rem;font-size:.78rem;display:grid}.approval-item-table>div:last-child{border-bottom:0}.approval-item-table .approval-item-heading{color:var(--text-secondary);text-transform:uppercase;background:#eef7fa;font-size:.67rem;font-weight:800}.approval-item-table span:first-child{gap:.15rem;display:grid}.approval-item-table small{color:var(--text-secondary)}@keyframes fadeUp{0%{opacity:.001;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes zoomIn{0%{opacity:.001;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.anim-up{animation:.7s cubic-bezier(.2,.7,.2,1) both fadeUp}.anim-zoom{animation:.7s cubic-bezier(.2,.7,.2,1) both zoomIn}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}@media (width<=820px){.app-shell{grid-template-columns:1fr}.portal-sidebar{height:auto;padding:1rem;position:static}.brand{align-items:center;margin-bottom:.8rem;display:flex}.brand img{width:155px;height:48px}.brand>span{display:none}nav{padding-bottom:.25rem;display:flex;overflow-x:auto}nav a{flex:none}.account{grid-template-columns:2.5rem 1fr auto;margin-top:1rem}.account .link-button{grid-area:1/3}.stats,.form-grid,.detail-grid,.profile-card dl,.admin-summary,.department-grid,.approval-content{grid-template-columns:1fr}.page-header{align-items:flex-start}}@media (width<=520px){.auth-page{padding:1rem}.portal-page{padding:1.25rem 1rem 2.5rem}.page-header{display:grid}.page-header>:last-child{justify-self:start}.report-row{align-items:flex-start}nav a span{display:none}.admin-toolbar{flex-direction:column;align-items:stretch}.search-field{width:100%}.permission-preview ul,.submission-row{grid-template-columns:1fr}.submission-row>aside{align-items:flex-start}.approval-shortcut{flex-direction:column;align-items:flex-start}.item-editor{grid-template-columns:2rem minmax(0,1fr)}.item-editor>button{grid-column:2;justify-self:start}.item-amount-grid{grid-template-columns:1fr}.approval-item-table{overflow-x:auto}.approval-item-table>div{min-width:650px}}