@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--color-primary:#334155;--color-secondary:#475569;--color-accent:#2563eb;--color-accent-soft:#dbeafe;--color-text-main:#0f172a;--color-text-light:#64748b;--color-border:#e2e8f0;--color-surface:#fff;--color-surface-soft:#f8fafc;--shadow-soft:0 10px 30px #0f172a0f;--shadow-panel:0 14px 40px #0f172a14;--transition-speed:.22s;--font-family-main:"Inter", sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100%}body{font-family:var(--font-family-main);color:var(--color-text-main);-webkit-font-smoothing:antialiased;background:linear-gradient(#f8fafc 0%,#eef2f7 100%);line-height:1.5}button,a,input,select{font:inherit}button{cursor:pointer;background:0 0;border:none}a{color:inherit;text-decoration:none}.gradient-bg{background:linear-gradient(135deg,#334155 0%,#1e293b 100%)}.gradient-frame-card{background:var(--color-surface);box-shadow:var(--shadow-soft);border:1px solid #94a3b82e;border-radius:18px}.hover-translate{transition:transform var(--transition-speed), box-shadow var(--transition-speed)}.hover-translate:hover{transform:translateY(-3px)}.btn-primary{background:var(--color-accent);color:#fff;border-radius:12px;align-items:center;gap:.5rem;padding:.9rem 1.15rem;font-weight:700;display:inline-flex}.btn-outline{border:1px solid var(--color-border);color:var(--color-primary);background:#fff;border-radius:12px;padding:.8rem 1rem;font-weight:700}.admin-app{grid-template-columns:292px minmax(0,1fr);gap:1rem;min-height:100vh;padding:1rem;display:grid}.sidebar{background:var(--color-surface);box-shadow:var(--shadow-panel);border:1px solid #94a3b82e;border-radius:20px;flex-direction:column;gap:1.25rem;height:calc(100vh - 2rem);padding:1.25rem;display:flex;position:sticky;top:1rem}.sidebar-overlay{display:none}.sidebar-brand{border-bottom:1px solid var(--color-border);align-items:center;gap:.9rem;padding-bottom:1rem;display:flex}.sidebar-mark{color:#fff;background:var(--color-primary);letter-spacing:.06em;border-radius:14px;flex-shrink:0;place-items:center;width:48px;height:48px;font-weight:800;display:grid}.sidebar-brand-title{font-size:1rem;font-weight:800}.sidebar-brand-subtitle{color:var(--color-text-light);font-size:.84rem}.sidebar-nav{flex-direction:column;gap:.4rem;padding-right:.2rem;display:flex;overflow:auto}.nav-group{flex-direction:column;gap:.2rem;display:flex}.nav-item{width:100%;color:var(--color-text-main);text-align:left;transition:background var(--transition-speed), color var(--transition-speed);border-radius:14px;align-items:center;gap:.8rem;padding:.85rem .9rem;display:flex}.nav-item:hover,.nav-item.active{color:var(--color-primary);background:#f8fafc}.nav-item-icon{width:30px;height:30px;color:var(--color-primary);background:var(--color-accent-soft);border-radius:10px;flex-shrink:0;place-items:center;display:grid}.nav-item-label{flex:1;font-weight:600}.nav-item-caret{color:var(--color-text-light);transition:transform var(--transition-speed)}.nav-item-caret.open{transform:rotate(180deg)}.nav-children{border-left:1px solid var(--color-border);flex-direction:column;gap:.2rem;margin-left:2.15rem;padding-left:.75rem;display:flex}.nav-child-item{text-align:left;color:var(--color-text-light);border-radius:10px;padding:.65rem .7rem}.nav-child-item:hover{color:var(--color-primary);background:#f8fafc}.main-panel{flex-direction:column;gap:1rem;min-width:0;display:flex}.mobile-header{box-shadow:var(--shadow-soft);background:#fff;border:1px solid #94a3b82e;border-radius:18px;align-items:center;gap:.8rem;padding:.9rem 1rem;display:none}.mobile-menu-btn{width:42px;height:42px;color:var(--color-primary);background:#f8fafc;border-radius:12px;place-items:center;display:grid}.mobile-header-title{color:var(--color-text-main);font-weight:800}.mobile-header-subtitle{color:var(--color-text-light);font-size:.85rem}.top-summary{color:#fff;border-radius:20px;justify-content:space-between;align-items:center;gap:1rem;padding:1.45rem 1.6rem;display:flex}.top-summary h1{margin-top:.35rem;font-size:clamp(1.35rem,2vw,1.9rem)}.top-summary p{color:#fffc;margin-top:.25rem}.eyebrow{color:#c7d2fe;letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:.4rem;font-size:.8rem;font-weight:700;display:inline-flex}.icon-button{color:#fff;background:#ffffff1a;border-radius:12px;place-items:center;width:42px;height:42px;display:grid}.table-panel{box-shadow:var(--shadow-panel);background:#fff;border:1px solid #94a3b82e;border-radius:20px;padding:1.2rem}.table-toolbar{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:flex-start;gap:1rem;padding-bottom:1rem;display:flex}.table-title{color:var(--color-text-main);font-size:1.25rem;font-weight:800}.table-subtitle{color:var(--color-text-light);margin-top:.25rem;font-size:.92rem}.toolbar-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.6rem;display:flex}.dropdown-wrap{position:relative}.toolbar-button{color:#fff;background:#1f2937;border-radius:12px;align-items:center;gap:.5rem;padding:.8rem .9rem;font-weight:600;display:inline-flex}.dropdown-menu{border:1px solid var(--color-border);min-width:220px;box-shadow:var(--shadow-panel);z-index:10;background:#fff;border-radius:14px;padding:.55rem;position:absolute;top:calc(100% + .5rem);right:0}.dropdown-check,.dropdown-action{text-align:left;width:100%;color:var(--color-text-main);border-radius:10px;align-items:center;gap:.7rem;padding:.72rem .75rem;display:flex}.dropdown-check:hover,.dropdown-action:hover{background:#f8fafc}.dropdown-check input{width:16px;height:16px}.table-controls{justify-content:space-between;align-items:center;gap:1rem;padding:1rem 0;display:flex}.table-length{color:var(--color-text-light);align-items:center;gap:.5rem;display:flex}.table-length select{border:1px solid var(--color-border);background:#fff;border-radius:10px;padding:.55rem .7rem}.table-search{color:var(--color-text-light);align-items:center;gap:.6rem;display:flex}.table-search>div{border:1px solid var(--color-border);background:#fff;border-radius:12px;align-items:center;gap:.5rem;padding:.55rem .7rem;display:inline-flex}.table-search input{min-width:220px;color:var(--color-text-main);border:none;outline:none}.table-wrap{border:1px solid var(--color-border);border-radius:16px;overflow-x:auto}.admin-table{border-collapse:collapse;width:100%;min-width:860px}.admin-table th,.admin-table td{border-bottom:1px solid var(--color-border);text-align:left;padding:.95rem .9rem;font-size:.92rem}.admin-table th{color:var(--color-text-light);letter-spacing:.08em;text-transform:uppercase;background:#fafbfc;font-size:.78rem}.admin-table tr.striped td{background:#f8fafc}.check-col{width:42px;text-align:center!important}.row-actions{align-items:center;gap:.45rem;display:flex}.row-action{border-radius:10px;height:30px;padding:0 .75rem;font-size:.82rem;font-weight:700}.row-action.edit{color:#1d4ed8;background:#eff6ff}.row-action.delete{color:#dc2626;background:#fef2f2;place-items:center;width:30px;padding:0;display:grid}.table-footer{color:var(--color-text-light);justify-content:space-between;align-items:center;gap:1rem;padding-top:1rem;display:flex}.pagination{align-items:center;gap:.35rem;display:inline-flex}.pagination button{border:1px solid var(--color-border);min-width:42px;height:38px;color:var(--color-text-main);background:#fff;border-radius:10px;padding:0 .8rem}.pagination button.active{color:#fff;background:#1f2937;border-color:#1f2937}@media (width<=1100px){.admin-app{grid-template-columns:1fr}.sidebar{width:min(292px,100vw - 2rem);transition:transform var(--transition-speed);z-index:40;position:fixed;inset:1rem auto 1rem 1rem;transform:translate(calc(-100% - 1.25rem))}.sidebar.open{transform:translate(0)}.sidebar-overlay{opacity:0;pointer-events:none;transition:opacity var(--transition-speed);z-index:30;background:#0f172a59;display:block;position:fixed;inset:0}.sidebar-overlay.visible{opacity:1;pointer-events:auto}.table-toolbar,.table-controls,.table-footer{flex-direction:column;align-items:stretch}.toolbar-actions{justify-content:flex-start}}@media (width<=768px){.admin-app{padding:.75rem}.mobile-header{display:flex}.top-summary,.table-panel{padding:1rem}.table-search input{width:100%;min-width:0}}@media (width<=480px){.toolbar-button{justify-content:center;width:100%}.dropdown-menu{min-width:240px;left:0;right:auto}.table-length{flex-wrap:wrap}}