*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--radius:12px;--radius-sm:8px;--brand-color:#00a886;--button-text:#000}[data-theme=dark]{--bg:#0f0f0f;--bg2:#1a1a1a;--bg3:#242424;--bg4:#2e2e2e;--accent:#f5a623;--accent2:#e8874a;--green:#4caf7d;--red:#e05a5a;--blue:#5a9fe0;--text:#f0ede8;--text2:#a09890;--text3:#6a6460;--border:#333}[data-theme=light]{--bg:#f8f9fa;--bg2:#fff;--bg3:#f0f2f5;--bg4:#e4e7eb;--accent:#e8a33d;--accent2:#e8874a;--green:#00a886;--red:#c0392b;--blue:#2e75b6;--text:#1f2d3d;--text2:#4a5568;--text3:#6b7b8c;--border:#d1d5db;--radius:12px;--radius-sm:8px}[data-theme=brand]{--bg:#0a1628;--bg2:#0f1f38;--bg3:#13243f;--bg4:#1e3355;--accent:#00a886;--accent2:#e8874a;--green:#00a886;--red:#ff5c5c;--blue:#2e75b6;--text:#fff;--text2:#8fa3bf;--text3:#5a7090;--border:#1e3355;--radius:12px;--radius-sm:8px}body{background:var(--bg);color:var(--text);font-family:Segoe UI,system-ui,sans-serif;min-height:100vh}button{border:none;cursor:pointer}button,input,select{font-family:inherit}.nav{align-items:center;background:var(--bg2);border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:14px 24px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.nav-logo{color:var(--accent);font-size:18px;font-weight:700}.nav-tabs{display:flex;gap:4px}.nav-tab{background:#0000;border-radius:8px;border-radius:var(--radius-sm);color:var(--text2);font-size:13px;font-weight:500;padding:8px 16px;transition:all .2s}.nav-tab:hover{background:var(--bg3);color:var(--text)}.nav-tab.active{background:var(--accent);color:#000}.page{margin:0 auto;max-width:1100px;padding:24px}.page-title{font-size:22px;font-weight:700;margin-bottom:6px}.page-sub{color:var(--text2);font-size:13px;margin-bottom:24px}.card,.stat-card{background:var(--bg2);border:1px solid var(--border);border-radius:12px;border-radius:var(--radius);padding:20px}.stat-val{color:var(--accent);font-size:28px;font-weight:700;margin:4px 0}.stat-label{color:var(--text2);font-size:12px;letter-spacing:.5px;text-transform:uppercase}.btn{border-radius:8px;border-radius:var(--radius-sm);font-size:14px;font-weight:600;padding:10px 20px;transition:all .15s}.btn-primary{background:var(--accent);color:#000}.btn-primary:hover{background:var(--accent2)}.btn-ghost{background:var(--bg3);border:1px solid var(--border);color:var(--text)}.btn-ghost:hover{background:var(--bg4)}.btn-danger{background:#3d1a1a;border:1px solid #5a2a2a;color:var(--red)}.btn-sm{font-size:12px;padding:6px 14px}.badge{border-radius:20px;display:inline-block;font-size:11px;font-weight:600;padding:3px 10px}.badge-green{background:#1a3d2a;color:var(--green)}.badge-red{background:#3d1a1a;color:var(--red)}.badge-amber{background:#3d2e10;color:var(--accent)}input[type=email],input[type=number],input[type=password],input[type=text],select{background:var(--bg3);border:1px solid var(--border);border-radius:8px;border-radius:var(--radius-sm);color:var(--text);font-size:14px;outline:none;padding:10px 14px;transition:border .15s;width:100%}input:focus,select:focus{border-color:var(--accent)}.grid2{grid-gap:16px;grid-template-columns:1fr 1fr}.grid2,.grid3{display:grid;gap:16px}.grid3{grid-gap:16px;grid-template-columns:repeat(3,1fr)}.grid4{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,1fr)}.divider{background:var(--border);height:1px;margin:20px 0}.section-label{color:var(--text3);font-size:11px;font-weight:700;letter-spacing:1px;margin-bottom:10px;text-transform:uppercase}.tag{background:var(--bg3);border-radius:20px;color:var(--text2);display:inline-block;font-size:11px;margin:2px;padding:4px 10px}.toggle{background:var(--border);border-radius:12px;cursor:pointer;height:24px;position:relative;transition:background .2s;width:42px}.toggle.on{background:var(--green)}.toggle:after{background:#fff;border-radius:50%;content:"";height:18px;left:3px;position:absolute;top:3px;transition:left .2s;width:18px}.toggle.on:after{left:21px}[dir=rtl] .nav,[dir=rtl] .nav-tabs{flex-direction:row-reverse}[dir=rtl] .page{direction:rtl}[dir=rtl] .card,[dir=rtl] .page-sub,[dir=rtl] .page-title{text-align:right}[dir=rtl] input[type=email],[dir=rtl] input[type=number],[dir=rtl] input[type=password],[dir=rtl] input[type=text],[dir=rtl] select,[dir=rtl] textarea{direction:rtl;text-align:right}[dir=rtl] .price,[dir=rtl] .stat-val{direction:ltr;text-align:left}[dir=rtl] .badge,[dir=rtl] .grid2,[dir=rtl] .grid3,[dir=rtl] .grid4{direction:rtl}[dir=rtl] .section-label{text-align:right}
/*# sourceMappingURL=main.a145c650.css.map*/