@import "https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap";:root{--bs-danger-rgb:220, 53, 69;--bs-bg-opacity:1;--danger:rgba(var(--bs-danger-rgb), var(--bs-bg-opacity));--danger-dark:#b02a37;--danger-soft:#fff1f2;--danger-border:#f7c2c8;--text:#1f2937;--muted:#667085;--line:#f0d5d8;--surface:#fff;--page:#fff7f8;--shadow:0 18px 42px #78141f1a;color:#1f2937;background:var(--page)}*{box-sizing:border-box;font-family:Roboto,sans-serif!important}body{margin:0;font-family:Roboto,sans-serif!important}a{color:inherit;text-decoration:none}button,.button{color:#fff;cursor:pointer;border:0;border-radius:6px;align-items:center;min-height:40px;padding:0 14px;font-size:14px;font-weight:700;transition:background-color .2s,box-shadow .2s,transform .2s;display:inline-flex;background-color:rgba(var(--bs-danger-rgb), var(--bs-bg-opacity))!important}form button{justify-content:center}button:hover,.button:hover{transform:translateY(-1px);box-shadow:0 8px 18px #dc354533;background:var(--danger-dark)!important}button:disabled{cursor:not-allowed;opacity:.7}input,select,textarea{font:inherit;background:#fff;border:1px solid #ead5d8;border-radius:6px;width:100%;min-height:42px;padding:10px 12px}input:focus,select:focus,textarea:focus{border-color:var(--danger);outline:none;box-shadow:0 0 0 4px #dc35451f}textarea{resize:vertical;min-height:100px}label{gap:8px;font-size:14px;font-weight:700;display:grid}.login-page{background:linear-gradient(135deg,#fff5f6 0%,#fff 52%,#ffe8eb 100%);align-items:center;min-height:100vh;padding:24px;display:flex}.auth-card,.form-card,.tree-panel{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:8px}.auth-card{gap:18px;width:100%;max-width:440px;margin:auto;padding:32px;display:grid}.auth-card h1,.auth-card p{margin:0}.auth-card p{color:var(--muted)}.admin-shell{min-height:100vh;display:flex}.sidebar{color:#f9fafb;flex:0 0 250px;padding:24px;box-shadow:8px 0 28px #78141f24;background-color:rgba(var(--bs-danger-rgb), var(--bs-bg-opacity))!important}.brand{letter-spacing:0;margin-bottom:28px;font-size:22px;font-weight:800}.sidebar nav{gap:8px;display:grid}.sidebar a,.sidebar button{color:#fff;text-align:center;background:0 0;border-radius:6px;justify-content:center;width:100%;min-height:42px;padding:0 12px;transition:background-color .2s,color .2s,transform .2s}.sidebar a:hover,.sidebar button:hover{color:#fff;box-shadow:none;padding:15px 12px;transform:translate(2px);background:#ffffff29!important}.sidebar a.active{color:var(--danger);background:#fff;padding:15px 12px;font-weight:800}.main{background:#fff;flex:1;min-width:0}.topbar{color:#fff;border-bottom:1px solid #ffffff3d;justify-content:space-between;align-items:center;padding:18px 28px;display:flex;box-shadow:0 10px 24px #dc354524;background-color:rgba(var(--bs-danger-rgb), var(--bs-bg-opacity))!important}.topbar h1{margin:0;font-size:18px}.content{background:#fff;padding:28px}.page-title{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.page-title h2{color:var(--text);margin:0;font-size:26px}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:18px;display:grid}.stat-card{border:1px solid var(--line);background:#fff;border-radius:8px;padding:22px;box-shadow:0 12px 28px #78141f14}.stat-card:hover{border-color:var(--danger-border)}.stat-card span{color:var(--muted);margin-bottom:10px;display:block}.stat-card strong{color:var(--danger);font-size:34px}.toolbar{gap:10px;max-width:720px;margin-bottom:16px;display:flex}.message{border-radius:6px;margin-bottom:14px;padding:12px 14px}.message.success{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0}.message.error{color:#b4232f;background:#fff1f2;border:1px solid #fecdd3}.section-heading{color:#fff;border-radius:8px 8px 0 0;margin-top:6px;padding:14px 18px;font-size:18px;font-weight:800;background-color:rgba(var(--bs-danger-rgb), var(--bs-bg-opacity))!important}.table-wrap{border:1px solid var(--line);background:#fff;border-radius:8px;overflow-x:auto;box-shadow:0 12px 28px #78141f12}.section-heading+.message+.message+.table-wrap,.section-heading+.message+.table-wrap,.section-heading+.table-wrap{border-top-left-radius:0;border-top-right-radius:0}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid #f2e3e5;padding:14px}th{color:#fff;text-transform:uppercase;font-size:13px;background-color:rgba(var(--bs-danger-rgb), var(--bs-bg-opacity))!important}tbody tr:hover{background:var(--danger-soft)}.pricing-table input{min-width:130px}.actions{flex-wrap:wrap;gap:8px;display:flex}.actions a,.actions button,.secondary{color:var(--danger);border-radius:6px;justify-content:center;align-items:center;min-width:74px;min-height:34px;padding:0 12px;font-size:14px;font-weight:700;display:inline-flex;background:var(--danger-soft)!important}.actions a:hover,.actions button:hover,.secondary:hover{color:#fff;box-shadow:0 8px 16px #dc354529;background:var(--danger)!important}.full-width{justify-content:center;width:100%}.back-button{min-width:86px}.actions .danger{color:#fff;background:var(--danger)!important}.actions .danger:hover{background:var(--danger-dark)!important}.badge{text-transform:capitalize;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:800;display:inline-block}.badge.active{color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0}.badge.inactive{color:#b4232f;background:#fff1f2;border:1px solid #fecdd3}.form-card{gap:18px;max-width:720px;padding:24px;display:grid}.price-field{gap:10px;display:grid}.remove-price{justify-self:start}.tree-panel{padding:20px}.category-tree,.category-tree ul{margin:0;padding-left:22px;list-style:none}.category-tree{padding-left:0}.tree-row{border-bottom:1px solid #f2e3e5;justify-content:space-between;align-items:center;gap:14px;min-height:72px;padding:12px 0;display:flex}.tree-row>span:first-child{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.tree-row small{color:var(--muted);margin-left:0}@media (width<=760px){.admin-shell,.toolbar,.tree-row{display:block}.sidebar,.content,.topbar{padding:18px}.toolbar input,.toolbar button,.tree-row .actions{margin-top:10px}}