:root{--text:#0f172a;--muted:#64748b;--bg:#f6f8fc;--border:#e5e7eb;--accent:#7c3aed;--sans:Inter, system-ui, "Segoe UI", Roboto, sans-serif;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body,#root{width:100%;min-height:100%;margin:0;padding:0}body{background:var(--bg);min-width:320px;color:var(--text);font-family:var(--sans)}h1,h2,h3,h4,h5,h6,p{margin:0}*{box-sizing:border-box}:root{--bg:#f6f8fc;--card:#fff;--line:#e8edf5;--text:#0f172a;--muted:#64748b;--sidebar-1:#0b1220;--sidebar-2:#101a32;--accent-1:#7c3aed;--accent-2:#2563eb}a{text-decoration:none}.app-shell{width:100%;min-height:100vh;display:flex}.sidebar{background:linear-gradient(180deg, var(--sidebar-1) 0%, var(--sidebar-2) 100%);color:#fff;flex-direction:column;gap:24px;width:260px;min-width:260px;padding:24px 16px;display:flex}.sidebar-brand{align-items:center;gap:12px;display:flex}.brand-dot{background:#a855f7;border-radius:999px;flex-shrink:0;width:12px;height:12px;box-shadow:0 0 18px #a855f7b3}.sidebar-brand h1{margin:0;font-size:21px;font-weight:800}.sidebar-brand p{color:#94a3b8;margin:4px 0 0;font-size:13px}.sidebar-nav{flex-direction:column;gap:8px;display:flex}.nav-item{color:#dbe4f0;border-radius:14px;padding:12px 14px;font-weight:700;transition:all .2s}.nav-item:hover{background:#ffffff12}.nav-item.active{background:linear-gradient(135deg, var(--accent-1), var(--accent-2));color:#fff}.main-area{flex-direction:column;flex:1;min-width:0;display:flex}.topbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);background:#ffffffe0;padding:22px 28px}.topbar h2{margin:0;font-size:24px}.topbar p{color:var(--muted);margin:6px 0 0}.page-content{width:100%;max-width:none;padding:24px}.page-title{letter-spacing:-.03em;margin:0 0 18px;font-size:40px;font-weight:800}.card-grid{grid-template-columns:repeat(4,minmax(220px,1fr));gap:18px;display:grid}.stat-card{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:22px;box-shadow:0 10px 30px #0f172a0f}.stat-card .label{color:var(--muted);margin-bottom:10px;font-size:14px}.stat-card .value{font-size:30px;font-weight:800}.table-card{background:var(--card);border:1px solid var(--line);border-radius:20px;width:100%;margin-top:20px;padding:18px;overflow-x:auto;box-shadow:0 10px 30px #0f172a0f}.table-modern{border-collapse:collapse;width:100%;min-width:1150px}.table-modern th{text-align:left;color:var(--muted);border-bottom:1px solid var(--line);white-space:nowrap;padding:14px 12px;font-size:13px;font-weight:800}.table-modern td{vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:14px 12px}.table-modern tr:hover{background:#fafcff}.table-modern td:first-child{min-width:210px}.table-modern td:nth-child(2){min-width:120px}.badge{white-space:nowrap;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:800;display:inline-block}.badge-purple{color:#7e22ce;background:#f3e8ff}.badge-blue{color:#1d4ed8;background:#dbeafe}.badge-green{color:#15803d;background:#dcfce7}.filters{flex-wrap:wrap;gap:12px;margin-bottom:18px;display:flex}.filters input,.filters button{border:1px solid #d1d5db;border-radius:12px;height:42px;padding:0 14px;font-size:14px}.filters button{color:#fff;cursor:pointer;background:#111827;border:none;font-weight:800}.filters button:hover{opacity:.94}@media (width<=1200px){.card-grid{grid-template-columns:repeat(2,minmax(220px,1fr))}}@media (width<=900px){.app-shell{flex-direction:column}.sidebar{width:100%;min-width:100%;padding:18px}.sidebar-nav{flex-flow:wrap}.page-content{padding:16px}.page-title{font-size:30px}.card-grid{grid-template-columns:1fr}}.forms-grid{grid-template-columns:repeat(2,minmax(320px,1fr));gap:18px;display:grid}.form-card{border:1px solid var(--line);background:#fff;border-radius:20px;padding:20px;box-shadow:0 10px 30px #0f172a0f}.form-card h3{margin:0 0 14px;font-size:20px}.form-grid{gap:12px;display:grid}.form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.form-group{flex-direction:column;gap:6px;display:flex}.form-group label{color:var(--muted);font-size:13px;font-weight:700}.form-group input,.form-group select,.form-group textarea{background:#fff;border:1px solid #d1d5db;border-radius:12px;min-height:42px;padding:10px 12px;font-size:14px}.form-group textarea{resize:vertical;min-height:90px}.btn-primary{background:linear-gradient(135deg, var(--accent-1), var(--accent-2));color:#fff;cursor:pointer;border:none;border-radius:12px;height:44px;padding:0 16px;font-weight:800}.btn-primary:hover{opacity:.95}.alert{border-radius:12px;margin-top:12px;padding:12px 14px;font-size:14px;font-weight:700}.alert.success{color:#166534;background:#dcfce7}.alert.error{color:#991b1b;background:#fee2e2}@media (width<=1100px){.forms-grid,.form-grid.two{grid-template-columns:1fr}}.operations-tabs{flex-wrap:wrap;gap:10px;margin-bottom:18px;display:flex}.tab-btn{border:1px solid var(--line);color:var(--text);cursor:pointer;background:#fff;border-radius:12px;height:42px;padding:0 16px;font-weight:800;transition:all .2s}.tab-btn:hover{background:#f8fafc;border-color:#cbd5e1}.tab-btn.active{background:linear-gradient(135deg, var(--accent-1), var(--accent-2));color:#fff;border-color:#0000}.operation-single-card{max-width:980px}.product-link{color:#0f172a;font-weight:800}.product-link:hover{color:var(--accent-1)}.back-link{color:var(--accent-1);font-weight:800}