*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,"Apple Color Emoji","Segoe UI Emoji";color:var(--text-1);background:var(--bg-app)}img{display:block;max-width:100%}button,input,select{font:inherit}a{color:inherit;text-decoration:none}:root{--violet-700:#6d28d9;--violet-600:#7c3aed;--violet-500:#8b5cf6;--violet-400:#a78bfa;--violet-300:#c4b5fd;--violet-200:#ddd6fe;--violet-100:#ede9fe;--violet-50:#f5f3ff;--sidebar-start:#7c3aed;--sidebar-end:#a78bfa;--text-1:#111827;--text-2:#374151;--muted:#6b7280;--line:#e5e7eb;--surface:#ffffff;--bg-app:#f5f6fb;--danger:#ef4444;--amber:#f59e0b;--success:#059669;--input-bg: #ffffff;--input-border: #e5e7eb;--input-text: #111827;--form-card-bg: #ffffff;--form-card-border: #e9e9f1}[data-theme=dark]{--text-1: #f9fafb;--text-2: #e5e7eb;--muted: #9ca3af;--line: #374151;--surface: #1f2937;--bg-app: #111827;--sidebar-start: #6366f1;--sidebar-end: #8b5cf6;--input-bg: #374151;--input-border: #4b5563;--input-text: #f9fafb;--form-card-bg: #1f2937;--form-card-border: #374151}.sh-app{display:flex;min-height:100vh}.sh-main{flex:1;min-width:0;display:flex;flex-direction:column}.sh-content{flex:1;padding:16px}@media (min-width: 768px){.sh-content{padding:24px}}.sh-sidebar{width:260px;display:flex;flex-direction:column;flex-shrink:0;background:linear-gradient(180deg,var(--sidebar-start),var(--sidebar-end));color:#fff;position:relative;z-index:30}.sh-sidebar-header{display:flex;align-items:center;gap:10px;padding:16px;border-bottom:1px solid rgba(255,255,255,.15)}.sh-logo{width:28px;height:28px}.sh-app-title{font-weight:700;letter-spacing:.3px}.sh-section{padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.12)}.sh-section label{display:block;font-size:12px;opacity:.9;margin-bottom:6px;font-weight:600}.sh-select{width:100%;border-radius:10px;border:1px solid rgba(255,255,255,.35);background:#ffffff26;color:#fff;padding:10px 12px;outline:none}.sh-select option{color:#111827}.sh-nav{flex:1;overflow:auto;padding:10px}.sh-nav-group{margin:8px 0 14px}.sh-nav-group-title{font-size:11px;text-transform:uppercase;letter-spacing:.06em;opacity:.9;padding:0 6px 6px}.sh-nav-list{display:flex;flex-direction:column;gap:6px}.sh-nav-link{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;position:relative;color:#fff;opacity:.95;background:transparent;transition:background .15s ease,opacity .15s ease}.sh-nav-link:hover{background:#ffffff1a;opacity:1}.sh-nav-link.active{background:#fff;color:var(--violet-700);box-shadow:0 1px #ffffff40 inset}.sh-nav-link.active .sh-icon{opacity:1}.sh-icon{font-size:16px;width:18px;text-align:center;opacity:.95}.sh-link-text{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600}.sh-badge.red{background:#fff;color:var(--danger);border:1px solid rgba(239,68,68,.25)}.sh-badge.amber{background:#fff;color:var(--amber);border:1px solid rgba(245,158,11,.25)}.sh-topbar{height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;background:var(--surface);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.sh-topbar-brand{display:flex;align-items:center;gap:8px}.sh-burger{background:transparent;border:0;cursor:pointer;font-size:18px;padding:8px;border-radius:8px;color:var(--text-1)}.sh-burger:hover{background:#0000000f}.sh-overlay{position:fixed;inset:0;background:#00000059;z-index:40;display:flex}.sh-overlay .sh-sidebar{width:280px;height:100%}.card{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:16px}.card-title{font-size:16px;font-weight:700;margin-bottom:10px;color:var(--text-1)}.card-sub{font-size:12px;color:var(--muted);margin-bottom:10px}.mt-16{margin-top:16px}.text-muted{color:var(--muted)}.auth-center{display:flex;align-items:center;justify-content:center;padding:32px 16px}.form-card{width:380px;max-width:92vw;padding:22px;border-radius:14px;border:1px solid var(--form-card-border);box-shadow:0 8px 24px #7d3bc414;background:var(--form-card-bg)}.form-title{font-size:18px;font-weight:800;margin-bottom:6px;color:var(--text-1)}.form-subtitle{font-size:13px;color:#6b7280;margin-bottom:14px}.field{margin-top:14px}.field label{display:block;font-size:12px;font-weight:700;color:#374151;margin-bottom:6px}.input{width:100%;border-radius:10px;border:1px solid var(--input-border);background:var(--input-bg);color:var(--input-text);padding:10px 12px;outline:none;transition:box-shadow .15s ease,border-color .15s ease}.input:focus{border-color:var(--violet-500);box-shadow:0 0 0 4px #8b5cf633}.helper{font-size:12px;color:#6b7280;margin-top:6px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:10px;padding:10px 12px;font-weight:700;cursor:pointer;transition:background .15s ease,box-shadow .15s ease,transform .02s ease;border:1px solid transparent}.btn:active{transform:translateY(.5px)}.btn-primary{background:linear-gradient(180deg,var(--violet-500),var(--violet-600));color:#fff;border-color:transparent}.btn-primary:hover{box-shadow:0 6px 16px #8b5cf659}.btn-secondary{background:#fff;color:var(--violet-700);border-color:var(--violet-300)}.btn-block{width:100%}.alert{border-radius:10px;padding:10px 12px;font-size:13px;margin-top:12px;border:1px solid}.alert-error{color:#991b1b;background:#fef2f2;border-color:#fee2e2}.alert-success{color:#065f46;background:#ecfdf5;border-color:#d1fae5}.form-links{font-size:12px;margin-top:12px;color:#4b5563}.form-links a{color:var(--violet-700);font-weight:700}.form-links a:hover{background:var(--violet-100)}.table{width:100%;border-collapse:collapse;border-spacing:0}.table th,.table td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--line);vertical-align:middle}.table th{background:var(--bg-app);font-weight:600;font-size:13px;text-transform:uppercase;letter-spacing:.5px;color:var(--muted);border-top:1px solid var(--line);position:sticky;top:0;z-index:10}.table tbody tr{transition:background-color .15s ease}.table tbody tr:hover{background:var(--bg-app)}.table tbody td{color:var(--text-1)}.table tbody td:first-child{font-weight:500}.table-wrapper{overflow-x:auto;border-radius:12px;border:1px solid var(--line)}.table-status-danger{color:#ef4444;font-weight:600}.table-status-warning{color:#f59e0b;font-weight:600}.table-status-success{color:#10b981;font-weight:600}.table-status-muted{color:var(--muted);font-size:13px}.table-actions{display:flex;gap:8px;align-items:center}.table-actions .btn{padding:6px 12px;font-size:13px;border-radius:6px}.table-actions .btn-icon{padding:6px 8px;min-width:auto}@media (max-width: 768px){.table th,.table td{padding:8px 12px;font-size:14px}.table th{font-size:12px}.table-actions{flex-direction:column;gap:4px}.table-actions .btn{font-size:12px;padding:4px 8px;width:100%;text-align:center}}.table-empty{text-align:center;padding:40px 20px;color:var(--muted);font-style:italic}.badge{display:inline-flex;align-items:center;justify-content:center;padding:4px 8px;border-radius:6px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.badge-gray{background:var(--muted);color:var(--surface)}.badge-blue{background:#3b82f6;color:#fff}.badge-green{background:#10b981;color:#fff}.badge-red{background:#ef4444;color:#fff}.badge-amber{background:#f59e0b;color:#fff}.sh-page{max-width:1100px;margin:0 auto;padding:8px}@media (min-width: 768px){.sh-page{padding:12px}}.sh-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;padding-bottom:8px;border-bottom:1px solid var(--line)}.sh-header .sh-title{font-size:20px;font-weight:800;color:var(--text-1);letter-spacing:.2px}.sh-header .sh-subtitle{font-size:12px;color:var(--muted)}.sh-grid{display:grid;gap:12px}.sh-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sh-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sh-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}@media (max-width: 1024px){.sh-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 640px){.sh-grid-4,.sh-grid-3,.sh-grid-2{grid-template-columns:1fr}}.sh-card{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:14px;box-shadow:0 8px 24px #7d3bc40f}.sh-card-header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.sh-card-title{font-weight:800;color:var(--text-1)}.sh-card-content{display:block}.sh-input{width:100%;border-radius:10px;border:1px solid var(--input-border);background:var(--input-bg);color:var(--input-text);padding:10px 12px;outline:none;transition:box-shadow .15s ease,border-color .15s ease}.sh-input:focus{border-color:var(--violet-500);box-shadow:0 0 0 4px #8b5cf633}.sh-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:10px;padding:10px 12px;font-weight:700;cursor:pointer;transition:background .15s ease,box-shadow .15s ease,transform .02s ease;border:1px solid transparent;color:inherit}.sh-btn:active{transform:translateY(.5px)}.sh-btn-sm{padding:6px 10px;border-radius:8px;font-size:13px}.sh-btn-primary{background:linear-gradient(180deg,var(--violet-500),var(--violet-600));color:#fff}.sh-btn-primary:hover{box-shadow:0 6px 16px #8b5cf659}.sh-btn-secondary{background:#fff;color:var(--violet-700);border-color:var(--violet-300)}.sh-btn-outline{background:transparent;color:var(--violet-700);border-color:var(--violet-300)}.sh-btn-danger{background:#ef4444;color:#fff}.sh-alert{border-radius:10px;padding:10px 12px;font-size:13px;border:1px solid}.sh-alert-info{color:#1e3a8a;background:#eff6ff;border-color:#dbeafe}.sh-alert-success{color:#065f46;background:#ecfdf5;border-color:#d1fae5}.sh-alert-error{color:#991b1b;background:#fef2f2;border-color:#fee2e2}.sh-table-container{overflow-x:auto;border-radius:12px;border:1px solid var(--line)}.sh-table{width:100%;border-collapse:collapse;border-spacing:0}.sh-table th,.sh-table td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--line);vertical-align:middle}.sh-table th{background:var(--bg-app);font-weight:600;font-size:13px;text-transform:uppercase;letter-spacing:.5px;color:var(--muted);position:sticky;top:0;z-index:5}.sh-table tbody tr{transition:background-color .15s ease}.sh-table tbody tr:hover{background:var(--bg-app)}.sh-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;font-size:12px;font-weight:700;margin-left:auto}.sh-badge-red{background:#fff;color:var(--danger);border:1px solid rgba(239,68,68,.25)}.sh-badge-amber{background:#fff;color:var(--amber);border:1px solid rgba(245,158,11,.25)}.sh-footer{padding:14px 16px;font-size:12px;opacity:.85;border-top:1px solid rgba(255,255,255,.15)}[data-theme=dark] .badge-gray{background:#4b5563;color:#f9fafb}.font-medium{font-weight:500}.font-bold{font-weight:700}.text-xs{font-size:12px}.text-sm{font-size:14px}.space-x-2>*+*{margin-left:8px}.space-y-3>*+*{margin-top:12px}.space-y-4>*+*{margin-top:16px}.min-w-full{min-width:100%}