:root{--ink:#061a31;--navy:#082d4c;--blue:#0d4266;--aqua:#58d5dc;--aqua2:#b8f0ed;--gold:#f0ce94;--paper:#f6fbfd;--muted:#b9c9d4;--danger:#ff9295;--ok:#70d9a5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--paper);font-family:Inter,Arial,sans-serif;min-height:100vh}.top{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:14px clamp(16px,4vw,44px);background:#061a31ed;border-bottom:1px solid #ffffff17;backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:10px;color:white;text-decoration:none;font-size:22px;letter-spacing:.05em}.wave{width:46px;height:18px;fill:none;stroke:var(--aqua);stroke-width:7;stroke-linecap:round}.wave path{stroke-dasharray:330;animation:draw 3.2s ease-in-out infinite}@keyframes draw{0%,100%{stroke-dashoffset:330;opacity:.5}45%,75%{stroke-dashoffset:0;opacity:1}}.brand b,.brand em{color:var(--aqua);font-style:normal;font-weight:400}.top nav{display:flex;gap:8px;align-items:center}.top nav a,.top nav button{color:#d4e1e8;border:0;background:transparent;text-decoration:none;font:700 12px/1 Arial;padding:10px;cursor:pointer}.top nav a[aria-current=page]{color:var(--aqua)}.pill{border:1px solid #58d5dc88!important;border-radius:99px!important}.shell{max-width:1120px;margin:auto;padding:42px clamp(16px,4vw,42px) 90px}.hero{padding:34px 0 28px}.kicker{color:var(--aqua);font-size:11px;letter-spacing:.24em}.hero h1{font-size:clamp(44px,8vw,82px);font-weight:300;letter-spacing:-.045em;margin:8px 0 15px}.hero p{color:#d0dce4;max-width:760px;font-size:18px;line-height:1.6}.notice{padding:13px 16px;border:1px solid #58d5dc44;border-radius:12px;background:#0c3550;color:#dce9ef;margin:14px 0}.notice.error{border-color:#ff929577;color:#ffd5d6}.notice.ok{border-color:#70d9a577;color:#bdf5d7}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.card{background:linear-gradient(145deg,#0a3253,#082741);border:1px solid #58d5dc38;border-radius:18px;padding:clamp(20px,4vw,30px)}.card.gold{background:linear-gradient(145deg,#183b4d,#243f3d);border-color:#f0ce9450}.card h2{font-size:clamp(27px,4vw,42px);font-weight:300;margin:7px 0 20px}.form{display:grid;gap:14px}.form.two{grid-template-columns:repeat(2,minmax(0,1fr))}.form label{display:grid;gap:7px;color:#c6d4dc;font-size:12px}.form input,.form select,.form textarea{width:100%;min-height:50px;border:1px solid #58d5dc50;border-radius:11px;background:#051a31;color:white;padding:12px 14px;font:inherit}.form textarea{min-height:90px;resize:vertical}.span2{grid-column:1/-1}.btn{min-height:50px;border:0;border-radius:999px;padding:0 22px;background:var(--aqua);color:#06223a;font-weight:900;letter-spacing:.06em;cursor:pointer}.btn.secondary{background:transparent;color:var(--aqua);border:1px solid var(--aqua)}.btn.danger{background:transparent;color:#ffc1c2;border:1px solid #ff929577}.btn:disabled{opacity:.5;cursor:not-allowed}.metric{font-size:58px;color:var(--gold);font-weight:700}.subtle{color:var(--muted);line-height:1.55}.table{width:100%;border-collapse:collapse;min-width:720px}.table th,.table td{text-align:left;padding:12px;border-bottom:1px solid #ffffff18;font-size:13px}.table th{color:var(--aqua);background:#061a31}.scroll{overflow:auto;border:1px solid #ffffff17;border-radius:12px}.badge{display:inline-block;border-radius:99px;padding:5px 9px;background:#16485a;color:#8befbd;font-size:11px}.badge.pending{background:#574829;color:#ffe0a3}.badge.rejected,.badge.declined{background:#542f3b;color:#ffc0c2}.rows{display:grid;gap:10px}.row{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:center;padding:15px;border:1px solid #ffffff18;border-radius:12px;background:#061e36}.row h3{margin:0 0 5px;font-size:16px}.row p{margin:0;color:var(--muted);font-size:13px}.actions{display:flex;gap:8px;flex-wrap:wrap}.hidden{display:none!important}dialog{border:1px solid #58d5dc66;border-radius:20px;background:#0a3253;color:white;max-width:520px;width:calc(100% - 28px);padding:26px}dialog::backdrop{background:#020b15cc}.footer{text-align:center;color:#78909f;padding:30px;font-size:12px}@media(max-width:760px){.top{align-items:flex-start}.top nav{max-width:60%;overflow:auto}.top nav a{white-space:nowrap}.grid,.form.two{grid-template-columns:1fr}.span2{grid-column:auto}.shell{padding-top:20px}.hero p{font-size:16px}.row{grid-template-columns:1fr}.actions .btn{flex:1}.brand{font-size:18px}}