body{background-color:#080c14;color:#f3f4f6;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0;padding:0;box-sizing:border-box;overflow-x:hidden}.app-layout{display:flex;min-height:100vh;width:100vw}.sidebar{width:280px;background:#0f172a;border-right:1px solid #1e293b;display:flex;flex-direction:column;justify-content:space-between;padding:24px;box-sizing:border-box;position:fixed;height:100vh;z-index:100}.sidebar-header{display:flex;align-items:center;gap:12px;padding-bottom:24px;border-bottom:1px solid #1e293b;margin-bottom:32px}.sidebar-logo{font-size:24px;background:linear-gradient(135deg,#a78bfa,#6d28d9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:800}.menu-group{display:flex;flex-direction:column;gap:8px}a.menu-item,button.menu-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:transparent!important;border:1px solid transparent!important;color:#94a3b8!important;font-size:14px;font-weight:600;text-decoration:none;border-radius:8px;cursor:pointer;transition:all .2s ease-in-out;box-sizing:border-box;outline:none;width:100%;text-align:left}a.menu-item:hover,button.menu-item:hover{background:#1e293b!important;color:#fff!important}a.menu-item.active,button.menu-item.active{background:linear-gradient(135deg,#6d28d926,#6d28d90d)!important;border:1px solid rgba(167,139,250,.2)!important;color:#a78bfa!important}.sidebar-footer{border-top:1px solid #1e293b;padding-top:20px}.main-content{margin-left:280px;width:calc(100% - 280px);min-height:100vh;padding:40px;box-sizing:border-box;background:#080c14}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.page-title h1{font-size:28px;font-weight:800;color:#fff;margin:0 0 6px;letter-spacing:-.5px}.page-title p{font-size:14px;color:#64748b;margin:0}.filters-container{display:flex;gap:12px;align-items:center;margin-bottom:24px;flex-wrap:wrap}.search-input{padding:10px 14px;background:#0f172a;border:1px solid #1e293b;border-radius:8px;color:#fff;font-size:13px;box-sizing:border-box;outline:none;min-width:250px;transition:border-color .2s}.search-input:focus{border-color:#7c3aed}.filter-select{background:#0f172a;border:1px solid #1e293b;color:#cbd5e1;padding:10px 14px;border-radius:8px;font-size:13px;font-weight:600;outline:none;cursor:pointer;min-width:150px}.filter-select:focus{border-color:#7c3aed}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px;margin-bottom:40px}.stat-card{background:#0f172a;border:1px solid #1e293b;border-radius:12px;padding:24px;box-shadow:0 4px 6px -1px #0000001a;position:relative}.stat-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:#6d28d9;border-radius:4px 0 0 4px}.stat-card.backlog:before{background:#f59e0b}.stat-card.failure:before{background:#f43f5e}.stat-card.syncs:before{background:#10b981}.stat-card.revenue:before{background:#3b82f6}.stat-label{font-size:12px;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:1px;margin-bottom:8px}.stat-value{font-size:32px;font-weight:800;color:#fff;margin-bottom:6px}.stat-desc{font-size:12px;color:#475569}.dashboard-row{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:40px}@media(max-width:1024px){.dashboard-row{grid-template-columns:1fr}}.dashboard-panel{background:#0f172a;border:1px solid #1e293b;border-radius:12px;padding:24px;box-shadow:0 4px 6px -1px #0000001a}.panel-header{font-size:16px;font-weight:700;color:#fff;margin-bottom:20px;border-bottom:1px solid #1e293b;padding-bottom:12px;display:flex;justify-content:space-between;align-items:center}.resources-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-bottom:30px}.resource-card{background:#0f172a;border:1px solid #1e293b;border-radius:12px;padding:24px;transition:all .2s ease-in-out;display:flex;flex-direction:column;justify-content:space-between}.resource-card:hover{border-color:#7c3aed;transform:translateY(-2px)}.resource-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.resource-logo{width:42px;height:42px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:18px;box-shadow:0 0 10px #0000004d}.limit-bar-bg{background:#1e293b;height:8px;border-radius:4px;overflow:hidden;margin-top:8px;margin-bottom:4px}.limit-bar{height:100%;border-radius:4px}.table-container{background:#0f172a;border:1px solid #1e293b;border-radius:12px;overflow-x:auto;box-shadow:0 4px 6px -1px #0000001a;width:100%;box-sizing:border-box;margin-bottom:30px;min-height:380px;padding-bottom:110px}.admin-table{width:100%;border-collapse:collapse;text-align:left}.admin-table th{background:#1e293b;padding:16px 20px;font-size:12px;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.admin-table td{padding:18px 20px;border-bottom:1px solid #1e293b;font-size:14px;color:#cbd5e1;white-space:nowrap}.admin-table tr:hover td{background:#1e293b}.admin-table tr:last-child td{border-bottom:none}.settings-panel{background:#0f172a;border:1px solid #1e293b;border-radius:12px;padding:24px;margin-bottom:24px}.settings-row{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-bottom:1px solid #1e293b}.settings-row:last-child{border-bottom:none}.settings-info h4{margin:0 0 4px;color:#fff;font-size:15px}.settings-info p{margin:0;color:#64748b;font-size:13px}.badge{display:inline-block;padding:4px 10px;font-size:11px;font-weight:700;border-radius:20px;text-transform:uppercase}.badge-free{background:#334155;color:#cbd5e1}.badge-growth{background:#1e3a8a;color:#93c5fd}.badge-pro{background:#4c1d95;color:#ddd6fe}.badge-success{background:#064e3b;color:#a7f3d0}.badge-warning{background:#78350f;color:#fde68a}.badge-danger{background:#4c0519;color:#fecdd3}.progress-bar-bg{background:#334155;height:6px;border-radius:3px;width:130px;margin-top:6px;overflow:hidden}.progress-bar{height:100%;background:#7c3aed;border-radius:3px}.action-btn{background:#1e293b;color:#f1f5f9!important;border:1px solid #334155;padding:8px 14px;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s;outline:none;display:inline-flex;align-items:center;gap:6px;text-decoration:none!important}.action-btn:hover{background:#334155}.action-btn-primary{background:#7c3aed;border-color:#8b5cf6;color:#fff!important}.action-btn-primary:hover{background:#8b5cf6}.action-btn-danger{background:#be123c;border-color:#e11d48;color:#fff!important}.action-btn-danger:hover{background:#e11d48}.flex-actions{display:flex;gap:8px;align-items:center}details.dropdown-menu{position:relative;display:inline-block;text-align:left}details.dropdown-menu summary{list-style:none;outline:none}details.dropdown-menu summary::-webkit-details-marker{display:none}.dropdown-content{position:absolute;right:0;top:100%;margin-top:6px;background:#0f172a;border:1px solid #1e293b;border-radius:8px;box-shadow:0 10px 25px -5px #00000080;z-index:9999!important;min-width:170px;display:flex;flex-direction:column;padding:6px}.dropdown-item{display:flex;align-items:center;gap:8px;padding:10px 12px;color:#cbd5e1!important;font-size:13px;font-weight:600;text-decoration:none!important;border-radius:6px;transition:all .15s ease-in-out;background:transparent!important;border:none!important;width:100%;box-sizing:border-box;cursor:pointer;text-align:left;outline:none}.dropdown-item:hover{background:#1e293b!important;color:#fff!important}.dropdown-item-danger{color:#fca5a5!important}.dropdown-item-danger:hover{background:#4c0519!important;color:#fecdd3!important}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#0f172a;border:1px solid #1e293b;border-radius:16px;padding:32px;width:100%;max-width:520px;box-shadow:0 25px 50px -12px #00000080}.modal-content h3{margin:0 0 12px;font-size:20px;font-weight:700;color:#fff}.modal-content p{color:#94a3b8;font-size:14px;margin:0 0 24px}.modal-input,.modal-select{width:100%;padding:12px 14px;background:#080c14;border:1px solid #1e293b;border-radius:8px;color:#fff;font-size:14px;box-sizing:border-box;margin-bottom:24px;outline:none}.modal-input:focus,.modal-select:focus{border-color:#7c3aed}.modal-actions{display:flex;justify-content:flex-end;gap:12px}.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:#080c14;padding:24px;box-sizing:border-box}.login-card{background:#0f172a;border:1px solid #1e293b;border-radius:16px;padding:40px;width:100%;max-width:440px;box-shadow:0 20px 25px -5px #00000080;text-align:center}.login-card h2{margin:0 0 12px;font-size:24px;font-weight:800;color:#fff;letter-spacing:-.5px}.login-card p{color:#64748b;font-size:14px;line-height:1.6;margin:0 0 30px}.login-error{background:#4c0519;border:1px solid #be123c;color:#fecdd3;padding:12px;border-radius:8px;font-size:13px;margin-bottom:24px;font-weight:600}