@import "https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@300;400;500;600;700;800;900&family=Inter:wght@300;400;500;600;700;800&display=swap";
:root{--primary-color:#0284c7;--secondary-color:#f59e0b;--bg-color:#f8fafc}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg-color);max-width:100vw;font-family:Inter,Be Vietnam Pro,sans-serif;overflow-x:hidden}body{color:#0f172a}a{color:inherit;text-decoration:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.5s ease-out forwards fadeIn}.glass{-webkit-backdrop-filter:blur(10px);background:#ffffffb3;border:1px solid #ffffff4d}.portal-card{transition:all .25s cubic-bezier(.4,0,.2,1)}.portal-card:hover{transform:translateY(-2px);box-shadow:0 10px 25px -5px #00000014,0 8px 10px -6px #0000000a}
.dashboard-layout{min-height:100vh}.dashboard-layout .dashboard-sider{z-index:100;height:100vh;position:fixed;top:0;bottom:0;left:0;overflow:auto;box-shadow:2px 0 8px #0f172a14}.dashboard-layout .sider-logo{color:#fff;letter-spacing:1px;background:#0f172a;border-bottom:1px solid #ffffff1a;justify-content:center;align-items:center;height:64px;padding:0 16px;font-size:16px;font-weight:800;display:flex}.dashboard-layout .dashboard-header{z-index:99;background:#fff;justify-content:space-between;align-items:center;width:100%;padding:0 24px;display:flex;position:sticky;top:0;box-shadow:0 1px 4px #00152914}.dashboard-layout .header-left{align-items:center;gap:16px;display:flex}.dashboard-layout .header-system-title{color:#0284c7;white-space:nowrap;font-size:15px;font-weight:700}@media (max-width:768px){.dashboard-layout .header-system-title{display:none}}.dashboard-layout .header-right{align-items:center;gap:20px;display:flex}.dashboard-layout .header-right .user-profile{cursor:pointer;border-radius:6px;align-items:center;gap:8px;padding:6px 12px;transition:all .3s;display:flex}.dashboard-layout .header-right .user-profile:hover{background:#f1f5f9}.dashboard-layout .dashboard-content{background:#fff;border-radius:12px;min-height:280px;margin:24px 16px;padding:24px;animation:.4s ease-out fadeIn;box-shadow:0 1px 3px #0000000d}.ant-menu-dark .ant-menu-item-selected{font-weight:600;background-color:#0284c7!important}.dashboard-main{min-height:100vh;margin-left:260px;transition:all .2s}.dashboard-main.collapsed{margin-left:0}.sider-overlay{z-index:99;cursor:pointer;background:#00000073;animation:.3s fadeIn;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width:992px){.dashboard-main,.dashboard-main.collapsed{margin-left:0}.dashboard-layout .dashboard-content{margin:16px 8px;padding:16px}.dashboard-layout .dashboard-header{padding:0 16px}}@media (max-width:576px){.dashboard-layout .dashboard-content{margin:12px 4px;padding:12px}.header-right .user-profile .profile-name{display:none}}