@import url('/portal/fonts.css');
:root{--blue:#0b3b85;--navy:#091e3e;--pale:#eef9ff;--ink:#182b47;--muted:#64748b;--line:#dde5ee;--bg:#f4f7fb;--radius:16px;color-scheme:light;font-family:Inter,Segoe UI,Arial,sans-serif;font-size:15px;color:var(--ink);background:var(--bg)}
*{box-sizing:border-box}body{margin:0}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}button,input,textarea,select{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.55;cursor:wait}img{max-width:100%;object-fit:contain}h1,h2,h3,h4,p{margin-top:0}h1{font-size:clamp(1.7rem,3vw,2.25rem);line-height:1.2;letter-spacing:-.045em;margin-bottom:0}h2{font-size:1.3rem;letter-spacing:-.025em}h3{font-size:1.2rem}p{line-height:1.65}hr{border:0;border-top:1px solid var(--line);margin:26px 0}:focus-visible{outline:3px solid #38a3df;outline-offset:3px}[hidden]{display:none!important}.muted,.text-muted,small{color:var(--muted)}.eyebrow{display:block;font-size:.67rem;font-weight:750;letter-spacing:.14em;color:#547292;margin-bottom:12px}.brand{display:block}.brand img{width:166px;height:68px}.skip-link{position:fixed;top:-100px;padding:15px;background:white;z-index:100}.skip-link:focus{top:0}.portal-layout{display:grid;grid-template-columns:238px minmax(0,1fr);min-height:100vh}.sidebar{background:white;border-right:1px solid var(--line);position:sticky;top:0;height:100dvh;overflow-y:auto;padding:28px 18px 20px;display:flex;flex-direction:column;z-index:30}.sidebar .brand{padding:0 12px 22px}.sidebar>.eyebrow{padding:0 12px}.sidebar ul{list-style:none;padding:0;margin:0}.sidebar nav a{display:block;font-size:.88rem;padding:11px 14px;border-radius:9px;margin:3px 0;color:#53657d;font-weight:550}.sidebar nav a:hover{background:var(--bg);text-decoration:none}.sidebar nav a[aria-current]{background:#eaf2ff;color:var(--blue);font-weight:750;box-shadow:inset 3px 0 var(--blue)}.sidebar-bottom{display:grid;gap:16px;padding:24px 14px 0;margin-top:auto;font-size:.83rem}.sidebar-bottom form{margin:0}.workspace{min-width:0}.topbar{height:80px;background:rgba(255,255,255,.95);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:15px;padding:0 36px;color:var(--muted);font-size:.86rem}.account{display:flex;align-items:center;gap:10px;margin-left:auto;min-width:0;color:var(--ink);font-weight:600}.account>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:250px}.avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--pale);color:var(--blue);flex-shrink:0}#main-content{padding:34px 36px;max-width:1800px;margin:auto;min-height:calc(100vh - 140px)}.workspace-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:30px}.workspace-heading .eyebrow{margin-bottom:8px}.workspace-date{color:var(--muted);font-size:.8rem;white-space:nowrap}.portal-footer{font-size:.75rem;display:flex;justify-content:space-between;gap:15px;padding:15px 36px 24px;color:var(--muted)}.welcome-banner{display:flex;align-items:center;justify-content:space-between;gap:28px;background:linear-gradient(120deg,var(--navy),#124985);color:white;border-radius:var(--radius);padding:30px;margin-bottom:28px}.welcome-banner .eyebrow{color:#99c7ec}.welcome-banner h2{font-size:1.6rem}.welcome-banner p{color:#c4d7ee;max-width:650px;margin-bottom:0}.welcome-banner .btn{white-space:nowrap}.section-heading{margin:28px 0 16px}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(165px,1fr));gap:16px;margin-bottom:24px}.stat-card{display:flex;flex-direction:column;gap:12px;background:white;border:1px solid var(--line);border-radius:var(--radius);padding:22px;min-width:0;color:var(--ink)}.stat-card>span{font-size:.82rem;color:var(--muted)}.stat-card>strong{font-size:1.9rem;letter-spacing:-.045em;color:var(--navy)}.stat-card>small{font-size:.75rem}.overview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.metric{font-size:2rem;letter-spacing:-.035em;font-weight:700;margin-bottom:12px}.card,.soa-filter-card,.soa-result-card{background:white;border:1px solid var(--line);border-radius:var(--radius);padding:24px;margin-bottom:22px;min-width:0}.card .card{border:0;padding:0}.card-body{min-width:0}.content-wrapper,.container{width:100%;min-width:0}.page-header{margin-bottom:18px}.page-title{color:var(--muted);font-size:.9rem;font-weight:550}.card-title{font-size:1.15rem;margin-bottom:20px}.row{display:flex;flex-wrap:wrap;gap:18px;margin-bottom:16px}.row>[class*='col-']{flex:1 1 190px;min-width:0}.row>.col-md-8{flex:2 1 330px}.row>.col-lg-12{flex:1 1 100%}.d-flex{display:flex;gap:10px;flex-wrap:wrap}.d-flex>.form-control{flex:1 1 170px;width:auto}.align-items-center{align-items:center}.align-items-end{align-items:flex-end}.align-items-start{align-items:flex-start}.gap-2{gap:10px}.mb-2{margin-bottom:10px}.mb-3{margin-bottom:18px}.mt-3,.mt-4{margin-top:20px}.w-100{width:100%}label{display:block;font-size:.85rem;font-weight:600;margin:12px 0 8px}input,select,textarea,.form-control,.soa-form-control{width:100%;max-width:100%;min-width:0;min-height:44px;padding:11px 12px;border:1px solid #cdd8e6;border-radius:8px;background:#fff;color:var(--ink)}textarea{resize:vertical;min-height:80px}input[type=checkbox],input[type=radio]{width:auto;min-height:auto}.btn,.soa-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 16px;border:1px solid #cdd8e6;border-radius:8px;background:white;color:var(--blue);font-size:.85rem;font-weight:650;text-decoration:none;line-height:1.35}.btn:hover{background:#eaf2ff;text-decoration:none}.btn-primary,.btn-success,.soa-btn-query{background:var(--blue);border-color:var(--blue);color:white}.btn-primary:hover,.btn-success:hover{background:#082c65}.btn-light{background:white;color:var(--blue)}.btn-danger{color:#ab2937;background:#fff4f4;border-color:#f0c5ca}.btn-warning{color:#845800;background:#fff9e6;border-color:#ead391}.btn-info,.btn-permanent,.btn-secondary,.soa-btn-pdf{color:var(--blue);background:#edf5ff}.btn-group{display:flex;flex-wrap:wrap;gap:8px;width:310px;max-width:100%}.btn-sm{font-size:.76rem;padding:8px 10px;min-height:40px}.text-button{border:0;padding:0;background:none;color:var(--blue);font-weight:650;min-height:40px}.wide{width:100%;margin-top:24px}.table-responsive{width:100%;max-width:100%;overflow-x:auto;border:1px solid var(--line);border-radius:10px;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;margin-top:16px}table{border-collapse:collapse;width:100%;font-size:.85rem;text-align:left}th{background:#f6f9fc;color:#60758f;font-size:.72rem;letter-spacing:.025em;font-weight:650}td,th{padding:15px 16px;border-bottom:1px solid var(--line);vertical-align:top}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#fafcff}td{line-height:1.55}td>input,td>textarea{min-width:100px}td>textarea{min-width:210px}#licenseTable,#orderTable{min-width:1000px}#clientTable{min-width:660px}#licenseTable th,#orderTable th{white-space:nowrap}#licenseTable .btn-group{max-width:none}table .badge{white-space:nowrap}.badge{display:inline-block;border-radius:30px;font-size:.72rem;font-weight:650;padding:5px 10px;background:#edf3fb;color:#34597c}.badge-success,.bg-success{background:#e6f5ed;color:#18704a}.badge-warning,.bg-warning{background:#fff2d7;color:#856006}.badge-danger,.bg-danger{background:#fcebef;color:#b23247}.text-danger{color:#b23247}.text-success{color:#18704a}.total-box{text-align:right;padding:20px 0;line-height:1.8}.notice{padding:16px 18px;border-radius:10px;margin-bottom:20px;background:#eaf5ff;border:1px solid #c6def3;line-height:1.55}.notice:empty{display:none}.notice.error{background:#fff2f3;border-color:#ecc6cc;color:#942b38}.error-text{color:#a12837}.empty-state{padding:45px 20px;text-align:center;color:var(--muted)}.filter-bar{display:flex;gap:15px;align-items:center;margin:20px 0}.filter-bar input{max-width:420px}.filter-bar span{font-size:.8rem;white-space:nowrap}.soa-filters{display:flex!important;flex-wrap:wrap;gap:16px}.soa-form-group{flex:1 1 180px}.soa-page{color:var(--ink)!important}.soa-title{font-size:1.3rem!important}.soa-filter-card,.soa-result-card{color:var(--ink)!important}.soa-empty{padding:30px;color:var(--muted)}dialog{border:1px solid var(--line);border-radius:18px;max-width:min(760px,calc(100vw - 28px));width:100%;max-height:calc(100dvh - 40px);overflow:auto;padding:26px;color:var(--ink);box-shadow:0 30px 100px #091e3e40}dialog::backdrop{background:#091e3e88;backdrop-filter:blur(3px)}.dialog-heading,.dialog-actions{display:flex;justify-content:space-between;align-items:center;gap:15px}.dialog-heading h2{margin:0}.dialog-actions{justify-content:flex-end;margin-top:24px}.signature-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.signature-pad{width:100%;height:160px;background:#fff;border:1px dashed #99afc9;border-radius:8px;touch-action:none;display:block}.signature-note{font-size:.8rem;color:var(--muted)}.menu-toggle,.nav-overlay{display:none}.login-page{background:var(--navy)}.login-layout{min-height:100dvh;max-width:1320px;margin:auto;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:100px;padding:65px}.login-brand{color:white}.login-brand .brand{display:inline-block;background:white;border-radius:12px;padding:6px 18px;margin-bottom:65px}.login-brand h1{font-size:clamp(2.5rem,5vw,4.5rem);line-height:1.07;margin-bottom:25px}.login-brand .eyebrow{color:#80b3e3}.login-brand p{color:#b6cce6;max-width:430px;font-size:1.08rem}.login-brand>a:last-child{color:#c8ddf4;display:inline-block;margin-top:26px}.login-card{background:white;border-radius:22px;padding:42px;box-shadow:0 30px 100px #0002}.login-card h2{font-size:1.9rem;margin-bottom:10px}.login-card .muted{font-size:.87rem}.login-help{font-size:.83rem;text-align:center;margin:20px 0 0}.password-field{position:relative}.password-field input{padding-right:65px}.password-field button{position:absolute;right:12px;top:3px;font-size:.8rem}.login-card form{margin-top:24px}
@media(min-width:1500px){.stat-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1100px){.portal-layout{grid-template-columns:210px minmax(0,1fr)}#main-content{padding:28px 24px}.topbar{padding:0 24px}.welcome-banner{align-items:flex-start;flex-direction:column}.login-layout{gap:45px;padding:40px}.login-card{padding:30px}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){.portal-layout{display:block}.sidebar{position:fixed;left:0;top:0;width:min(290px,85vw);transform:translateX(-100%);transition:transform .2s ease}.nav-open .sidebar{transform:translateX(0)}.nav-open .nav-overlay{display:block;position:fixed;inset:0;background:#091e3e80;z-index:25;border:0}.nav-open{overflow:hidden}.menu-toggle{display:grid;place-items:center;background:white;border:1px solid var(--line);border-radius:8px;width:42px;height:42px;flex-shrink:0;color:var(--blue);font-size:20px}.topbar{height:70px;padding:0 18px}.account>span:last-child{max-width:180px}.workspace-date{display:none}.portal-footer{padding:18px 22px;flex-direction:column;gap:6px}.login-layout{gap:35px;padding:35px;grid-template-columns:1fr;max-width:580px}.login-brand .brand{margin-bottom:30px}.login-brand h1{font-size:2.6rem}.login-brand p{font-size:.95rem}.login-brand>a:last-child{margin-top:5px}.login-card{padding:30px}.overview-grid{grid-template-columns:1fr}.card{padding:20px}.soa-page{padding:0!important}}
@media(max-width:480px){#main-content{padding:25px 16px}.topbar{gap:10px}.topbar>span{font-size:.78rem}.account>span:last-child{max-width:105px;font-size:.76rem}.avatar{width:29px;height:29px}.workspace-heading{margin-bottom:24px}.welcome-banner{padding:24px}.welcome-banner h2{font-size:1.35rem}.welcome-banner p{font-size:.88rem}.stat-grid{gap:10px}.stat-card{padding:16px}.stat-card>strong{font-size:1.65rem}.card{padding:16px}.signature-grid{grid-template-columns:1fr}dialog{padding:20px}.login-layout{padding:24px 18px;gap:28px}.login-card{padding:26px 22px}.login-brand h1{font-size:2.2rem}.login-brand .brand{margin-bottom:24px}.filter-bar{flex-wrap:wrap}.dialog-actions{flex-wrap:wrap}.dialog-actions .btn{flex:1}.btn{max-width:100%}.row>[class*='col-']{flex-basis:100%}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:600px){#clientTable{min-width:0}#clientTable thead{position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;overflow:hidden}#clientTable tbody{display:block}#clientTable tr{display:grid;grid-template-columns:1fr 1fr;padding:12px;gap:14px;border-bottom:1px solid var(--line)}#clientTable tr:last-child{border-bottom:0}#clientTable td{display:block;padding:0;border:0;overflow-wrap:anywhere}#clientTable td:before{content:attr(data-label);display:block;font-size:.7rem;color:var(--muted);margin-bottom:5px}#clientTable td:first-child,#clientTable td:last-child{grid-column:1/-1}#clientTable .d-flex{gap:8px}#clientTable .btn{flex:1}}