:root{--ink:#173044;--muted:#647581;--accent:#087e83;--accent-dark:#065c62;--line:#dae4e7;--paper:#fff;--bg:#f3f6f7;--navy:#112f40;--radius:18px;--shadow:0 10px 35px #12324409}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.6 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible{outline:3px solid #dca655;outline-offset:4px}h1,h2,h3,p{margin:0 0 16px}h1{font-size:clamp(30px,4vw,52px);line-height:1.14;letter-spacing:-.04em;font-weight:750}h2{font-size:23px;line-height:1.25;letter-spacing:-.02em}h3{font-size:17px;line-height:1.3}p{color:var(--muted)}small{font-size:12px}input,select{width:100%;min-width:0;border:1px solid #c8d5da;background:#fff;color:var(--ink);padding:12px 14px;border-radius:9px}input:focus,select:focus{outline:3px solid #087e8320;border-color:var(--accent)}.skip{position:absolute;top:-100px;left:15px;z-index:1000;background:#fff;padding:12px}.skip:focus{top:10px}.site-header{background:#fff;border-bottom:1px solid var(--line)}.header-inner{max-width:1280px;margin:auto;min-height:100px;display:flex;gap:28px;align-items:center;padding:20px 32px}.brand{display:flex;align-items:center;gap:12px;font-size:22px;color:var(--ink);font-weight:750;white-space:nowrap}.brand:hover{text-decoration:none}.brand small{display:block;letter-spacing:.14em;font-size:9px;color:var(--muted);font-weight:600}.brand-symbol{width:42px;height:46px;display:grid;place-items:center;background:var(--navy);color:#8ce1d5;font-size:27px;border-radius:12px 3px 12px 3px}.main-nav{display:flex;align-items:center;justify-content:flex-end;gap:22px;margin-left:auto;font-size:14px;flex-wrap:wrap}.main-nav a:not(.button),.nav-button{color:var(--muted)}.main-nav [aria-current]{color:var(--accent)!important;font-weight:700}.main-nav form{margin:0}.nav-button{border:0;background:transparent;padding:0}.header-inner .portal-languages{position:static;box-shadow:none;border:1px solid var(--line);flex-shrink:0}.shell{max-width:1280px;margin:auto;padding:48px 32px 72px;min-height:calc(100vh - 200px)}.hero{display:grid;grid-template-columns:1.4fr .8fr;gap:60px;align-items:center;margin:15px 0 48px}.hero h1{max-width:700px;font-size:clamp(38px,5vw,66px)}.hero p{font-size:18px;max-width:590px}.eyebrow{display:block;text-transform:uppercase;letter-spacing:.15em;color:var(--accent);font-size:11px;font-weight:800;margin-bottom:16px}.hero-art{min-height:300px;border-radius:26px;background:linear-gradient(135deg,#183e50,#0b676c);position:relative;overflow:hidden;display:flex;align-items:flex-end;padding:28px;color:#fff;box-shadow:0 25px 50px #0b676c22}.hero-art:before,.hero-art:after{content:"";position:absolute;inset:35px -50px 25px 65px;border:1px solid #8ee9de55;border-radius:30px;transform:rotate(-30deg)}.hero-art:after{inset:75px 10px -55px 15px;transform:rotate(30deg);background:linear-gradient(145deg,#8ee9de33,transparent)}.hero-art div{z-index:1}.hero-art strong{display:block;font-size:28px;line-height:1.25;letter-spacing:-.02em}.hero-art small{color:#c2e5e3}.actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.button,.submit-btn,.btn{display:inline-flex;justify-content:center;align-items:center;gap:8px;background:var(--accent);border:1px solid var(--accent);color:#fff;padding:12px 20px;border-radius:9px;font-weight:650;line-height:1.4;text-align:center}.button:hover,.btn:hover{background:var(--accent-dark);color:#fff;text-decoration:none}.button.secondary{background:#fff;color:var(--ink);border-color:var(--line)}.button.small{padding:8px 13px;font-size:13px}.button.danger{background:#a63a3a;border-color:#a63a3a}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:30px 0}.stat{padding:22px 25px;border:1px solid var(--line);border-radius:var(--radius);background:#fff}.stat strong{display:block;font-size:30px;line-height:1.3;letter-spacing:-.03em}.stat span{font-size:13px;color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.card{background:#fff;border:1px solid var(--line);padding:28px;border-radius:var(--radius);box-shadow:var(--shadow);min-width:0}.card p:last-child{margin-bottom:0}.card-title{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:22px}.card-title h2{margin:0}.feature-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;background:#e4f3f0;color:var(--accent);font-weight:800;margin-bottom:20px}.connection{background:var(--navy);color:#fff;border:0}.connection p{color:#c2d4da}.connection code{display:block;background:#ffffff10;border:1px solid #ffffff20;overflow-wrap:anywhere;border-radius:8px;padding:16px;font-size:15px;user-select:all}.page-heading{margin-bottom:30px;max-width:760px}.page-heading h1{font-size:clamp(30px,4vw,42px)}.page-heading p{margin-bottom:0}.form-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:60px;align-items:start;max-width:1050px;margin:15px auto}.field{display:flex;flex-direction:column;gap:7px;margin-bottom:18px;font-size:14px;font-weight:600}.field small{font-weight:400;color:var(--muted)}.fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-note{font-size:13px;margin:18px 0 0}.notice{border-radius:10px;padding:15px 18px;border:1px solid #abd7cc;background:#e9f7f1;color:#18574a;margin-bottom:24px;font-size:14px;overflow-wrap:anywhere}.notice.error{border-color:#e8b5b5;background:#fff0f0;color:#8a3030}.badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:30px;font-size:11px;font-weight:700;background:#edf1f3;color:#4e6573;white-space:nowrap}.badge.approved,.badge.completed,.badge.online{background:#e2f4ec;color:#1c7158}.badge.pending,.badge.running,.badge.building{background:#fff2d9;color:#8e681c}.badge.rejected,.badge.failed,.badge.offline{background:#fbe8e8;color:#9c3e3e}.details{margin:0}.details div{display:flex;justify-content:space-between;gap:24px;padding:15px 0;border-bottom:1px solid var(--line)}.details div:last-child{border-bottom:0}.details dt{color:var(--muted);font-size:14px}.details dd{margin:0;text-align:right;overflow-wrap:anywhere;max-width:65%}.muted{color:var(--muted);font-size:13px}.mono{font:12px/1.5 ui-monospace,monospace;overflow-wrap:anywhere}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 25px;border-bottom:1px solid var(--line);padding-bottom:18px}.tabs a{padding:8px 15px;border-radius:8px;background:#fff;color:var(--muted);font-size:14px}.tabs a[aria-current]{background:var(--navy);color:#fff}.table-wrap{overflow-x:auto;max-width:100%}table{border-collapse:collapse;width:100%;font-size:13px;text-align:left}th{padding:12px 14px;background:#f4f7f8;color:var(--muted);font-size:11px;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}td{padding:15px 14px;border-bottom:1px solid var(--line);vertical-align:top}td strong{display:block}td small{display:block;color:var(--muted)}.inline-actions{display:flex;gap:8px;flex-wrap:wrap}.inline-actions form{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.inline-actions input{max-width:180px;padding:8px;font-size:13px}.empty{padding:35px;text-align:center;color:var(--muted);background:#f6f8f9;border-radius:12px}.stack{display:grid;gap:22px}.job{display:flex;justify-content:space-between;gap:18px;padding:15px 0;border-bottom:1px solid var(--line)}.job:last-child{border:0}.site-footer{max-width:1280px;margin:auto;padding:25px 32px;display:flex;justify-content:space-between;gap:15px;border-top:1px solid var(--line);color:var(--muted);font-size:12px}.confirm-panel{background:#f6f9fa;border:1px solid var(--line);padding:20px;border-radius:12px;margin:20px 0}.confirm-panel .field{max-width:360px}.admin-top{display:flex;justify-content:space-between;align-items:flex-start;gap:24px}.search{display:flex;gap:8px;margin-bottom:24px}.search input{max-width:420px}.admin-detail{margin-top:24px}.radio-group{border:0;padding:0;margin:0 0 20px}.radio-group legend{font-size:14px;font-weight:600;margin-bottom:10px}.radio-options{display:flex;gap:14px}.radio-options label{display:flex;gap:8px;align-items:center;border:1px solid var(--line);border-radius:9px;padding:11px 18px;flex:1}.radio-options input{width:auto;accent-color:var(--accent)}
@media(max-width:1050px){.header-inner{flex-wrap:wrap;gap:18px}.brand{font-size:19px}.main-nav{gap:15px}.hero{gap:30px}.grid.three{grid-template-columns:1fr 1fr}.form-layout{gap:30px}}
@media(max-width:720px){.header-inner{padding:16px 20px}.main-nav{order:3;width:100%;justify-content:flex-start;margin:0;gap:17px}.header-inner .portal-languages{margin-left:auto}.shell{padding:30px 20px 45px}.hero,.form-layout,.grid,.grid.three{grid-template-columns:1fr;gap:22px}.hero{margin-top:0}.hero-art{min-height:200px}.stats{gap:9px}.stat{padding:16px 12px}.stat strong{font-size:25px}.stat span{font-size:11px}.card{padding:22px}.fields{grid-template-columns:1fr;gap:0}.site-footer{padding:22px 20px;flex-direction:column}.admin-top{display:block}.details div{gap:12px}.job{flex-wrap:wrap}.form-layout>.page-heading{margin-bottom:0}.form-layout h1{font-size:34px}.hero h1{font-size:42px}.radio-options label{padding:10px 12px}}
@media(max-width:720px){.header-inner .brand{font-size:17px;white-space:normal;flex:1;min-width:0}.brand-symbol{flex-shrink:0}.brand small{font-size:8px}.header-inner .portal-languages a{min-width:38px;padding:5px}.hero h1{font-size:clamp(32px,9vw,42px)}}
.permission-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:18px 0}.permission-item{display:flex;align-items:flex-start;gap:12px;padding:14px;border:1px solid var(--line);border-radius:10px;font-size:13px;cursor:pointer}.permission-item input{width:18px;min-width:18px;margin:3px 0 0;accent-color:var(--accent)}.permission-item small{display:block;color:var(--muted);margin-top:5px}.full-access{background:#e8f5ef}.authenticator-qr{max-width:280px;background:#fff;margin:20px auto}.authenticator-qr svg{display:block;width:100%;height:auto}.setup-secret{display:block;overflow-wrap:anywhere;background:var(--bg);padding:15px;border-radius:9px;margin-bottom:24px;user-select:all}.recovery-panel{margin-bottom:24px}.recovery-codes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;list-style:none;padding:0}.recovery-codes code{font-size:14px;user-select:all}.permission-item:has(input:checked){border-color:var(--accent);background:#edf7f4}@media(max-width:720px){.permission-grid,.recovery-codes{grid-template-columns:1fr}}

.region-card{margin-top:24px}.region-card details{border-top:1px solid var(--line);padding:18px 0}.region-card summary{cursor:pointer;font-weight:600;color:var(--navy)}.region-card details form{margin-top:20px}.region-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.region-card .field{min-width:0}.region-card input[type=checkbox]{width:auto}.region-card p,.region-card .job{overflow-wrap:anywhere}.region-card select{width:100%;min-width:0}.region-card form>.field{max-width:420px}.region-card button{margin-top:10px}@media(max-width:800px){.region-fields{grid-template-columns:1fr}.main-nav{flex-wrap:wrap}}