body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,sans-serif;background:#f8fafc;color:#0f172a}a{text-decoration:none;color:inherit}button{border:none;border-radius:8px;padding:8px 14px;cursor:pointer;font-weight:500}.btn-primary{background:#111827;color:#fff}.sidebar{width:240px;background:#e5e7eb;padding:20px 16px;display:flex;flex-direction:column}.sidebar-logo{font-size:15px;font-weight:700;text-align:center;margin-bottom:24px}.sidebar-nav{display:flex;flex-direction:column;gap:10px}.sidebar-item{display:block;padding:12px 16px;border-radius:10px;background:#f8fafc;font-size:14px;font-weight:500;transition:background .15s ease}.sidebar-item:hover{background:#cbd5f5}.sidebar-item.active{background:#111827;color:#fff}.sidebar-item.admin{background:#dbeafe}.sidebar-item.admin.active{background:#000;color:#fff}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0}body{background:#f4f5f7;color:#111827;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.4}#root{min-height:100dvh;width:100%}img{max-width:100%;height:auto;display:block}input,button,select,textarea{font-size:16px}:focus-visible{outline:2px solid rgba(59,130,246,.8);outline-offset:2px}.container{width:min(1200px,100%);margin:0 auto;padding:16px}@media(max-width:640px){.container{padding:12px}}.card{background:#fff;border-radius:14px;box-shadow:0 10px 30px #0000001f}a{color:inherit;text-decoration:none}a:hover{opacity:1}.input,input[type=text],input[type=email],input[type=password],input[type=number],select,textarea{width:100%;padding:10px 12px;border:1px solid #e5e7eb;border-radius:10px;background:#fff;color:inherit}input::placeholder,textarea::placeholder{color:#9ca3af}input:disabled,button:disabled,select:disabled,textarea:disabled{opacity:.7;cursor:not-allowed}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;border-radius:10px;padding:10px 14px;cursor:pointer;background-color:#3b82f6;color:#fff;transition:background-color .3s ease}.btn-primary:hover{background-color:#2563eb}.btn-primary:active{transform:translateY(1px)}.auth-page{position:fixed;inset:0;display:grid;place-items:center;background:#f4f5f7;padding:16px}.auth-card{width:min(440px,100%);background:#fff;padding:40px 36px;border-radius:12px;box-shadow:0 10px 30px #00000026}@media(max-width:480px){.auth-card{padding:24px 18px;border-radius:10px}}.auth-logo{text-align:center;margin-bottom:24px}.auth-logo img{height:120px;max-width:100%;object-fit:contain;margin:0 auto}.auth-title{text-align:center;margin-bottom:24px;font-size:22px;font-weight:600}.auth-btn{width:100%}.auth-footer{margin-top:16px;text-align:center}.auth-error{margin-top:16px;text-align:center;color:#b91c1c;font-size:14px}.auth-success{text-align:center;color:#15803d;margin-bottom:24px;line-height:1.4}.table-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}table{width:100%;border-collapse:collapse;min-width:720px}th,td{padding:8px;text-align:left;vertical-align:top}thead tr,tbody tr{border-bottom:1px solid #e5e7eb}.row{display:flex;gap:8px;flex-wrap:wrap}.col{flex:1 1 220px;min-width:220px}.sidebar{width:260px;background-color:#0f172a;color:#e5e7eb;height:100vh;position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column;padding:16px;box-shadow:2px 0 12px #00000059;z-index:1000}.sidebar-header{font-size:1.1rem;font-weight:800;text-align:center;margin-bottom:18px;color:#fff;border-bottom:1px solid rgba(255,255,255,.12);padding-bottom:14px}.sidebar-nav{flex-grow:1}.sidebar-nav ul{list-style:none;padding:0;margin:0}.sidebar-nav li{margin-bottom:10px}.sidebar,.sidebar *{filter:none!important;opacity:1!important;mix-blend-mode:normal!important}.sidebar a,.sidebar a:visited{color:inherit;text-decoration:none}.sidebar a:hover{opacity:1!important}.sidebar-nav a,.sidebar a.sidebar-item,.sidebar .sidebar-item,.sidebar .nav-link{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:12px;background:#bfdbfe;color:#0b1220!important;font-weight:700;letter-spacing:.1px;border:1px solid rgba(15,23,42,.18);transition:background-color .15s ease,border-color .15s ease,transform .05s ease,color .15s ease}.sidebar-nav a:hover,.sidebar-nav a:focus-visible,.sidebar a.sidebar-item:hover,.sidebar .sidebar-item:hover,.sidebar .nav-link:hover{background:#1e3a8a;color:#fff!important;border-color:#ffffff38}.sidebar-nav a.active,.sidebar a.sidebar-item.active,.sidebar .sidebar-item.active,.sidebar .nav-link.active{background:#1d4ed8;color:#fff!important;border-color:#ffffff47}.sidebar-nav a:active,.sidebar a.sidebar-item:active,.sidebar .sidebar-item:active,.sidebar .nav-link:active{transform:translateY(1px)}.sidebar-nav a.admin,.sidebar .sidebar-item.admin,.sidebar .nav-link.admin{background:#bfdbfe;color:#0b1220!important}.sidebar-nav a.admin:hover,.sidebar .sidebar-item.admin:hover,.sidebar .nav-link.admin:hover{background:#1e3a8a;color:#fff!important}.sidebar-footer{margin-top:auto;border-top:1px solid rgba(255,255,255,.12);padding-top:12px;text-align:center;font-size:.9rem;color:#e5e7eb}@media(max-width:900px){.sidebar{position:relative;height:auto;width:100%;inset:auto;box-shadow:none;border-bottom:1px solid rgba(255,255,255,.12);padding:12px;transform:none}.sidebar-nav a,.sidebar a.sidebar-item,.sidebar .sidebar-item,.sidebar .nav-link{width:100%}.sidebar.sidebar--overlay{position:fixed;top:0;left:0;bottom:0;width:min(320px,86vw);height:100vh;box-shadow:2px 0 12px #00000059;transform:translate(-105%);transition:transform .18s ease}.sidebar.sidebar--overlay.is-open{transform:translate(0)}}