@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap";:root{--vcm-bg:#f6f8fb;--vcm-primary:#0d47a1;--vcm-primary-ink:#0a2d66;--vcm-accent:#00a7ff;--vcm-ink:#1b1f2a;--vcm-muted:#6b7280;--vcm-card:#ffffff;--vcm-ring: rgba(13,71,161,.2);--vcm-danger:#d62828}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--vcm-ink);background:var(--vcm-bg)}.vcm-auth{height:100%;display:grid;grid-template-columns:1.1fr 1fr}@media (max-width: 980px){.vcm-auth{grid-template-columns:1fr}.vcm-side{display:none}}.vcm-side{background:radial-gradient(1200px 600px at -10% 110%,#e6f5ff 0%,transparent 60%),radial-gradient(900px 600px at 110% -10%,#eaf0ff 0%,transparent 55%),linear-gradient(135deg,#f1f6ff,#eefaff);position:relative}.vcm-side-art{position:absolute;inset:0;background:url(https://images.unsplash.com/photo-1550439062-609e1531270e?q=80&w=1600&auto=format&fit=crop) center/cover no-repeat;mix-blend:multiply;opacity:.25}.vcm-form-wrap{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;gap:28px}.vcm-brand{text-align:center}.vcm-brand img{height:54px;margin-bottom:8px}.vcm-brand h1{margin:0;letter-spacing:.5px;font-weight:800}.vcm-brand h1 span{color:var(--vcm-primary)}.vcm-tagline{margin:.25rem 0 0;color:var(--vcm-muted);font-weight:500}.vcm-card{width:100%;max-width:480px;background:var(--vcm-card);border-radius:16px;padding:28px 24px;box-shadow:0 12px 30px #10182814;border:1px solid #eef2f7}.vcm-card h2{margin:0 0 14px;font-size:20px}.vcm-form{display:grid;gap:16px;margin-top:6px}.vcm-label{display:grid;gap:6px;font-weight:600;color:#334155}.req{color:#ef4444;margin-left:4px;font-weight:700}.vcm-input{width:100%;padding:12px 14px;border-radius:10px;border:1px solid #d7deea;background:#fbfcff;outline:none;font-size:15px;transition:box-shadow .2s,border-color .2s,background .2s}.vcm-input:focus{border-color:var(--vcm-primary);box-shadow:0 0 0 4px var(--vcm-ring);background:#fff}.vcm-input-group{position:relative}.vcm-check{display:flex;align-items:center;gap:10px;color:#475569;-webkit-user-select:none;user-select:none}.vcm-check input{width:18px;height:18px;accent-color:var(--vcm-primary)}.vcm-error{margin:4px 0 0;padding:10px 12px;border-radius:10px;background:#ffe7ea;color:var(--vcm-danger);border:1px solid #ffcdd2;font-weight:600}.vcm-btn{margin-top:4px;width:100%;padding:12px 16px;border-radius:12px;border:0;color:#fff;font-weight:700;letter-spacing:.2px;background:linear-gradient(180deg,#0f5ad2,var(--vcm-primary));box-shadow:0 8px 18px #0d47a140;cursor:pointer;transition:transform .06s ease,box-shadow .2s ease,filter .2s}.vcm-btn:hover{filter:saturate(1.05) brightness(1.03)}.vcm-btn:active{transform:translateY(1px)}.vcm-foot{margin-top:18px;text-align:center;color:var(--vcm-muted)}.vcm-layout{display:grid;grid-template-columns:260px 1fr;min-height:100dvh;background:#f4f6f8}.vcm-sidebar{background:#0b1736;color:#fff;display:flex;flex-direction:column;padding:16px 12px;gap:12px}.vcm-brand-mini{display:flex;align-items:center;gap:10px;font-weight:700;letter-spacing:.5px}.vcm-brand-mini img{height:28px}.vcm-nav{display:flex;flex-direction:column;gap:6px;margin-top:8px}.vcm-nav-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;background:transparent;color:#cfd5ff;border:1px solid transparent}.vcm-nav-item:hover{background:#16214a;color:#fff;border-color:#28336b}.vcm-nav-ico{width:24px;text-align:center;opacity:.9}.vcm-sidebar-footer{margin-top:auto;display:grid;gap:10px}.vcm-user-chip{display:flex;align-items:center;gap:10px;padding:10px;border-radius:12px;background:#0f1f55;border:1px solid #26336e}.vcm-avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#3142a0;color:#fff;font-weight:700}.vcm-user-info small{opacity:.7}.vcm-logout{background:#e53e3e;color:#fff;border:none;padding:10px 12px;border-radius:10px}.vcm-logout:hover{filter:brightness(.95)}.vcm-content{padding:28px}.vcm-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.vcm-username{color:#0b1736}.vcm-modules-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.vcm-card-module{display:grid;gap:10px;align-content:start;padding:18px;border-radius:16px;background:#fff;border:1px solid #e5e7eb;box-shadow:0 1px 3px #0000000a}.vcm-card-module:hover{transform:translateY(-2px);box-shadow:0 6px 18px #00000014}.vcm-card-module-icon{font-size:28px}.vcm-card-module-title{font-weight:700}.vcm-card-module-desc{opacity:.7;font-size:.92rem}.vcm-modal-backdrop{position:fixed;inset:0;background:#00000059;display:grid;place-items:center;padding:16px;z-index:50}.vcm-modal{position:relative;max-width:640px;width:100%;background:#fff;border-radius:16px;padding:28px;box-shadow:0 10px 30px #0003}.vcm-modal-hero{display:grid;place-items:center;margin-top:-12px;margin-bottom:6px}.vcm-badge{font-size:40px}.vcm-modal-close{position:absolute;right:10px;top:6px;border:none;background:transparent;font-size:24px;line-height:1;cursor:pointer}.vcm-modal-title{margin:6px 0 4px;font-size:1.25rem;font-weight:800;color:#0b1736;text-align:center}.vcm-modal-subtitle{margin:0 0 6px;opacity:.8;text-align:center}.vcm-modal-body{opacity:.9;text-align:center}@media (max-width: 900px){.vcm-layout{grid-template-columns:1fr}.vcm-sidebar{position:sticky;top:0;z-index:20;border-bottom:1px solid #20306b;flex-direction:row;align-items:center;gap:10px}.vcm-nav{flex-direction:row;flex-wrap:wrap}.vcm-sidebar-footer{display:none}}.vcm-sidebar-footer{padding:1rem}.vcm-user-card{display:flex;align-items:center;justify-content:space-between;background:#fff;border-radius:12px;padding:.5rem 1rem;box-shadow:0 2px 6px #00000014;gap:.8rem}.vcm-user-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover}.vcm-user-info{flex:1;display:flex;flex-direction:column;font-size:.9rem;color:#333}.vcm-user-info b{font-size:.95rem;margin-bottom:2px}.vcm-user-info small{font-size:.75rem;color:#666}.vcm-logout-icon{background:none;border:none;color:#4a6cf7;font-size:1.4rem;cursor:pointer;transition:color .2s}.vcm-logout-icon:hover{color:#d9534f}.vcm-input-group{position:relative;display:flex;align-items:center}.vcm-input{flex:1;padding-right:40px}.vcm-eye-btn{position:absolute;right:10px;background:none;border:none;cursor:pointer;font-size:18px}.wm-overlay{position:fixed;inset:0;background:#0f172a8c;display:grid;place-items:center;z-index:9999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.wm-modal{position:relative;width:min(680px,92vw);background:#fff;border-radius:16px;padding:28px 28px 32px;box-shadow:0 24px 60px #0000002e;text-align:center}.wm-close{position:absolute;top:10px;right:12px;border:0;background:transparent;font-size:22px;line-height:1;cursor:pointer;color:#334155}.wm-hero{display:flex;justify-content:center;margin-bottom:8px}.wm-hero img{width:44px;height:44px}.wm-title{margin:8px 0 10px;font-size:22px;font-weight:800;color:#0f172a}.wm-sub,.wm-body{margin:0 auto;max-width:560px;color:#334155;font-size:16px}.wm-sub{margin-bottom:6px}@keyframes wm-slide-in-left{0%{opacity:0;transform:translate(-24px) scale(.98)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes wm-rise-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes wm-pop-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.wm-anim-pop{animation:wm-pop-in .42s cubic-bezier(.22,.8,.15,1) both}.wm-anim-left{animation:wm-slide-in-left .52s cubic-bezier(.22,.8,.15,1) both}.wm-star{font-size:44px;display:inline-block;margin-bottom:8px}@keyframes wm-slide-in-left{0%{opacity:0;transform:translate(-40px) scale(.95)}to{opacity:1;transform:translate(0) scale(1)}}.wm-anim-left{animation:wm-slide-in-left 1s ease-out both}@keyframes wm-rise-in{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.wm-anim-up{animation:wm-rise-in 1s ease-out both}@keyframes wm-pop-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.wm-anim-pop{animation:wm-pop-in .9s ease-out both}.delay-1{animation-delay:.2s}.delay-2{animation-delay:.4s}.delay-3{animation-delay:.6s}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#9ca3af}button,a,[role=button]{transition:opacity .15s ease,color .15s ease}.MuiButton-root{transition:transform .12s ease,box-shadow .18s ease,filter .18s ease!important;border-radius:10px!important}.MuiButton-contained:not(.Mui-disabled):hover{transform:translateY(-1px)!important;box-shadow:0 4px 14px #00000029!important;filter:brightness(1.04)!important}.MuiButton-outlined:not(.Mui-disabled):hover{transform:translateY(-1px)!important}.MuiButton-root:not(.Mui-disabled):active{transform:translateY(0) scale(.985)!important}.MuiButton-root.Mui-disabled{opacity:.5!important}.MuiOutlinedInput-root{transition:box-shadow .18s ease!important;border-radius:10px!important}.MuiOutlinedInput-root.Mui-focused:not(.Mui-error){box-shadow:0 0 0 3px #0d47a11a!important}.MuiOutlinedInput-root.Mui-error.Mui-focused{box-shadow:0 0 0 3px #d628281a!important}.MuiPaper-root{transition:box-shadow .2s ease!important}.MuiPaper-elevation1{box-shadow:0 1px 6px #0000000f,0 2px 14px #0000000a!important}.MuiPaper-elevation2{box-shadow:0 2px 8px #00000012,0 4px 18px #0000000d!important}.MuiPaper-elevation3{box-shadow:0 4px 12px #00000014,0 8px 24px #0000000d!important}.MuiTableRow-root.MuiTableRow-hover:hover>.MuiTableCell-root{background-color:#f8faff!important;transition:background-color .15s ease!important}.MuiTableCell-root{border-bottom-color:#f0f2f7!important}.MuiTableCell-head{letter-spacing:.015em;font-size:.8rem!important;text-transform:uppercase;color:#6b7280!important}.MuiSelect-outlined{border-radius:10px!important}.MuiChip-root{transition:transform .15s ease,box-shadow .15s ease,opacity .15s ease!important}.MuiMenuItem-root{border-radius:8px!important;margin:1px 4px!important;transition:background-color .15s ease!important}.MuiAlert-root{border-radius:12px!important}.MuiTooltip-tooltip{font-size:11.5px!important;border-radius:8px!important;-webkit-backdrop-filter:blur(6px)!important;backdrop-filter:blur(6px)!important}.MuiDialog-paper{border-radius:16px!important}.MuiDrawer-paper{scrollbar-width:thin!important;scrollbar-color:#e5e7eb transparent!important}.MuiDrawer-paper .MuiCollapse-root .MuiList-root{position:relative}.MuiDrawer-paper .MuiCollapse-root .MuiList-root:before{content:"";position:absolute;left:28px;top:4px;bottom:4px;width:1.5px;background:linear-gradient(180deg,#f57c0059,#f57c0014);border-radius:999px}.MuiDrawer-paper .MuiListItemButton-root.active{position:relative!important}.MuiCollapse-root{transition:height .25s ease-in-out!important}.MuiDivider-root{border-color:#00000012!important}.MuiListSubheader-root{font-size:.7rem!important;letter-spacing:.08em!important;text-transform:uppercase!important;color:#9ca3af!important;line-height:2.5!important}.MuiTablePagination-root{border-top:1px solid #f0f2f7!important;font-size:.825rem!important}.MuiInputBase-input{font-size:.9rem!important}.MuiIconButton-root{transition:background-color .18s ease,color .18s ease,transform .12s ease!important}.MuiIconButton-root:not(.Mui-disabled):hover{transform:scale(1.08)!important}.MuiIconButton-root:not(.Mui-disabled):active{transform:scale(.95)!important}.MuiAppBar-root{backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important}.MuiAvatar-root{box-shadow:0 1px 4px #0000001f!important}.MuiBadge-badge{font-size:10px!important;min-width:16px!important;height:16px!important}@media (max-width: 599px){.MuiDrawer-paperAnchorLeft{animation:vcm-slide-drawer .28s cubic-bezier(.22,.8,.15,1) both}}@keyframes vcm-slide-drawer{0%{transform:translate(-100%);opacity:.6}to{transform:translate(0);opacity:1}}