*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0a0a0f;--surface:#13131a;--surface2:#1a1a2e;--border:#2a2a3d;--text:#e8e8f0;--text2:#9090b0;--text3:#555570;--accent:#7c6af7;--accent2:#f7c26a;--accent3:#6af7b8;--danger:#f76a6a;--mobile:480px;--tablet:768px;--desktop:1024px}html{-webkit-text-size-adjust:100%;font-size:16px}body{background:#0a0a0f;background:var(--bg);color:#e8e8f0;color:var(--text);font-family:DM Sans,Inter,sans-serif;min-height:100vh;overflow-x:hidden}::-webkit-scrollbar{height:6px;width:6px}::-webkit-scrollbar-track{background:#13131a;background:var(--surface)}::-webkit-scrollbar-thumb{background:#2a2a3d;background:var(--border);border-radius:3px}h1,h2,h3,h4{line-height:1.2}p{line-height:1.6}a{color:#7c6af7;color:var(--accent);text-decoration:none}.table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}.grid-auto{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.grid-2{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.grid-3{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}@media (max-width:768px){.grid-2{grid-template-columns:1fr}.grid-3{grid-template-columns:1fr 1fr}}@media (max-width:480px){.grid-3{grid-template-columns:1fr}.grid-auto{grid-template-columns:1fr 1fr}}input,select,textarea{background:#1a1a2e;background:var(--surface2);border:1px solid #2a2a3d;border:1px solid var(--border);border-radius:10px;color:#e8e8f0;color:var(--text);font-family:inherit;font-size:15px;outline:none;width:100%}input::placeholder{color:#555570;color:var(--text3)}a,button,select{cursor:pointer;min-height:40px}#root{flex-direction:column}#root,.app-layout{display:flex;min-height:100vh}.app-sidebar{background:#13131a;background:var(--surface);border-right:1px solid #2a2a3d;border-right:1px solid var(--border);bottom:0;left:0;position:fixed;top:0;transition:transform .3s ease;width:240px;z-index:100}.app-main,.app-sidebar{display:flex;flex-direction:column}.app-main{margin-left:240px;min-height:100vh;transition:margin-left .3s ease;width:calc(100% - 240px)}@media (max-width:900px){.app-sidebar{box-shadow:4px 0 24px #00000060;transform:translateX(-100%);width:280px}.app-sidebar.open{transform:translateX(0)}.app-main{margin-left:0;width:100%}.sidebar-overlay{background:#00000070;display:none;inset:0;position:fixed;z-index:99}.sidebar-overlay.open{display:block}}.app-header{align-items:center;background:#13131a;background:var(--surface);border-bottom:1px solid #2a2a3d;border-bottom:1px solid var(--border);display:flex;height:60px;justify-content:space-between;padding:0 20px;position:sticky;top:0;z-index:50}.hamburger{background:none;border:none;color:#e8e8f0;color:var(--text);cursor:pointer;display:none;font-size:22px;min-height:auto;padding:8px}@media (max-width:900px){.hamburger{align-items:center;display:flex}}.app-content{flex:1 1;padding:28px}@media (max-width:768px){.app-content{padding:16px}}@media (max-width:480px){.app-content{padding:12px}}.card{background:#13131a;background:var(--surface);border:1px solid #2a2a3d;border:1px solid var(--border);border-radius:16px;padding:24px}@media (max-width:480px){.card{border-radius:12px;padding:16px}}.modal-overlay{align-items:center;background:#00000090;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:200}.modal-box{background:#13131a;background:var(--surface);border:1px solid #2a2a3d;border:1px solid var(--border);border-radius:20px;max-height:90vh;max-width:480px;overflow-y:auto;padding:28px;width:100%}@media (max-width:480px){.modal-box{border-radius:16px;max-height:95vh;padding:20px}.modal-overlay{align-items:flex-end;padding:8px}.modal-box{border-radius:16px 16px 0 0;max-width:100%}}.resp-table{border-collapse:collapse;width:100%}.resp-table td,.resp-table th{padding:10px 12px;text-align:left}.resp-table th{color:#555570;color:var(--text3);font-size:11px;font-weight:700;text-transform:uppercase}.resp-table td,.resp-table th{border-bottom:1px solid #2a2a3d;border-bottom:1px solid var(--border)}.resp-table td{font-size:14px}@media (max-width:600px){.table-stack thead{display:none}.table-stack tr{background:#13131a;background:var(--surface);border:1px solid #2a2a3d;border:1px solid var(--border);border-radius:12px;display:block;margin-bottom:10px;padding:14px}.table-stack td{align-items:center;border:none;display:flex;font-size:13px;justify-content:space-between;padding:6px 0}.table-stack td:before{color:#555570;color:var(--text3);content:attr(data-label);font-size:11px;font-weight:600;text-transform:uppercase}}.form-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}@media (max-width:480px){.form-row{grid-template-columns:1fr}}.btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:inline-flex;font-family:Syne,sans-serif;font-size:14px;font-weight:700;gap:8px;justify-content:center;padding:10px 20px;transition:opacity .2s}.btn:disabled{opacity:.6}.btn-primary{background:#7c6af7;background:var(--accent);color:#fff}.btn-danger{background:#f76a6a;background:var(--danger);color:#fff}.btn-ghost{background:#1a1a2e;background:var(--surface2);border:1px solid #2a2a3d;border:1px solid var(--border);color:#e8e8f0;color:var(--text)}.banner{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;padding:12px 20px}@media (max-width:480px){.banner{align-items:flex-start;flex-direction:column;gap:8px}.banner button{width:100%}}.page-header{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:24px}.page-header h1{font-size:22px}@media (max-width:480px){.page-header{margin-bottom:16px}.page-header h1{font-size:18px}}.stats-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:20px}@media (max-width:480px){.stats-grid{gap:10px;grid-template-columns:1fr 1fr}}.pricing-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));max-width:740px;width:100%}@media (max-width:620px){.pricing-grid{grid-template-columns:1fr;max-width:400px}}.auth-page{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:20px}.auth-box{background:#13131a;background:var(--surface);border:1px solid #2a2a3d;border:1px solid var(--border);border-radius:24px;max-width:440px;padding:40px;width:100%}@media (max-width:480px){.auth-box{border-radius:16px;padding:24px}.auth-page{align-items:flex-start;padding-top:40px}}.notif-panel{position:absolute;right:0;top:48px;width:320px}@media (max-width:480px){.notif-panel{right:-60px;width:calc(100vw - 32px)}}.tabs{-webkit-overflow-scrolling:touch;background:#13131a;background:var(--surface);border:1px solid #2a2a3d;border:1px solid var(--border);border-radius:12px;display:flex;gap:4px;max-width:100%;overflow-x:auto;padding:4px;width:fit-content}.tab-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:5px;padding:8px 14px;white-space:nowrap}.member-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}@media (max-width:480px){.member-grid{gap:10px;grid-template-columns:1fr 1fr}}.controls-row{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px}.controls-row input[type=month]{min-width:140px;width:auto}.show-mobile{display:none}@media (max-width:600px){.hide-mobile{display:none!important}.show-mobile{display:block}}@supports (padding:max(0px)){.app-header{padding-left:max(20px,env(safe-area-inset-left));padding-right:max(20px,env(safe-area-inset-right))}.app-content{padding-bottom:max(28px,env(safe-area-inset-bottom))}}
/*# sourceMappingURL=main.86c61c09.css.map*/