*{box-sizing:border-box}:root{--bg: #eef0f4;--bg-sidebar: #ffffff;--bg-card: #ffffff;--bg-input: #ffffff;--border: #d8dde6;--text1: #032d60;--text2: #3e3e3c;--text3: #706e6b;--accent: #003366;--accent-text: #ffffff;--accent-light: #66b2ff;--hover: #f5f7fa;--nav-active-bg: #e8f4ff;--topbar-bg: #ffffff;--th-bg: #f5f7fa;--radius: 4px;--bok-bg: #e3f5e1;--bok-c: #2e7d32;--bpd-bg: #fff8e1;--bpd-c: #f57f17;--brj-bg: #fce4e4;--brj-c: #c62828}[data-theme=dark]{--bg: #0b0d12;--bg-sidebar: #10131a;--bg-card: #151920;--bg-input: #0e1117;--border: #232833;--text1: #eaf0fb;--text2: #b7c0cf;--text3: #7e8696;--accent: #4f8ff0;--accent-text: #ffffff;--accent-light: #8ec0ff;--hover: rgba(255,255,255,.04);--nav-active-bg: rgba(79,143,240,.14);--topbar-bg: #10131a;--th-bg: #0e1117;--bok-bg: #16301e;--bok-c: #6de28a;--bpd-bg: #332a10;--bpd-c: #e2c766;--brj-bg: #33181a;--brj-c: #e26d6d}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;background:var(--bg);color:var(--text1)}a{color:inherit}.container{max-width:960px;margin:0 auto;padding:0 20px}.nav{display:flex;align-items:center;justify-content:space-between;padding:16px 0}.nav .links{display:flex;gap:16px;align-items:center}.btn{display:inline-block;background:var(--accent);color:var(--accent-text);border:none;padding:12px 22px;border-radius:var(--radius);font-size:15px;cursor:pointer;text-decoration:none}.btn.secondary{background:transparent;border:1px solid var(--border);color:var(--text2)}.hero{padding:60px 0;text-align:center}.hero .chip{display:inline-block;background:var(--hover);padding:6px 14px;border-radius:999px;font-size:13px;color:var(--text3);margin-bottom:20px}.hero h1{font-size:2.2rem;line-height:1.25;margin:0 0 16px}.hero p{color:var(--text3);font-size:1.05rem;max-width:560px;margin:0 auto 28px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:40px 0}.step{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:24px}.step .num{color:var(--accent);font-weight:700;font-size:.85rem}.step h3{margin:10px 0 8px;font-size:1.05rem}.step p{color:var(--text3);font-size:.92rem}.card{background:var(--bg-card);border:1px solid var(--border);border-top:3px solid var(--accent);border-radius:var(--radius);padding:18px 20px;margin-bottom:16px}.card-label{font-size:10px;font-weight:700;color:var(--text3);letter-spacing:1.5px;text-transform:uppercase;margin-bottom:8px}.card-sub{font-size:11px;color:var(--text3);margin-top:4px}.table-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:0;margin-bottom:16px;overflow:hidden}.table-card-head{padding:13px 20px;border-bottom:1px solid var(--border);font-weight:700;font-size:13px;color:var(--text1)}.form input,.form select{width:100%;padding:12px 14px;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-input);color:var(--text1);margin-bottom:12px;font-size:15px}.form label{font-size:.85rem;color:var(--text3);display:block;margin-bottom:4px}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--border);font-size:.9rem}th{color:var(--text3);font-size:.72rem;text-transform:uppercase;letter-spacing:1px;background:var(--th-bg);font-weight:700}.badge{padding:3px 10px;border-radius:3px;font-size:.78rem;font-weight:700}.badge.PENDING{background:var(--bpd-bg);color:var(--bpd-c)}.badge.APPROVED{background:var(--bok-bg);color:var(--bok-c)}.badge.REJECTED{background:var(--brj-bg);color:var(--brj-c)}.badge.EXPIRED{background:var(--hover);color:var(--text3)}.badge.GIFT{background:var(--nav-active-bg);color:var(--accent)}.lang-switch button,.theme-switch button{background:none;border:1px solid var(--border);color:var(--text3);cursor:pointer;font-size:.8rem;padding:4px 10px;border-radius:var(--radius)}.lang-switch button.active,.theme-switch button.active{color:var(--accent);border-color:var(--accent);font-weight:700}.center{text-align:center}.muted{color:var(--text3)}.error{color:var(--brj-c);font-size:.9rem;margin-bottom:10px}.big-number{font-size:26px;font-weight:800;color:var(--text1);letter-spacing:-1px}.big-number.accent{color:var(--accent)}.shell{display:flex;min-height:100vh}.sidebar{width:240px;min-width:240px;background:var(--bg-sidebar);border-right:1px solid var(--border);display:flex;flex-direction:column}.sidebar-logo{padding:18px 22px;font-weight:700;font-size:15px;background:var(--accent);color:var(--accent-text);letter-spacing:.5px}.sidebar-logo em{color:var(--accent-light);font-style:normal}.sidebar-block{padding:14px 22px;border-bottom:1px solid var(--border)}.sidebar-block .name{font-size:13px;font-weight:700;color:var(--text1)}.sidebar-block .sub{font-size:11px;color:var(--text3);margin-top:2px}.sidebar-nav{flex:1;padding:6px 0;overflow:auto}.sidebar-section{font-size:10px;font-weight:700;color:var(--text3);letter-spacing:1.5px;text-transform:uppercase;padding:14px 22px 6px}.sidebar-nav a{display:block;padding:10px 22px;font-size:13px;color:var(--text2);text-decoration:none;border-left:3px solid transparent}.sidebar-nav a:hover{background:var(--hover);color:var(--text1)}.sidebar-nav a.active{color:var(--accent);border-left-color:var(--accent);background:var(--nav-active-bg);font-weight:700}.sidebar-foot{padding:14px 22px;border-top:1px solid var(--border);font-size:11px;color:var(--text3)}.sidebar-foot strong{display:block;color:var(--text2);font-size:12px;margin-bottom:2px}.main{flex:1;display:flex;flex-direction:column;min-width:0}.topbar{display:flex;align-items:center;justify-content:space-between;padding:0 28px;height:56px;min-height:56px;background:var(--topbar-bg);border-bottom:1px solid var(--border)}.topbar .page-title{font-size:16px;font-weight:700;color:var(--text1)}.topbar .page-sub{font-size:12px;color:var(--text3);margin-top:2px}.content{flex:1;overflow:auto;padding:24px 28px}.cards-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:22px}.sec-title{font-size:16px;font-weight:800;color:var(--text1);letter-spacing:-.3px;margin-bottom:4px}.sec-sub{font-size:12px;color:var(--text3);margin-bottom:20px}.filter-tabs{display:flex;gap:4px;margin-bottom:18px;border-bottom:1px solid var(--border)}.filter-tab{padding:8px 16px;font-size:12px;font-weight:600;color:var(--text3);cursor:pointer;border:none;background:none;border-bottom:2px solid transparent;margin-bottom:-1px}.filter-tab:hover{color:var(--text2)}.filter-tab.on{color:var(--accent);border-bottom-color:var(--accent);font-weight:700}.toggle{width:32px;height:18px;border-radius:9px;background:var(--accent);cursor:pointer;position:relative;display:inline-block;border:none;padding:0}.toggle:after{content:"";position:absolute;top:2px;right:2px;width:14px;height:14px;border-radius:50%;background:#fff}.toggle.off{background:var(--border)}.toggle.off:after{left:2px;right:auto}.qr-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.qr-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:20px;display:flex;flex-direction:column;gap:12px;align-items:center;text-align:center}.qr-card img{width:120px;height:120px;border:1px solid var(--border);border-radius:4px}.qr-name{font-size:13px;font-weight:700;color:var(--text1)}.qr-id{font-size:11px;color:var(--text3)}.qr-status{font-size:11px;font-weight:700;color:var(--bok-c)}.qr-btns{display:flex;gap:8px;width:100%}.qr-btn{flex:1;padding:7px;border-radius:var(--radius);font-size:11px;font-weight:700;cursor:pointer;border:1px solid var(--border);background:transparent;color:var(--text2);text-align:center;text-decoration:none;display:block}.plan-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:24px;margin-bottom:16px;display:flex;align-items:flex-start;justify-content:space-between}.plan-name{font-size:20px;font-weight:900;color:var(--accent);letter-spacing:-.5px}.plan-desc{font-size:13px;color:var(--text3);margin-top:4px}.plan-badge{padding:6px 16px;border-radius:20px;background:var(--nav-active-bg);color:var(--accent);font-size:12px;font-weight:700;border:1px solid var(--accent);white-space:nowrap}.feat-list{list-style:none;display:flex;flex-direction:column;gap:10px;margin-top:20px;padding:0}.feat-item{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--text2)}.feat-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);flex-shrink:0}.radio-group{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.radio-row{display:flex;align-items:flex-start;gap:10px;padding:12px 16px;border-radius:var(--radius);border:1px solid var(--border);cursor:pointer}.radio-row.on{border-color:var(--accent);background:var(--nav-active-bg)}.radio-dot{width:16px;height:16px;border-radius:50%;border:1px solid var(--border);flex-shrink:0;margin-top:2px;display:flex;align-items:center;justify-content:center}.radio-row.on .radio-dot{border-color:var(--accent)}.radio-row.on .radio-dot:after{content:"";width:8px;height:8px;border-radius:50%;background:var(--accent)}.radio-title{font-size:13px;font-weight:700;color:var(--text1)}.radio-desc{font-size:11px;color:var(--text3);margin-top:2px;line-height:1.5}.form-warn{background:var(--bpd-bg);border:1px solid var(--bpd-c);border-radius:var(--radius);padding:14px 16px;margin:10px 0 20px}.form-warn-title{font-size:12px;font-weight:700;color:var(--bpd-c);margin-bottom:4px}.form-warn-body{font-size:11px;color:var(--text2);line-height:1.55}.form-section{font-size:13px;font-weight:700;color:var(--text1);margin:20px 0 14px;padding-bottom:10px;border-bottom:1px solid var(--border)}.form-hint{font-size:11px;color:var(--text3);margin:-8px 0 16px}.check-row{display:flex;align-items:center;gap:10px;margin-bottom:10px}.check-row label{font-size:13px;color:var(--text2);margin:0}