:root{--bg:#0b111c;--sidebar:#0e1521;--panel:#121b29;--panel2:#182333;--line:#263143;--text:#eef3f8;--muted:#8b99ad;--green:#b7f67d;--greenText:#172711;--danger:#ff9b9b;--blue:#9dbdff;--shadow:0 12px 45px #0003;font-family:'Manrope',system-ui,-apple-system,'Segoe UI',sans-serif;color:var(--text);background:var(--bg);font-size:14px;color-scheme:dark}
:root[data-theme=light]{--bg:#f4f6f8;--sidebar:#fff;--panel:#fff;--panel2:#f2f5f8;--line:#e0e5eb;--text:#192536;--muted:#69798c;--green:#a1df65;--danger:#b93232;--blue:#326cbe;color-scheme:light}
*{box-sizing:border-box}
body{margin:0}
a{color:inherit;text-decoration:none}
button,input,textarea,select{font:inherit}
button,a,input,select,textarea{outline-offset:4px}
button{cursor:pointer}
button:disabled{opacity:.5;cursor:wait}
p{line-height:1.65}
h1,h2,h3,h4,p{margin-top:0}
h1{font-size:30px;line-height:1.25;letter-spacing:-1px;margin-bottom:9px}
h2{font-size:19px;letter-spacing:-.45px}
h3{font-size:16px}
small{font-size:12px}
.muted{color:var(--muted)}
.accent{color:var(--green)}
.danger{color:var(--danger)}
.icon{flex-shrink:0;vertical-align:middle}
.brand-symbol{display:inline-grid;place-items:center;background:var(--green);color:var(--greenText);height:40px;width:40px;border-radius:12px;font-size:24px;font-weight:800}
.skip-link{position:fixed;left:20px;top:-60px;z-index:100;background:var(--green);color:var(--greenText);padding:12px}
.skip-link:focus{top:20px}
.sidebar{position:fixed;left:0;top:0;bottom:0;width:238px;background:var(--sidebar);border-right:1px solid var(--line);padding:30px 20px 20px;display:flex;flex-direction:column;z-index:20}
.brand{display:flex;align-items:center;gap:11px;padding:0 8px 29px;font-size:20px;font-weight:800;letter-spacing:-.6px}
.brand small{font-size:10px;letter-spacing:2px;font-weight:600;color:var(--muted);display:block;margin-top:4px}
.nav{display:flex;flex-direction:column;gap:5px}
.nav a{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:10px;font-size:12.5px;font-weight:600;color:var(--muted);transition:.15s}
.nav a:hover{background:var(--panel2);color:var(--text)}
.nav a.active{color:var(--green);background:#b7f67d10}
.nav a.active:after{content:'';width:5px;height:5px;border-radius:50%;background:var(--green);margin-left:auto}
.icon-btn{border:0;background:transparent;color:var(--muted);display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:9px}
.icon-btn:hover{background:var(--panel2);color:var(--text)}
.avatar{display:inline-grid;place-items:center;width:36px;height:36px;border:1px solid #b7f67d44;border-radius:50%;background:#b7f67d12;color:var(--green);font-weight:800;font-size:12px}
.content{max-width:1420px;margin:auto;padding:32px 40px 45px}
.page-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:26px}
.page-heading p{color:var(--muted);font-size:12px;margin:0}
.eyebrow{font-size:9px;letter-spacing:1.6px;font-weight:800;color:var(--muted);margin-bottom:10px}
.heading-actions{display:flex;gap:10px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:40px;border:1px solid var(--line);color:var(--text);background:var(--panel2);border-radius:9px;padding:10px 16px;font-size:12px;font-weight:700;transition:.15s}
.btn:hover{border-color:var(--muted);transform:translateY(-1px)}
.btn.primary{background:var(--green);border-color:var(--green);color:var(--greenText)}
.btn.primary:hover{filter:brightness(1.05)}
.btn.danger{color:var(--danger);border-color:#ff9b9b33;background:#ff9b9b08}
.btn.small{min-height:32px;padding:7px 11px;font-size:11px}
.btn.full{width:100%}
.btn.link{background:none;border:0;color:var(--green);padding-left:0}
.badge{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);background:var(--panel2);color:var(--muted);border-radius:6px;font-size:10px;font-weight:700;padding:5px 8px}
.badge.green{color:var(--green);background:#b7f67d0b;border-color:#b7f67d20}
.badge.green:before{content:'';height:5px;width:5px;background:var(--green);border-radius:50%}
.badge.red{color:var(--danger)}
.grid{display:grid;gap:18px}
.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}
.grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}
.card{padding:24px;border:1px solid var(--line);border-radius:14px;background:var(--panel);min-width:0}
.card-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:20px}
.card-title h2{margin:0;font-size:16px}
.card-title .icon{color:var(--muted)}
.plan-title{font-size:27px;font-weight:800;letter-spacing:-.7px;margin:15px 0 3px}
.progress{height:5px;border-radius:5px;background:var(--line);overflow:hidden;margin-top:12px}
.progress>span{height:100%;background:var(--green);display:block;border-radius:5px}
.quick-card{display:flex;align-items:center;gap:14px;border:1px solid var(--line);border-radius:12px;padding:18px;background:var(--panel);transition:.15s}
.quick-card:hover{background:var(--panel2);border-color:#b7f67d55}
.quick-icon{display:grid;place-items:center;width:40px;height:40px;background:#b7f67d0a;color:var(--green);border:1px solid #b7f67d15;border-radius:11px}
.quick-card strong{font-size:12px;display:block;margin-bottom:5px}
.quick-card small{font-size:10px;color:var(--muted)}
.quick-card>.icon{margin-left:auto;color:var(--muted);width:16px}
table{width:100%;border-collapse:collapse;text-align:left;font-size:12px}
th{font-size:10px;color:var(--muted);font-weight:500;white-space:nowrap;padding:12px 10px;border-bottom:1px solid var(--line)}
td{padding:15px 10px;border-bottom:1px solid var(--line);vertical-align:middle}
tr:last-child td{border-bottom:0}
.amount{font-weight:700;white-space:nowrap}
.mobile-menu{display:none}
label.field{display:flex;flex-direction:column;gap:8px;font-size:12px;font-weight:600}
input,textarea,select{border:1px solid var(--line);background:var(--bg);color:var(--text);padding:12px;border-radius:8px;max-width:100%;width:100%}
input:focus,textarea:focus,select:focus{border-color:var(--green);outline:1px solid #b7f67d33}
textarea{resize:vertical}
input[type=checkbox]{width:auto;accent-color:var(--green)}
input[type=file]{font-size:11px}
.form-stack{display:flex;flex-direction:column;gap:16px}
.form-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:22px}
.empty,.error-card{padding:38px 20px;text-align:center;border:1px dashed var(--line);border-radius:12px;color:var(--muted)}
.empty>.icon,.error-card>.icon{width:34px;height:34px;color:var(--green);margin-bottom:15px}
.empty h3,.error-card h3{color:var(--text)}
.empty p,.error-card p{font-size:12px;max-width:490px;margin:0 auto 18px}
.error-card{border-color:#ff9b9b30}
.error-card>.icon{color:var(--danger)}
.loading{padding:80px;text-align:center;color:var(--muted);font-size:12px}
.spinner{display:block;width:25px;height:25px;border:2px solid var(--line);border-top-color:var(--green);border-radius:50%;margin:0 auto 20px;animation:spin .8s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.chip{padding:9px 15px;border:1px solid var(--line);border-radius:8px;color:var(--muted);background:var(--panel);font-size:11px}
.chip.active{color:var(--green);border-color:#b7f67d66;background:#b7f67d08}
.message{border:1px solid var(--line);background:var(--panel2);border-radius:12px;padding:17px;margin:15px 0;max-width:90%}
.message.admin{border-color:#b7f67d33;margin-left:auto;background:#b7f67d07}
.message p{font-size:12px;margin:0;white-space:pre-wrap;overflow-wrap:anywhere}
.message img{max-width:100%;max-height:280px;border-radius:8px;margin-top:10px}
.steps{display:flex;flex-direction:column;gap:25px}
.step{display:flex;gap:14px}
.step h3{font-size:13px;margin:4px 0 8px}
.step p{font-size:11px;color:var(--muted);margin-bottom:12px}
.divider{height:1px;background:var(--line);margin:24px 0}
.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:12px;padding:14px 0;border-bottom:1px solid var(--line)}
.toggle-row small{display:block;color:var(--muted);font-size:10px;margin-top:6px}
.toggle{display:inline-flex;align-items:center;gap:8px}
.toolbar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px}
.toolbar input{width:240px}
.pagination{display:flex;gap:10px;align-items:center;justify-content:flex-end;margin-top:20px;font-size:11px;color:var(--muted)}
dialog{color:var(--text);background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:25px;max-width:550px;width:calc(100% - 30px);box-shadow:var(--shadow)}
dialog::backdrop{background:#020712b8;backdrop-filter:blur(4px)}
.modal-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}
.modal-title h2{margin:0}
#toast-host{position:fixed;right:25px;bottom:25px;z-index:100;display:flex;flex-direction:column;gap:10px}
.toast{max-width:420px;line-height:1.6;background:var(--panel2);color:var(--text);border:1px solid #b7f67d55;border-radius:10px;padding:14px 20px;box-shadow:var(--shadow);font-size:12px}
.toast.error{border-color:#ff9b9b88}
.demo-login{border:1px solid #b7f67d33;border-radius:10px;background:#b7f67d05;padding:15px;margin-top:22px}
.demo-login p{font-size:10px;color:var(--muted);margin:7px 0 12px}
.demo-login strong{font-size:11px;color:var(--green)}
.demo-login .btn{flex:1;font-size:10px}
.news-preview p{font-size:11px;color:var(--muted)}
.news-preview h3{font-size:13px}
.news-preview .date{font-size:10px;color:var(--muted);margin-bottom:12px}
.rich-content{line-height:1.8;overflow-wrap:anywhere}
.rich-content img{max-width:100%}
.rich-content a{color:var(--green);text-decoration:underline}
.qr{background:white;padding:15px;border-radius:12px;width:210px;margin:20px auto;display:block}
.text-center{text-align:center}
.break{overflow-wrap:anywhere}
details{margin-top:15px}
summary{cursor:pointer;font-size:11px;color:var(--muted)}
.public-page{max-width:800px;margin:auto;padding:40px 25px}
.notice{padding:15px;border:1px solid var(--line);border-radius:10px;color:var(--muted);font-size:12px;background:var(--panel2);line-height:1.7}
.pending{color:#f6cc7d}
@media(min-width:1500px){.content{padding-top:40px}.card{padding:28px}}
@media(max-width:1180px){.content{padding:27px 25px}.grid.four{grid-template-columns:repeat(2,minmax(0,1fr))}.quick-card{padding:14px;gap:9px}.quick-card small{font-size:9px}.quick-icon{width:33px;height:33px}}
@media(max-width:950px){.sidebar{width:200px;padding:25px 12px}.brand{font-size:17px}.nav a{font-size:11px;padding:11px}.grid.three{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.sidebar{transform:translateX(-100%);width:238px;transition:.2s;box-shadow:var(--shadow)}.sidebar.open{transform:translateX(0)}.mobile-menu{display:inline-flex}.content{padding:20px 16px 35px}.page-heading{align-items:flex-start}.page-heading h1{font-size:25px}.page-heading p{font-size:11px}.heading-actions .btn{font-size:10px;padding:9px}.card{padding:19px}.grid.two,.grid.three{grid-template-columns:1fr}.grid.four{gap:12px}.quick-card{padding:15px;gap:10px}.quick-card strong{font-size:11px}.quick-card small{display:none}.quick-card>.icon{display:none}.plan-title{font-size:24px}.toolbar input{width:100%}.message{max-width:100%}.heading-actions{flex-wrap:wrap}}