:root{--navy:#102638;--navy-soft:#183649;--teal:#178c86;--teal-deep:#08766f;--teal-pale:#e8f5f2;--page:#f5f8f8;--surface:#fff;--ink:#193245;--muted:#72838e;--line:#e6edee;--danger:#bd5960;--danger-pale:#fceff0;--shadow:0 10px 35px rgba(24,52,65,.045)}
*{box-sizing:border-box}html{min-width:320px}body{margin:0;background:var(--page);color:var(--ink);font-family:'DM Sans','Noto Sans SC',system-ui,sans-serif;font-size:14px;line-height:1.6}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}h1,h2,p{margin-top:0}h1,h2{line-height:1.3;letter-spacing:0}h1{font-size:27px;font-weight:700;margin-bottom:9px}h2{font-size:17px;font-weight:700;margin-bottom:6px}p{margin-bottom:0}a:focus-visible,button:focus-visible,label:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #64c6bb;outline-offset:3px}.app-shell{min-height:100vh;display:flex}.sidebar{position:sticky;top:0;flex:0 0 248px;width:248px;height:100vh;display:flex;flex-direction:column;background:var(--navy);color:#c6d3db;padding:28px 15px 20px;z-index:20}.brand,.login-brand{display:flex;align-items:center;gap:12px;padding:0 17px;color:#fff}.brand strong,.login-brand strong{display:block;font-size:17px;line-height:1.2;letter-spacing:1px}.brand small,.login-brand small{display:block;font-size:9px;color:#83a7b3;letter-spacing:2px;font-weight:700;margin-top:4px}.brand-mark{display:grid;place-items:center;flex:none;width:37px;height:37px;border-radius:10px;background:#249d98;transform:rotate(-8deg)}.brand-mark span{display:block;width:14px;height:16px;border:3px solid white;border-radius:5px 5px 7px 7px;position:relative;transform:rotate(8deg)}.brand-mark span:after{content:'';position:absolute;width:4px;height:4px;background:#fff;border-radius:50%;left:2px;top:4px}.sidebar-group-label{font-size:11px;letter-spacing:2px;color:#7692a1;margin:51px 17px 11px;font-weight:600}.sidebar-group-secondary{margin-top:29px}.nav-list{display:grid;gap:4px}.nav-link{display:flex;align-items:center;gap:12px;min-height:44px;padding:0 16px;border-radius:6px;color:#bbccd6;font-weight:500;transition:background .2s,color .2s}.nav-link:hover,.nav-link.is-active{color:#fff;background:#254759}.nav-link.is-active{box-shadow:inset 3px 0 #4bccc0}.nav-symbol{display:inline-grid;place-items:center;width:20px;font-size:19px;line-height:1;color:#81aeb8}.nav-link.is-active .nav-symbol{color:#6cdbce}.sidebar-footer{margin-top:auto;padding:18px 13px 0;border-top:1px solid #294557}.account-card{display:flex;align-items:center;gap:10px;min-width:0}.avatar{width:36px;height:36px;display:grid;place-items:center;flex:none;background:#2e606a;color:#b8f3e9;border-radius:50%;font-weight:700}.account-detail{min-width:0}.account-detail strong,.account-detail small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account-detail strong{color:#fff}.account-detail small{font-size:11px;color:#91acb7}.logout-form{margin-top:16px}.logout-button{border:0;background:transparent;color:#b8cad4;padding:7px 0;display:flex;justify-content:space-between;width:100%;font-size:12px}.logout-button:hover{color:#fff}.menu-toggle,.menu-backdrop,.menu-button{display:none}.main-area{min-width:0;flex:1;display:flex;flex-direction:column}.topbar{height:70px;flex:none;background:var(--surface);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 42px}.topbar-context{color:#85959e;font-size:12px}.topbar-context span{color:#b7c7cc;margin:0 8px}.topbar-user{display:flex;align-items:center;gap:8px;font-weight:600;font-size:12px}.presence-dot{width:7px;height:7px;background:#49bda3;border-radius:50%}.content{width:100%;max-width:1400px;margin:0 auto;flex:1;padding:39px 42px 70px}.site-footer{padding:20px 42px;color:#9baab1;font-size:11px;text-align:right}.site-footer span{margin:0 5px}.eyebrow{display:block;color:var(--teal-deep);font-size:11px;font-weight:700;letter-spacing:1.4px;margin-bottom:12px}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:29px}.page-heading p,.panel-header p{color:var(--muted);font-size:13px}.page-heading .button{margin-bottom:2px;flex:none}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:39px;border:1px solid transparent;border-radius:5px;padding:8px 17px;font-weight:600;font-size:12px;white-space:nowrap;transition:background .2s,box-shadow .2s,transform .2s}.button:hover{transform:translateY(-1px)}.button-primary{background:var(--teal);color:#fff}.button-primary:hover{background:var(--teal-deep);box-shadow:0 5px 16px #178c8630}.button-outline{border-color:#cedddd;background:#fff;color:var(--ink)}.button-outline:hover{border-color:var(--teal);color:var(--teal)}.button-plain{color:var(--muted);background:#f2f6f6}.button-full{width:100%;min-height:47px}.button-small{min-height:34px;padding:5px 12px}.overview-banner{min-height:177px;border-radius:7px;background:linear-gradient(105deg,#173d4a,#176c68);color:#fff;padding:29px 34px;display:flex;justify-content:space-between;align-items:center;overflow:hidden;position:relative;margin-bottom:21px}.overview-banner h2{font-size:23px;margin:4px 0 8px;position:relative;z-index:1}.overview-banner p{color:#c0dedb;font-size:12px;position:relative;z-index:1}.banner-label{display:inline-flex;gap:7px;align-items:center;color:#9ee3d6;font-size:11px;letter-spacing:1px;font-weight:600}.banner-spark{font-size:16px}.banner-decoration{height:160px;width:260px;position:relative;flex:none}.banner-decoration span{position:absolute;width:155px;height:155px;border:1px solid #ffffff35;border-radius:50%;right:10px;top:2px}.banner-decoration span:nth-child(2){width:210px;height:210px;right:-17px;top:-25px}.banner-decoration span:nth-child(3){width:265px;height:265px;right:-44px;top:-52px}.stats-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-bottom:31px}.stat-card{min-height:159px;background:var(--surface);border:1px solid var(--line);border-radius:6px;box-shadow:var(--shadow);padding:22px 25px;display:grid;grid-template-columns:1fr auto;align-items:start}.stat-icon{grid-column:2;grid-row:1/4;display:grid;place-items:center;width:37px;height:37px;border-radius:7px;font-size:21px}.icon-all{color:#5d8798;background:#eef3f7}.icon-success{color:var(--teal);background:var(--teal-pale)}.stat-label{grid-column:1;grid-row:1;color:#677d87;font-size:12px}.stat-value{grid-column:1;grid-row:2;font-size:32px;line-height:1.2;color:#153849;overflow-wrap:anywhere}.stat-caption{grid-column:1;grid-row:3;color:#9badb5;font-size:11px}.panel{background:var(--surface);border:1px solid var(--line);border-radius:6px;box-shadow:var(--shadow);overflow:hidden}.panel-header{padding:23px 25px 20px;display:flex;justify-content:space-between;align-items:center;gap:20px}.panel-header .eyebrow{margin-bottom:6px}.panel-header h2{margin-bottom:4px}.text-link{font-size:12px;font-weight:700;color:var(--teal-deep);white-space:nowrap}.text-link:hover,.row-actions a:hover{text-decoration:underline}.table-scroll{width:100%;overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}th{font-size:11px;font-weight:600;color:#8698a0;background:#f9fbfb;padding:13px 25px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}td{padding:16px 25px;border-bottom:1px solid #eff3f3;font-size:12px}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#fbfdfd}.table-user{display:inline-flex;align-items:center;gap:10px}.table-user strong{font-size:12px}.mini-avatar{width:30px;height:30px;display:inline-grid;place-items:center;border-radius:50%;background:#e9f2f2;color:#3b7a80;font-weight:700;flex:none}.muted{color:#7d9099}.mono{color:#667e89;font-variant-numeric:tabular-nums}.badge{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:600;border-radius:4px;padding:3px 9px}.badge-dot{width:6px;height:6px;border-radius:50%;background:currentColor}.badge-success{background:#e7f5ef;color:#278366}.badge-danger{background:var(--danger-pale);color:var(--danger)}.badge-neutral{background:#edf1f2;color:#819099}.role-label{font-weight:600;color:#3b7781}.row-actions{display:flex;align-items:center;gap:16px}.row-actions a{font-size:11px;font-weight:600;color:var(--teal-deep)}.empty-state{padding:47px 10px 52px;text-align:center;white-space:normal}.empty-state>span{display:block;color:#adc9ca;font-size:34px;line-height:1;margin-bottom:13px}.empty-state strong{display:block;font-size:13px}.empty-state p{color:#97a6ad;margin-top:5px;font-size:12px}.filter-form{display:flex;align-items:center;gap:10px}.filter-form label{font-size:11px;font-weight:600;color:#6e828d}.filter-form select{width:112px;min-height:34px;border:1px solid #d8e3e4;border-radius:4px;background:#fff;padding:5px 9px;color:var(--ink);font-size:12px}.filter-reset{font-size:11px;color:var(--muted)}.filter-reset:hover{color:var(--teal)}.pagination{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px 24px;border-top:1px solid var(--line);color:var(--muted);font-size:11px}.pagination-links{display:flex;gap:8px}.pagination-links a,.pagination-links .disabled{padding:6px 11px;border:1px solid var(--line);border-radius:4px}.pagination-links a{color:var(--ink)}.pagination-links a:hover{border-color:var(--teal);color:var(--teal)}.pagination-links .disabled{opacity:.5}.form-layout{display:grid;grid-template-columns:minmax(0,680px) minmax(190px,270px);gap:22px;align-items:start}.form-panel .panel-header{border-bottom:1px solid var(--line)}.panel-body{padding:27px 26px 30px}.form-stack p{margin:0 0 20px}.form-stack label{display:block;font-size:12px;font-weight:600;margin-bottom:8px;color:#435a65}.form-stack input:not([type=checkbox]):not([type=radio]),.form-stack select,.form-stack textarea{display:block;width:100%;min-height:42px;border:1px solid #dce6e7;border-radius:5px;background:#fff;color:var(--ink);padding:9px 12px;outline:none;transition:border-color .2s,box-shadow .2s}.form-stack textarea{min-height:92px;resize:vertical}.form-stack input:focus,.form-stack select:focus,.form-stack textarea:focus{border-color:var(--teal);box-shadow:0 0 0 3px #178c861a}.form-stack input[type=checkbox],.form-stack input[type=radio]{accent-color:var(--teal)}.form-stack p:has(input[type=checkbox]) label{display:flex;align-items:center;gap:8px}.form-stack .helptext{display:block;color:#82959f;font-size:11px;margin-top:7px}.form-stack ul{padding-left:18px;color:#81939c;font-size:11px}.form-stack .errorlist{list-style:none;padding:0;color:var(--danger);font-size:12px;margin:0 0 9px}.form-actions{display:flex;gap:10px;border-top:1px solid var(--line);padding-top:23px;margin-top:27px}.hint-card{padding:23px 22px;background:#eaf4f2;border:1px solid #d9ece8;border-radius:6px}.hint-icon{display:grid;place-items:center;width:33px;height:33px;color:var(--teal);background:#d5ebe5;border-radius:6px;font-size:20px;margin-bottom:19px}.hint-card h2{font-size:14px}.hint-card p{font-size:12px;color:#617e7e;line-height:1.9}.flash-list{display:grid;gap:9px;margin-bottom:23px}.flash{padding:11px 14px;border:1px solid #b9e4d7;background:#edfaf5;color:#276f59;border-radius:5px;font-size:12px}.flash-error,.flash-danger{background:#fff0f1;border-color:#f5d1d4;color:#a64f55}.flash-warning{background:#fff8e8;border-color:#f1e0ae;color:#8c6b29}.login-layout{min-height:100vh;display:grid;grid-template-columns:minmax(390px,48%) 1fr;background:#fff}.login-story{position:relative;overflow:hidden;background:linear-gradient(145deg,#102f40,#176760);color:#fff;padding:39px clamp(32px,5vw,86px);display:flex;flex-direction:column;justify-content:space-between}.login-brand{padding:0;position:relative;z-index:1}.login-story-content{position:relative;z-index:1;max-width:530px;margin-bottom:35px}.eyebrow.light{color:#80daca;margin-bottom:25px}.login-story-content h1{font-size:clamp(32px,3.5vw,55px);line-height:1.32;margin-bottom:22px}.login-story-content p{font-size:14px;line-height:2;color:#c1dcd9;max-width:370px}.login-story-foot{font-size:11px;color:#a5c7c9;position:relative;z-index:1}.login-story-foot span{margin-left:8px}.story-orbit{position:absolute;border:1px solid #ffffff1a;border-radius:50%;width:520px;height:520px;right:-300px;bottom:60px}.orbit-two{width:750px;height:750px;right:-420px;bottom:-57px}.login-main{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:35px 28px;position:relative}.login-panel{width:min(100%,385px);margin:auto}.login-panel h2{font-size:28px;margin-bottom:10px}.login-panel .intro{font-size:13px;color:var(--muted);margin-bottom:38px}.login-form p{margin-bottom:21px}.login-form .button{margin-top:12px}.login-help{font-size:11px;color:#a0adb3;margin-top:21px;text-align:center;line-height:1.8}.login-bottom{font-size:11px;color:#a9b4ba;text-align:center}.login-panel .flash-list{margin-top:24px}
@media(max-width:1020px){.sidebar{flex-basis:215px;width:215px}.topbar{padding:0 25px}.content{padding:32px 25px 55px}.site-footer{padding:20px 25px}.form-layout{grid-template-columns:minmax(0,1fr) 210px}.login-story{padding:35px}}
@media(max-width:760px){.sidebar{position:fixed;top:0;left:0;bottom:0;width:258px;height:100dvh;transform:translateX(-100%);transition:transform .25s ease}.menu-toggle:checked~.app-shell .sidebar{transform:translateX(0)}.menu-backdrop{position:fixed;inset:0;background:#10263880;z-index:15}.menu-toggle:checked~.app-shell .menu-backdrop{display:block}.menu-button{display:flex;width:31px;height:31px;align-items:flex-start;flex-direction:column;justify-content:center;gap:4px;margin-right:12px;cursor:pointer}.menu-button span{display:block;width:18px;height:2px;background:#395561;border-radius:1px}.topbar{height:59px;justify-content:flex-start;padding:0 18px}.topbar-user{margin-left:auto}.content{padding:28px 18px 50px}.site-footer{padding:15px 18px}.page-heading{align-items:flex-start}.page-heading h1{font-size:24px}.overview-banner{padding:24px}.banner-decoration{display:none}.form-layout{grid-template-columns:1fr}.hint-card{max-width:none}.login-layout{grid-template-columns:1fr}.login-story{min-height:210px;padding:25px 27px}.login-story-content{margin:38px 0 0}.login-story-content h1{font-size:28px;margin:0}.login-story-content p,.login-story-foot,.story-orbit{display:none}.login-main{min-height:calc(100vh - 210px);padding:35px 22px}.login-panel{margin:auto}.login-panel .intro{margin-bottom:28px}}
@media(max-width:500px){.page-heading{display:block}.page-heading .button{margin-top:19px}.overview-banner{min-height:150px}.overview-banner h2{font-size:19px}.stats-grid{gap:10px}.stat-card{padding:17px 15px;min-height:142px}.stat-value{font-size:27px}.stat-icon{width:29px;height:29px;font-size:17px}.panel-header{padding:19px 17px}.panel-header-wrap{display:block}.filter-form{margin-top:18px;flex-wrap:wrap}.panel-body{padding:20px 17px}.pagination{padding:14px;flex-wrap:wrap}th,td{padding-left:17px;padding-right:17px}.topbar-context{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar-user{max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:none}.login-story{min-height:190px}.login-main{min-height:calc(100vh - 190px)}}
.proxy-validation{display:flex;align-items:flex-start;flex-wrap:wrap;gap:16px;margin:0 25px 23px;padding:16px;background:var(--teal-pale);border:1px solid var(--line);border-radius:5px}.proxy-validation form{margin:0;flex:none}.proxy-validation>div{flex:1 1 260px;min-width:0}.proxy-validation p{font-size:12px;color:var(--muted);overflow-wrap:anywhere}.proxy-validation #proxy-validation-progress{margin-top:7px;font-weight:600;color:var(--ink)}.proxy-validation #proxy-validation-notice:not(:empty){margin-top:7px;color:var(--danger)}@media(max-width:500px){.proxy-validation{margin:0 17px 19px;padding:13px}}.proxy-toolbar{display:flex;flex-wrap:wrap;gap:10px}.proxy-filter{display:flex;align-items:flex-start;flex-wrap:wrap;gap:15px;padding:0 25px 23px}.proxy-filter-field{flex:1 1 150px;min-width:0}.proxy-filter-field label{display:block;font-size:11px;font-weight:600;color:var(--muted);margin-bottom:6px}.proxy-filter-field input{width:100%;min-height:36px;border:1px solid #dce6e7;border-radius:5px;background:var(--surface);color:var(--ink);padding:6px 10px}.proxy-filter-actions{display:flex;gap:8px;padding-top:24px}.proxy-filter .errorlist{list-style:none;padding:0;margin:6px 0 0;color:var(--danger);font-size:12px}.proxy-filter>.errorlist{flex-basis:100%}.proxy-username{max-width:240px;white-space:normal;overflow-wrap:anywhere}.proxy-delete-form{margin:0}.proxy-delete-button{border:0;background:transparent;color:var(--danger);padding:0;font-size:11px;font-weight:600}.proxy-delete-button:hover{text-decoration:underline}.proxy-import-form textarea{min-height:280px;font-family:ui-monospace,monospace;font-size:12px;line-height:1.8}.proxy-format{display:block;margin:8px 0 14px;padding:8px;background:var(--surface);border-radius:4px;font-size:11px;overflow-wrap:anywhere}.hint-card{min-width:0}@media(max-width:500px){.proxy-toolbar{margin-top:19px}.page-heading .proxy-toolbar .button{margin-top:0}.proxy-filter{padding:0 17px 19px;gap:12px}.proxy-filter-field{flex-basis:100%}.proxy-filter-actions{padding-top:0}.proxy-import-form textarea{min-height:230px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}