@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Playfair+Display:wght@600&display=swap";:root{--ink:#101512;--panel:#171d19;--green:#1f5c49;--gold:#c9a66b;--cream:#f3f0e8;--muted:#9ba49a}*{box-sizing:border-box}body{color:var(--cream);background:#0d110f;margin:0;font:14px Manrope,Arial}.shell{grid-template-columns:230px 1fr;min-height:100vh;display:grid}aside{background:#121713;border-right:1px solid #29322c;flex-direction:column;padding:32px 22px;display:flex}.mark{color:var(--gold);align-items:center;gap:8px;font-size:20px;font-weight:800;display:flex}.mark i{background:var(--green);width:22px;height:2px;display:block;transform:skew(-35deg)}nav{gap:8px;margin-top:58px;display:grid}button{background:var(--green);color:#fff;cursor:pointer;border:0;border-radius:7px;justify-content:center;align-items:center;gap:8px;padding:12px 16px;font:600 14px Manrope;display:inline-flex}button:hover{filter:brightness(1.15)}button:disabled{opacity:.45;cursor:not-allowed}nav button,.aside-bottom button{color:var(--muted);background:0 0;justify-content:start}nav .active{color:var(--cream);border-left:2px solid var(--gold);background:#203126}.aside-bottom{color:var(--muted);gap:10px;margin-top:auto;display:grid}.content{width:100%;max-width:1280px;margin:auto;padding:48px}header{justify-content:space-between;align-items:center;margin-bottom:34px;display:flex}.eyebrow{letter-spacing:.16em;color:var(--gold);margin:0 0 8px;font-size:10px;font-weight:800}h1{margin:0;font:600 34px Playfair Display,serif}h2{margin:0;font-size:17px}.new{background:var(--cream);color:var(--ink)}.cards{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:28px;display:grid}.cards article,.panel{background:var(--panel);border:1px solid #29352d;border-radius:12px}.cards article{padding:20px}.cards span{color:var(--muted);font-size:12px;display:block}.cards b{margin-top:10px;font-size:29px;display:block}.panel{padding:24px}.panel-head{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.search{color:var(--muted);background:#101512;border:1px solid #2a352d;border-radius:7px;align-items:center;gap:8px;padding:8px 11px;display:flex}.search input{color:#fff;background:0 0;border:0;outline:0;width:230px}.tr{border-top:1px solid #29322c;grid-template-columns:.8fr 1.7fr 1fr 1.2fr 1fr;align-items:center;gap:14px;padding:15px 4px;display:grid}.th{color:var(--muted);border-top:0;padding-top:0;font-size:11px}.badge{color:#b6d3b9;background:#28352c;border-radius:12px;width:max-content;padding:5px 8px;font-size:12px;font-style:normal}.badge.PAID{background:#1b4e43}.badge.EXPIRED,.badge.DELETED{color:#e6c49c;background:#40342d}.empty,.muted{color:var(--muted)}.form{max-width:800px}.grid{grid-template-columns:1fr 1fr;gap:16px;margin:20px 0;display:grid}label{color:var(--muted);gap:7px;font-size:12px;display:grid}input{color:var(--cream);background:#101512;border:1px solid #344038;border-radius:6px;padding:12px;font:14px Manrope}.notice{border-left:2px solid var(--gold);color:#ebd5ad;background:#2b2920;padding:10px 12px}.services{border-top:1px solid #2c352e;margin-top:26px;padding-top:24px}.services>div:first-child{justify-content:space-between;align-items:center;display:flex}.minor{color:var(--gold);background:0 0;border:1px solid #6d5a39;padding:8px 11px}.item{grid-template-columns:1fr 170px;gap:10px;margin-top:12px;display:grid}.total,.paytotal{border-top:1px solid #3a453c;justify-content:space-between;margin-top:18px;padding-top:18px;font-size:17px;display:flex}.form footer{justify-content:flex-end;gap:12px;margin-top:30px;display:flex}.login,.public{background:radial-gradient(circle at 50% 0,#1e3429,#0d110f 50%);place-content:center;justify-items:center;gap:28px;min-height:100vh;display:grid}.login-card,.paycard{background:#161d18;border:1px solid #4a503e;border-radius:15px;width:min(440px,100vw - 32px);padding:38px;box-shadow:0 22px 60px #0008}.login-card form{gap:17px;margin-top:28px;display:grid}.error{color:#ee9e93}.public{padding:24px}.paycard{border-top:2px solid var(--gold)}.lines{margin:28px 0}.lines>div{color:#d5dbd3;justify-content:space-between;gap:24px;padding:13px 0;display:flex}.paytotal{color:#fff}.expires{color:var(--muted);margin-bottom:18px;font-size:12px}.paycard button{width:100%}@media (width<=800px){.shell{display:block}aside{flex-direction:row;align-items:center;height:72px;padding:16px 20px}.aside-bottom{display:none}nav{margin:0 0 0 auto;display:flex}.content{padding:28px 16px}.cards{grid-template-columns:repeat(2,1fr)}.tr{grid-template-columns:1fr 1fr}.tr span:nth-last-child(-n+1),.th span:nth-last-child(-n+1){display:none}.grid,.item{grid-template-columns:1fr}header{align-items:flex-start}.panel{padding:18px}.panel-head{flex-direction:column;align-items:flex-start;gap:14px}.search input{width:100%}}.row-button{width:100%;color:inherit;text-align:left;background:0 0;border-radius:0;font-weight:400}.row-button:hover{filter:none;background:#1c251f}.back{color:var(--muted);background:0 0;margin-bottom:24px;padding:0}.detail-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:18px;display:grid}.detail-grid>*{min-width:0}.link-panel{align-self:start}.linkbox{background:#0f1511;border:1px solid #354139;border-radius:8px;align-items:center;gap:8px;min-width:0;max-width:100%;margin:18px 0 10px;padding:7px 7px 7px 12px;display:flex}.linkbox span{white-space:nowrap;text-overflow:ellipsis;color:#dce7df;min-width:0;overflow:hidden}.linkbox button{flex:none;padding:8px}.detail-actions{gap:10px;min-width:0;margin-top:20px;display:grid}.detail-actions button{white-space:normal;max-width:100%}.purpose{border-left:2px solid var(--gold);color:var(--muted);background:#111713;padding:13px 15px;line-height:1.7}.purpose b{color:var(--cream)}.confirm{color:#d6ddd7;grid-template-columns:20px 1fr;align-items:start;gap:10px;margin:18px 0;line-height:1.5;display:flex}.confirm input{width:18px;height:18px;accent-color:var(--green);padding:0}.secure{color:var(--muted);justify-content:center;align-items:center;gap:6px;margin:14px 0 0;font-size:11px;display:flex}@media (width<=800px){.detail-grid{grid-template-columns:1fr}}.mark{color:var(--gold);gap:11px}.mark img{object-fit:cover;object-position:center;border:1px solid #b99459;border-radius:50%;width:64px;height:64px;box-shadow:0 4px 18px #0008}.mark span{letter-spacing:.01em;font-size:16px}.login>.mark,.public>.mark{flex-direction:column;gap:10px}.login>.mark img,.public>.mark img{border-width:2px;width:112px;height:112px;box-shadow:0 10px 35px #000b}.login>.mark span,.public>.mark span{font:600 20px Playfair Display,serif}@media (width<=800px){aside{height:96px}aside>.mark span{display:none}aside>.mark img{width:68px;height:68px}}html,body,#root{min-height:100dvh}html{background:#0d110f}body{overscroll-behavior-y:none;-webkit-tap-highlight-color:transparent}.shell,.login,.public{min-height:100dvh}.content{padding-bottom:max(48px,env(safe-area-inset-bottom))}.login,.public{padding-top:max(24px,env(safe-area-inset-top));padding-right:max(24px,env(safe-area-inset-right));padding-bottom:max(24px,env(safe-area-inset-bottom));padding-left:max(24px,env(safe-area-inset-left))}@media (display-mode:standalone){body{-webkit-user-select:none;user-select:none}.content,.login-card,.paycard{-webkit-user-select:text;user-select:text}}@media (width<=800px){aside{z-index:20;height:calc(96px + env(safe-area-inset-top));padding-top:max(16px,env(safe-area-inset-top));padding-left:max(20px,env(safe-area-inset-left));padding-right:max(20px,env(safe-area-inset-right));position:sticky;top:0;box-shadow:0 8px 24px #0005}nav button{white-space:nowrap;min-height:44px}.content{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right));padding-bottom:max(28px,env(safe-area-inset-bottom))}input{font-size:16px}.login,.public{padding-top:max(32px,calc(env(safe-area-inset-top) + 20px));place-content:start center;overflow:auto}}.public{width:100%}.paycard{min-width:0;max-width:440px}.lines>div>*{min-width:0}.lines span{overflow-wrap:anywhere}.lines b{text-align:right;flex:none}.shell,.content,.panel{min-width:0}@media (width>=801px) and (width<=1100px){.shell{grid-template-columns:200px minmax(0,1fr)}aside{padding-left:18px;padding-right:18px}.content{padding:36px 28px}.detail-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.35fr)}.mark span{font-size:14px}.panel{padding:20px}}@media (width<=430px){.public{padding-top:max(18px,env(safe-area-inset-top));padding-right:max(14px,env(safe-area-inset-right));padding-bottom:max(18px,env(safe-area-inset-bottom));padding-left:max(14px,env(safe-area-inset-left));gap:18px}.public>.mark{gap:6px}.public>.mark img{width:82px;height:82px}.public>.mark span{font-size:17px}.paycard{border-radius:12px;width:100%;padding:24px 20px}.paycard h1{font-size:27px;line-height:1.12}.paycard .muted{margin-bottom:12px}.purpose{padding:11px 12px;line-height:1.55}.paycard .lines{margin:18px 0}.paycard .lines>div{gap:12px;padding:10px 0}.paycard .lines span,.paycard .lines b{font-size:13px}.paycard .paytotal{font-size:16px}.confirm{margin:15px 0;font-size:12px}.paycard button{min-height:50px;padding:13px 12px}.secure{text-align:center;line-height:1.4}}@media (width<=340px){.public{padding-left:max(10px,env(safe-area-inset-left));padding-right:max(10px,env(safe-area-inset-right))}.paycard{padding:20px 16px}.paycard h1{font-size:24px}}.danger{color:#fff;background:#762f2a;border:1px solid #a64a42}.danger:hover{background:#8b3831}.refund-open{width:100%;min-height:48px;margin-top:24px}.refund-done{color:#bce5ca;background:#193426;border:1px solid #2f694f;border-radius:8px;align-items:center;gap:8px;margin-top:22px;padding:13px 15px;display:flex}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#050806d9;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.refund-modal{background:#171d19;border:1px solid #6a5540;border-radius:14px;width:min(500px,100%);max-height:calc(100dvh - 40px);padding:30px;position:relative;overflow:auto;box-shadow:0 30px 90px #000c}.refund-modal h2{margin:0 42px 8px 0;font:600 28px Playfair Display,serif}.modal-close{width:38px;height:38px;color:var(--muted);background:0 0;padding:0;position:absolute;top:16px;right:16px}.refund-warning{color:#efc6c1;background:#33201d;border-left:3px solid #b64a40;margin:22px 0;padding:13px 15px;line-height:1.55}.refund-modal label{margin-top:16px}.refund-modal textarea{resize:vertical;min-height:82px;color:var(--cream);background:#101512;border:1px solid #344038;border-radius:6px;padding:12px;font:14px Manrope}.modal-actions{justify-content:flex-end;gap:10px;margin-top:24px;display:flex}.modal-actions button{min-height:46px}@media (width<=520px){.modal-backdrop{align-items:end;padding:10px}.refund-modal{max-height:calc(100dvh - 20px);padding:24px 18px calc(20px + env(safe-area-inset-bottom));border-radius:14px 14px 8px 8px}.refund-modal h2{font-size:24px}.modal-actions{grid-template-columns:1fr;display:grid}.modal-actions .danger{grid-row:1}.refund-modal input,.refund-modal textarea{font-size:16px}}.payment-success{isolation:isolate;min-height:100dvh;padding:max(32px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(28px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));text-align:center;background:radial-gradient(circle at 50% -15%,#284f3c 0,#15241c 30%,#0d110f 66%);place-content:center;justify-items:center;gap:26px;display:grid;position:relative;overflow:hidden}.payment-success:before{content:"";z-index:-1;aspect-ratio:1;border:1px solid #c9a66b24;border-radius:50%;width:min(720px,92vw);position:absolute;box-shadow:0 0 0 70px #c9a66b0a,0 0 0 140px #c9a66b08}.success-glow{z-index:-2;filter:blur(70px);opacity:.2;border-radius:50%;position:absolute}.success-glow-one{background:#3a9a72;width:300px;height:300px;top:-120px;right:-80px}.success-glow-two{background:#c9a66b;width:240px;height:240px;bottom:-110px;left:-60px}.success-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(145deg,#19231dcc,#121813f2);border:1px solid #736345;border-radius:24px;width:min(540px,100vw - 40px);padding:42px 48px 38px;box-shadow:0 30px 90px #000b,inset 0 1px #f2d49b25}.success-card>.mark{flex-direction:column;justify-content:center;gap:8px}.success-card>.mark img{border-width:2px;width:118px;height:118px;box-shadow:0 12px 38px #000b}.success-card>.mark span{font:600 20px Playfair Display,serif}.success-icon{color:#dff7e8;background:#1f5c49;border:1px solid #73b894;border-radius:50%;place-items:center;width:76px;height:76px;margin:28px auto 24px;display:grid;box-shadow:0 0 0 9px #1f5c4933,0 12px 32px #0007}.success-card h1{max-width:420px;margin:0 auto 16px;font-size:40px;line-height:1.08}.success-lead{color:#f3f0e8;margin:0 0 12px;font-size:18px;font-weight:700}.success-copy{color:#aeb9b0;max-width:410px;margin:0 auto;font-size:14px;line-height:1.7}.success-divider{background:linear-gradient(90deg,transparent,var(--gold),transparent);width:72px;height:1px;margin:28px auto 22px}.success-close{color:#cbd3cc;justify-content:center;align-items:center;gap:8px;margin:0;font-size:12px;display:flex}.success-close svg{color:var(--gold)}.success-footer{color:#8f9b91;letter-spacing:.2em;margin:0;font-size:9px;font-weight:800}@media (width<=560px){.payment-success{place-content:center;gap:20px}.payment-success:before{width:115vw}.success-card{border-radius:18px;width:min(100%,430px);padding:30px 22px 28px}.success-card>.mark img{width:88px;height:88px}.success-card>.mark span{font-size:17px}.success-icon{width:64px;height:64px;margin:22px auto 20px}.success-icon svg{width:30px;height:30px}.success-card h1{font-size:31px}.success-lead{font-size:16px}.success-copy{font-size:13px;line-height:1.6}.success-divider{margin:23px auto 19px}.success-footer{max-width:290px;line-height:1.7}}
