@import url(https://fonts.googleapis.com/css2?family=Syne:wght@400;500;600;700;800&family=DM+Sans:ital,wght@0,300;0,400;0,500;0,600;1,400&display=swap);*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--brand:#1a9e5c;--brand-dark:#147a47;--brand-light:#e8f8f0;--brand-glow:#1a9e5c26;--bg:#0a0e0c;--bg2:#111712;--bg3:#181e1a;--surface:#1c2420;--surface2:#232d27;--border:#ffffff12;--border2:#ffffff1f;--text:#f0f4f1;--text2:#9baba0;--text3:#5a6b60;--red:#e05252;--amber:#d4882a;--blue:#3d8ef0;--radius:10px;--radius-lg:16px;--radius-xl:24px;--shadow:0 2px 16px #0006;--shadow-lg:0 8px 40px #00000080;--font-head:"Syne",sans-serif;--font-body:"DM Sans",sans-serif;--sidebar-w:240px;--topbar-h:60px}html{font-size:15px}body{-webkit-font-smoothing:antialiased;background:#0a0e0c;background:var(--bg);color:#f0f4f1;color:var(--text);font-family:DM Sans,sans-serif;font-family:var(--font-body);line-height:1.6}::-webkit-scrollbar{height:5px;width:5px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#232d27;background:var(--surface2);border-radius:4px}.app-shell{display:flex;min-height:100vh}.sidebar{background:#111712;background:var(--bg2);border-right:1px solid #ffffff12;border-right:1px solid var(--border);left:0;position:fixed;top:0;width:240px;width:var(--sidebar-w);z-index:100}.main-area,.sidebar{display:flex;flex-direction:column;min-height:100vh}.main-area{flex:1 1;margin-left:240px;margin-left:var(--sidebar-w)}.topbar{align-items:center;background:#111712;background:var(--bg2);border-bottom:1px solid #ffffff12;border-bottom:1px solid var(--border);display:flex;gap:16px;height:60px;height:var(--topbar-h);padding:0 28px;position:-webkit-sticky;position:sticky;top:0;z-index:50}.page-content{flex:1 1;max-width:1200px;padding:32px 28px;width:100%}.card{background:#1c2420;background:var(--surface);border:1px solid #ffffff12;border:1px solid var(--border);border-radius:16px;border-radius:var(--radius-lg);padding:24px}.card-sm{padding:16px}.btn{align-items:center;border:none;border-radius:10px;border-radius:var(--radius);cursor:pointer;display:inline-flex;font-family:DM Sans,sans-serif;font-family:var(--font-body);font-size:14px;font-weight:500;gap:7px;justify-content:center;padding:9px 18px;text-decoration:none;transition:all .15s ease;white-space:nowrap}.btn-primary{background:#1a9e5c;background:var(--brand);color:#fff}.btn-primary:hover{background:#147a47;background:var(--brand-dark);box-shadow:0 4px 16px #1a9e5c26;box-shadow:0 4px 16px var(--brand-glow);transform:translateY(-1px)}.btn-secondary{background:#232d27;background:var(--surface2);border:1px solid #ffffff1f;border:1px solid var(--border2);color:#f0f4f1;color:var(--text)}.btn-secondary:hover{background:#1c2420;background:var(--surface);border-color:#1a9e5c;border-color:var(--brand);color:#1a9e5c;color:var(--brand)}.btn-ghost{background:#0000;color:#9baba0;color:var(--text2)}.btn-ghost:hover{background:#1c2420;background:var(--surface);color:#f0f4f1;color:var(--text)}.btn-danger{background:#e0525226;border:1px solid #e052524d;color:#e05252;color:var(--red)}.btn-danger:hover{background:#e0525240}.btn-sm{font-size:13px;padding:6px 12px}.btn-lg{font-size:15px;padding:12px 28px}.btn:disabled{cursor:not-allowed;opacity:.45;transform:none!important}.btn-icon{border-radius:10px;border-radius:var(--radius);padding:8px}.input,.select,.textarea{background:#181e1a;background:var(--bg3);border:1px solid #ffffff1f;border:1px solid var(--border2);border-radius:10px;border-radius:var(--radius);color:#f0f4f1;color:var(--text);font-family:DM Sans,sans-serif;font-family:var(--font-body);font-size:14px;outline:none;padding:10px 14px;transition:border-color .15s;width:100%}.input:focus,.select:focus,.textarea:focus{border-color:#1a9e5c;border-color:var(--brand);box-shadow:0 0 0 3px #1a9e5c26;box-shadow:0 0 0 3px var(--brand-glow)}.textarea{min-height:90px;resize:vertical}.select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='m1 1 5 5 5-5' stroke='%239baba0' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;cursor:pointer;padding-right:32px}.form-group{display:flex;flex-direction:column;gap:6px}.form-label{color:#9baba0;color:var(--text2);font-size:13px;font-weight:500}.form-error{color:#e05252;color:var(--red);font-size:12px}.form-hint{color:#5a6b60;color:var(--text3);font-size:12px}.badge{align-items:center;border-radius:20px;display:inline-flex;font-size:12px;font-weight:500;gap:5px;padding:3px 10px}.badge-green{background:#1a9e5c26;color:#4ecf88}.badge-amber{background:#d4882a26;color:#e8a84a}.badge-red{background:#e0525226;color:#e87878}.badge-blue{background:#3d8ef026;color:#6aaaf5}.badge-gray{background:#232d27;background:var(--surface2);color:#9baba0;color:var(--text2)}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%}th{color:#5a6b60;color:var(--text3);font-size:12px;font-weight:600;letter-spacing:.05em;padding:10px 14px;text-align:left;text-transform:uppercase}td,th{border-bottom:1px solid #ffffff12;border-bottom:1px solid var(--border)}td{font-size:14px;padding:14px}tr:last-child td{border-bottom:none}tr:hover td{background:#232d27;background:var(--surface2)}.divider{background:#ffffff12;background:var(--border);height:1px;margin:20px 0}.spinner{animation:spin .7s linear infinite;border:2px solid #ffffff1f;border-top-color:#1a9e5c;border:2px solid var(--border2);border-radius:50%;border-top-color:var(--brand);height:20px;width:20px}@keyframes spin{to{transform:rotate(1turn)}}.loading-page{gap:16px;height:100vh}.empty-state,.loading-page{align-items:center;display:flex;flex-direction:column;justify-content:center}.empty-state{gap:12px;padding:64px 24px;text-align:center}.empty-state h3{color:#9baba0;color:var(--text2);font-family:Syne,sans-serif;font-family:var(--font-head);font-size:18px}.empty-state p{color:#5a6b60;color:var(--text3);font-size:14px;max-width:360px}.stat-card{background:#1c2420;background:var(--surface);border:1px solid #ffffff12;border:1px solid var(--border);border-radius:16px;border-radius:var(--radius-lg);padding:20px 24px}.stat-value{color:#f0f4f1;color:var(--text);font-family:Syne,sans-serif;font-family:var(--font-head);font-size:32px;font-weight:700;line-height:1.1}.stat-label{color:#5a6b60;color:var(--text3);font-size:13px;margin-top:4px}.stat-change{font-size:12px;margin-top:8px}.stat-change.up{color:#4ecf88}.stat-change.down{color:#e05252;color:var(--red)}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:200}.modal{background:#111712;background:var(--bg2);border:1px solid #ffffff1f;border:1px solid var(--border2);border-radius:24px;border-radius:var(--radius-xl);max-height:90vh;max-width:520px;overflow-y:auto;padding:28px;width:100%}.modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.modal-title{font-family:Syne,sans-serif;font-family:var(--font-head);font-size:18px;font-weight:700}.modal-footer{display:flex;gap:10px;justify-content:flex-end;margin-top:24px}.tabs{background:#181e1a;background:var(--bg3);border-radius:10px;border-radius:var(--radius);display:flex;gap:4px;padding:4px;width:-webkit-fit-content;width:fit-content}.tab{background:#0000;border:none;border-radius:7px;color:#5a6b60;color:var(--text3);cursor:pointer;font-size:13px;font-weight:500;padding:7px 16px;transition:all .15s}.tab.active{background:#232d27;background:var(--surface2);color:#f0f4f1;color:var(--text)}.tab:hover:not(.active){color:#9baba0;color:var(--text2)}.code-block{background:#0a0e0c;background:var(--bg);border:1px solid #ffffff1f;border:1px solid var(--border2);border-radius:10px;border-radius:var(--radius);color:#a8c5a0;font-family:Courier New,monospace;font-size:13px;line-height:1.6;overflow-x:auto;padding:16px;white-space:pre}.page-header{margin-bottom:28px}.page-header h1{font-family:Syne,sans-serif;font-family:var(--font-head);font-size:26px;font-weight:700}.page-header p{color:#9baba0;color:var(--text2);font-size:14px;margin-top:4px}input[type=color]{background:#181e1a;background:var(--bg3);border:1px solid #ffffff1f;border:1px solid var(--border2);border-radius:10px;border-radius:var(--radius);cursor:pointer;height:36px;padding:2px;width:40px}.toggle{flex-shrink:0;height:22px;position:relative;width:40px}.toggle input{height:0;opacity:0;width:0}.toggle-slider{background:#232d27;background:var(--surface2);border-radius:22px;cursor:pointer;inset:0;position:absolute;transition:.2s}.toggle-slider:before{background:#5a6b60;background:var(--text3);border-radius:50%;bottom:3px;content:"";height:16px;left:3px;position:absolute;transition:.2s;width:16px}.toggle input:checked+.toggle-slider{background:#1a9e5c;background:var(--brand)}.toggle input:checked+.toggle-slider:before{background:#fff;transform:translateX(18px)}.auth-page{align-items:center;background:#0a0e0c;background:var(--bg);display:flex;justify-content:center;min-height:100vh;padding:24px}.auth-card{background:#1c2420;background:var(--surface);border:1px solid #ffffff12;border:1px solid var(--border);border-radius:24px;border-radius:var(--radius-xl);max-width:440px;padding:40px;width:100%}.auth-logo{color:#1a9e5c;color:var(--brand);font-size:28px;font-weight:800;margin-bottom:8px}.auth-logo,.auth-title{font-family:Syne,sans-serif;font-family:var(--font-head)}.auth-title{font-size:22px;font-weight:700;margin-bottom:4px}.auth-sub{margin-bottom:28px}.auth-sub,.nav-item{color:#9baba0;color:var(--text2);font-size:14px}.nav-item{align-items:center;background:none;border:none;border-radius:10px;border-radius:var(--radius);cursor:pointer;display:flex;font-weight:500;gap:10px;margin:2px 8px;padding:9px 16px;text-decoration:none;transition:all .15s;width:calc(100% - 16px)}.nav-item:hover{background:#1c2420;background:var(--surface);color:#f0f4f1;color:var(--text)}.nav-item.active{background:#e8f8f0;background:var(--brand-light)}.nav-item.active,.nav-item.active svg{color:#1a9e5c;color:var(--brand)}.plan-pill{align-items:center;border-radius:20px;display:inline-flex;font-size:11px;font-weight:600;letter-spacing:.05em;padding:2px 10px;text-transform:uppercase}.plan-trial{background:#d4882a26;color:#e8a84a}.plan-starter{background:#3d8ef026;color:#6aaaf5}.plan-business{background:#1a9e5c26;color:#4ecf88}.plan-premium{background:linear-gradient(135deg,#d4882a33,#1a9e5c33);color:#e8c56a}.pricing-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.pricing-card{background:#1c2420;background:var(--surface);border:1px solid #ffffff12;border:1px solid var(--border);border-radius:24px;border-radius:var(--radius-xl);display:flex;flex-direction:column;gap:20px;padding:28px;transition:border-color .2s,transform .2s}.pricing-card:hover{transform:translateY(-2px)}.pricing-card.popular,.pricing-card:hover{border-color:#1a9e5c;border-color:var(--brand)}.pricing-card.popular{background:linear-gradient(160deg,#1c2420,#1a9e5c0f);background:linear-gradient(160deg,var(--surface),#1a9e5c0f)}.pricing-price{color:#f0f4f1;color:var(--text);font-family:Syne,sans-serif;font-family:var(--font-head);font-size:40px;font-weight:800}.pricing-price span{color:#5a6b60;color:var(--text3);font-size:16px;font-weight:400}.pricing-features{display:flex;flex-direction:column;gap:10px;list-style:none}.pricing-features li{align-items:center;color:#9baba0;color:var(--text2);display:flex;font-size:14px;gap:8px}@media (max-width:768px){:root{--sidebar-w:0px}.sidebar{display:none}.main-area{margin-left:0}.page-content{padding:20px 16px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translateX(-8px)}to{opacity:1;transform:translateX(0)}}.fade-in{animation:fadeIn .25s ease forwards}.slide-in{animation:slideIn .2s ease forwards}
/*# sourceMappingURL=main.af22f3c0.css.map*/