:root{--navy:#0a2540;--navy2:#123b60;--gold:#c9a84c;--ink:#17212b;--muted:#66727d;--line:#e4e6e8;--soft:#f6f7f8;--wine:#8c1723;--green:#176b5d;--greenSoft:#edf8f5;--amber:#8a5a00;--amberSoft:#fffaf0;--white:#fff;--shadow:0 15px 42px rgba(10,37,64,.09);--radius:18px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#f5f6f7;font-family:Arial,Helvetica,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit}.s2-top{background:#081c30;color:#fff;font-size:.82rem}.s2-top-inner,.s2-header-inner,.s2-main,.s2-footer-inner{width:min(1120px,calc(100% - 32px));margin:auto}.s2-top-inner{min-height:38px;display:flex;align-items:center;justify-content:space-between;gap:16px}.s2-top a{text-decoration:none}.s2-lang{display:flex;align-items:center;gap:6px}.s2-lang button{border:0;background:transparent;color:#dbe3e8;padding:5px 8px;border-radius:6px;font-weight:700}.s2-lang button.active{background:#fff;color:var(--navy)}.s2-header{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:30}.s2-header-inner{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:20px}.s2-brand{display:flex;align-items:center;gap:12px;text-decoration:none;min-width:0}.s2-brand img{width:72px;height:52px;object-fit:contain}.s2-brand strong{display:block;color:var(--navy);font-size:.98rem}.s2-brand small{display:block;color:var(--muted);font-size:.75rem;margin-top:2px}.s2-nav{display:flex;align-items:center;gap:10px}.s2-nav a{text-decoration:none;font-size:.84rem;font-weight:700;color:var(--navy);padding:9px 11px;border-radius:9px}.s2-nav .primary{background:var(--navy);color:#fff}.s2-hero{background:linear-gradient(135deg,#0a2540,#123b60);color:#fff}.s2-hero-inner{width:min(940px,calc(100% - 32px));margin:auto;padding:48px 0 44px}.s2-eyebrow{text-transform:uppercase;letter-spacing:.13em;font-size:.72rem;font-weight:800;color:#f1d986;margin-bottom:10px}.s2-hero h1{font-size:clamp(2rem,5vw,3.25rem);line-height:1.05;margin:0;letter-spacing:-.03em}.s2-hero p{max-width:720px;margin:16px 0 0;color:#e2eaf0;font-size:1rem}.s2-secure{display:inline-flex;gap:8px;align-items:center;margin-top:20px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.17);border-radius:999px;padding:8px 12px;font-size:.8rem}.s2-main{padding:30px 0 48px}.s2-process{display:grid;grid-template-columns:repeat(5,1fr);background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;margin-bottom:24px}.s2-step{padding:13px 12px;border-right:1px solid var(--line);min-width:0}.s2-step:last-child{border-right:0}.s2-step .n{font-size:.66rem;color:var(--gold);font-weight:900;letter-spacing:.09em;display:block}.s2-step .t{font-size:.76rem;color:var(--navy);font-weight:800;display:block;margin-top:2px}.s2-grid{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:22px;align-items:start}.s2-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;margin-bottom:18px}.s2-card-head{padding:23px 25px 17px;border-bottom:1px solid var(--line)}.s2-card-head h2,.s2-card-head h3{margin:0;color:var(--navy);line-height:1.2}.s2-card-head p{margin:7px 0 0;color:var(--muted);font-size:.88rem}.s2-card-body{padding:23px 25px}.s2-lookup{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:13px;align-items:end}.s2-field label{display:block;color:var(--navy);font-size:.76rem;font-weight:800;margin-bottom:6px}.s2-field input,.s2-field select,.s2-field textarea{width:100%;border:1px solid #cfd4d9;border-radius:10px;padding:11px 12px;background:#fff;color:var(--ink);outline:none}.s2-field input:focus,.s2-field textarea:focus{border-color:#6385a0;box-shadow:0 0 0 3px rgba(10,37,64,.08)}.s2-field small{display:block;color:var(--muted);font-size:.7rem;margin-top:5px}.s2-btn{border:0;border-radius:10px;padding:12px 15px;font-weight:800;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:7px}.s2-btn.primary{background:var(--navy);color:#fff}.s2-btn.primary:hover{background:#113958}.s2-btn.secondary{background:#fff;color:var(--navy);border:1px solid #cfd4d9}.s2-btn.danger{background:#fff3f3;color:#8d1e28;border:1px solid #eccbcc}.s2-btn.full{width:100%}.s2-btn:disabled{opacity:.55;cursor:not-allowed}.s2-status{margin-top:14px;font-size:.84rem;padding:10px 12px;border-radius:9px;display:none}.s2-status.show{display:block}.s2-status.info{background:#eef4f8;color:#294c67}.s2-status.error{background:#fff0f1;color:#861d28}.s2-status.success{background:var(--greenSoft);color:var(--green)}.s2-obligation{border:1px solid var(--line);border-radius:14px;overflow:hidden;margin-top:14px}.s2-obligation-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;background:#fafafa;border-bottom:1px solid var(--line)}.s2-obligation-head strong{color:var(--navy)}.s2-badge{display:inline-flex;align-items:center;border-radius:999px;padding:5px 9px;font-size:.68rem;font-weight:900;letter-spacing:.04em;text-transform:uppercase}.s2-badge.pending{background:var(--amberSoft);color:var(--amber)}.s2-badge.due{background:#fdf1f2;color:#8c1723}.s2-badge.paid{background:var(--greenSoft);color:var(--green)}.s2-obligation-body{padding:16px}.s2-obligation-body p{margin:0 0 11px;color:var(--muted);font-size:.86rem}.s2-amount{background:#f8f7f3;border:1px solid #e7dfc9;border-radius:12px;padding:15px;margin:13px 0}.s2-amount span{display:block;font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:800}.s2-amount strong{display:block;color:var(--navy);font-size:1.85rem;margin-top:2px}.s2-lock{font-size:.77rem;color:#5f6973;background:#f7f8f9;border-radius:9px;padding:9px 11px;margin:10px 0 14px}.s2-payment-shell{margin-top:15px;border-top:1px solid var(--line);padding-top:15px}.s2-order{border:1px solid var(--line);border-radius:12px;padding:14px;margin-bottom:13px;background:#fafafa}.s2-order-row{display:flex;justify-content:space-between;gap:16px;font-size:.8rem;padding:4px 0}.s2-order-row span{color:var(--muted)}.s2-order-total{border-top:1px solid var(--line);margin-top:8px;padding-top:10px;display:flex;justify-content:space-between;color:var(--navy);font-weight:900}.s2-payment-frame{width:100%;min-height:600px;border:1px solid var(--line);border-radius:12px;background:#fff}.s2-side{background:#fff;border:1px solid var(--line);border-radius:15px;padding:18px;box-shadow:0 8px 24px rgba(10,37,64,.05);margin-bottom:16px}.s2-side h3{color:var(--navy);margin:0 0 10px;font-size:1rem}.s2-side ol{margin:0;padding-left:20px;color:#55616c;font-size:.82rem}.s2-side li+li{margin-top:8px}.s2-help{background:#0a2540;color:#fff}.s2-help p{color:#dce5ec;font-size:.82rem}.s2-help a{font-weight:900}.s2-footer{background:#081c30;color:#cfd9df;padding:26px 0;font-size:.76rem}.s2-footer-inner{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.hidden{display:none!important}.s2-admin-grid{display:grid;grid-template-columns:390px minmax(0,1fr);gap:20px}.s2-table-list{display:grid;gap:9px}.s2-app-row{width:100%;text-align:left;border:1px solid var(--line);background:#fff;border-radius:11px;padding:12px;display:grid;gap:3px}.s2-app-row:hover{border-color:#9eacb7}.s2-app-row strong{color:var(--navy);font-size:.85rem}.s2-app-row span{font-size:.72rem;color:var(--muted)}.s2-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.s2-kv{padding:10px 12px;background:#f8f9fa;border-radius:9px}.s2-kv span{display:block;font-size:.66rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:800}.s2-kv strong{display:block;font-size:.82rem;color:var(--navy);margin-top:3px;overflow-wrap:anywhere}.s2-admin-form{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-top:14px}.s2-admin-form .wide{grid-column:1/-1}.s2-snapshot{white-space:pre-wrap;overflow-wrap:anywhere;background:#0e2134;color:#e8f0f5;border-radius:10px;padding:14px;font:12px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;max-height:330px;overflow:auto}.s2-toolbar{display:flex;gap:9px;align-items:end;margin-bottom:14px}.s2-toolbar .s2-field{flex:1}.s2-login{max-width:460px;margin:30px auto}.s2-muted{color:var(--muted);font-size:.8rem}.s2-divider{height:1px;background:var(--line);margin:18px 0}
@media(max-width:900px){.s2-grid,.s2-admin-grid{grid-template-columns:1fr}.s2-process{overflow:auto;grid-template-columns:repeat(5,minmax(120px,1fr))}.s2-side-wrap{display:grid;grid-template-columns:1fr 1fr;gap:14px}.s2-side{margin:0}.s2-nav a:not(.primary){display:none}}
@media(max-width:620px){.s2-top-inner,.s2-header-inner,.s2-main,.s2-footer-inner{width:min(100% - 22px,1120px)}.s2-top-inner>a{display:none}.s2-header-inner{min-height:68px}.s2-brand img{width:59px;height:43px}.s2-brand strong{font-size:.84rem}.s2-brand small{font-size:.68rem}.s2-nav .primary{font-size:.74rem;padding:8px 10px}.s2-hero-inner{width:min(100% - 22px,940px);padding:36px 0 33px}.s2-main{padding-top:20px}.s2-card-head,.s2-card-body{padding-left:16px;padding-right:16px}.s2-lookup,.s2-detail-grid,.s2-admin-form{grid-template-columns:1fr}.s2-admin-form .wide{grid-column:auto}.s2-side-wrap{grid-template-columns:1fr}.s2-toolbar{align-items:stretch;flex-direction:column}.s2-process{margin-bottom:17px}.s2-payment-frame{min-height:650px}}