:root{--bg-primary: #0a0e1a;--bg-secondary: #0f172a;--bg-glass: rgba(15, 23, 42, .6);--accent-blue: #3b82f6;--accent-primary: #2563eb;--accent-cyan: #0891b2;--brand-blue: #2563eb;--text-primary: #ffffff;--text-secondary: #94a3b8;--text-muted: #64748b;--border-subtle: rgba(255, 255, 255, .08);--error: #ef4444}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;margin:0;padding:0;overflow-x:hidden}#root{width:100%;height:100%}.enhanced-sidebar{--sidebar-bg: #111827;--sidebar-text: rgba(255, 255, 255, .7);--sidebar-text-active: #ffffff;--sidebar-border: rgba(255, 255, 255, .08);--sidebar-bg-subtle: rgba(255, 255, 255, .05);--sidebar-bg-hover: rgba(255, 255, 255, .08);--sidebar-shadow: 4px 0 24px rgba(0, 0, 0, .15);--scrollbar-thumb: rgba(255, 255, 255, .2);--scrollbar-thumb-hover: rgba(255, 255, 255, .35);--resize-indicator: rgba(255, 255, 255, .15)}.enhanced-sidebar.light-mode{--sidebar-bg: #f8fafc;--sidebar-text: rgba(0, 0, 0, .65);--sidebar-text-active: rgba(0, 0, 0, .88);--sidebar-border: rgba(0, 0, 0, .06);--sidebar-bg-subtle: rgba(0, 0, 0, .03);--sidebar-bg-hover: rgba(0, 0, 0, .04);--sidebar-shadow: 4px 0 24px rgba(0, 0, 0, .06);--scrollbar-thumb: rgba(0, 0, 0, .15);--scrollbar-thumb-hover: rgba(0, 0, 0, .25);--resize-indicator: rgba(0, 0, 0, .1)}.custom-sidebar-scroll::-webkit-scrollbar{width:3px;height:3px}.custom-sidebar-scroll::-webkit-scrollbar-track{background:transparent}.custom-sidebar-scroll::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:3px}.custom-sidebar-scroll::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.custom-sidebar-scroll{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent}.sidebar-nav::-webkit-scrollbar{width:3px;height:3px}.sidebar-nav::-webkit-scrollbar-track{background:transparent}.sidebar-nav::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:3px}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.sidebar-nav{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent}.enhanced-sidebar{background:var(--sidebar-bg)!important;border-right:none!important;box-shadow:var(--sidebar-shadow);transition:background .3s ease,box-shadow .3s ease}.enhanced-sidebar .ant-layout-sider-children{display:flex;flex-direction:column;height:100%}.sidebar-brand{padding:20px 16px;border-bottom:1px solid var(--sidebar-border);display:flex;align-items:center;justify-content:center}.brand-logo{display:flex;align-items:center;gap:8px}.brand-icon{width:40px;height:40px;background:#2563eb;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;color:#fff;box-shadow:0 4px 12px #2563eb4d;transition:all .3s ease}.brand-icon:hover{transform:scale(1.05);box-shadow:0 6px 16px #2563eb66}.brand-icon.collapsed{width:36px;height:36px;font-size:18px}.enhanced-sidebar .brand-text{font-size:22px;font-weight:700;letter-spacing:-.5px;color:#fff}.enhanced-sidebar.light-mode .brand-text{color:#1e293b}.user-role-badge{margin:12px 16px;padding:8px 12px;background:var(--sidebar-bg-subtle);border-radius:8px;border:1px solid var(--sidebar-border);text-align:center}.role-text{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:var(--sidebar-text)}.workspace-selector-area{padding:8px 16px;border-bottom:1px solid var(--sidebar-border)}.sidebar-nav{flex:1;overflow-y:auto;overflow-x:hidden;padding:8px 0}.sidebar-menu.ant-menu{background:transparent!important}.sidebar-menu .ant-menu-item,.sidebar-menu .ant-menu-submenu-title{margin:4px 8px!important;padding-left:16px!important;border-radius:8px!important;color:var(--sidebar-text)!important;transition:all .2s ease!important;position:relative;overflow:hidden}.sidebar-menu .ant-menu-item:hover,.sidebar-menu .ant-menu-submenu-title:hover{background:var(--sidebar-bg-hover)!important;color:var(--sidebar-text-active)!important}.sidebar-menu .ant-menu-item-selected{background:#2563eb26!important;color:var(--sidebar-text-active)!important;border-left:3px solid #2563eb!important}.enhanced-sidebar.light-mode .sidebar-menu .ant-menu-item-selected{background:#2563eb14!important}.sidebar-menu .ant-menu-item-selected:after{display:none!important}.sidebar-menu .ant-menu-submenu-open>.ant-menu-submenu-title{color:var(--sidebar-text-active)!important}.sidebar-menu .ant-menu-sub{background:transparent!important}.sidebar-menu .ant-menu-sub .ant-menu-item{padding-left:40px!important}.sidebar-menu .ant-menu-item-icon,.sidebar-menu .ant-menu-submenu-title .ant-menu-item-icon{color:inherit!important}.sidebar-menu .ant-menu-submenu-arrow{color:var(--sidebar-text)!important}.sidebar-menu .ant-menu-submenu-open>.ant-menu-submenu-title>.ant-menu-submenu-arrow{color:var(--sidebar-text-active)!important}.sidebar-footer{padding:16px;border-top:1px solid var(--sidebar-border);display:flex;justify-content:center}.collapse-toggle{width:100%;padding:10px 16px;background:var(--sidebar-bg-subtle);border:1px solid var(--sidebar-border);border-radius:8px;color:var(--sidebar-text);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.collapse-toggle:hover{background:var(--sidebar-bg-hover);color:var(--sidebar-text-active);border-color:var(--sidebar-border)}.collapse-icon{transition:transform .3s ease}.collapse-icon.rotated{transform:rotate(180deg)}.resize-handle{width:6px;background:transparent;cursor:col-resize;position:relative;display:flex;align-items:center;justify-content:center;transition:background .2s ease;z-index:100}.resize-handle:hover,.resize-handle.active{background:#2563eb26}.resize-indicator{width:2px;height:40px;background:var(--resize-indicator);border-radius:2px;transition:all .2s ease}.resize-handle:hover .resize-indicator,.resize-handle.active .resize-indicator{background:#2563eb;height:60px;box-shadow:0 0 8px #2563eb66}.sidebar-container{height:100vh}.sidebar-container .ant-layout-sider{flex-shrink:0}.sidebar-menu .ant-menu-item:before,.sidebar-menu .ant-menu-submenu-title:before{content:"";position:absolute;left:0;top:0;height:100%;width:0;background:linear-gradient(90deg,rgba(37,99,235,.2),transparent);transition:width .3s ease;pointer-events:none}.sidebar-menu .ant-menu-item:hover:before,.sidebar-menu .ant-menu-submenu-title:hover:before{width:100%}.enhanced-sidebar.light-mode .sidebar-menu .ant-menu-item:before,.enhanced-sidebar.light-mode .sidebar-menu .ant-menu-submenu-title:before{background:linear-gradient(90deg,rgba(37,99,235,.08),transparent)}@media(max-width:768px){.enhanced-sidebar{box-shadow:8px 0 32px #0000004d}.enhanced-sidebar.light-mode{box-shadow:8px 0 32px #0000001a}.sidebar-brand{padding:16px 12px}.user-role-badge{margin:8px 12px}}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-primary);position:relative;overflow:hidden}.login-wrapper{display:flex;width:100%;max-width:1100px;min-height:650px;margin:20px;border-radius:16px;overflow:hidden;background:#0f172a;border:1px solid var(--border-subtle);box-shadow:0 25px 50px -12px #0000004d;position:relative;z-index:1;animation:fadeUp .6s ease-out}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.branding-panel{flex:1;background:#1e3a8a33;padding:48px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;border-right:1px solid rgba(255,255,255,.05)}.branding-content{position:relative;z-index:1;display:flex;flex-direction:column;height:100%}.logo-container{display:flex;align-items:center;gap:12px;margin-bottom:48px}.logo-icon{width:48px;height:48px;background:#2563eb;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;color:#fff;box-shadow:0 4px 12px #2563eb4d}.logo-icon.small{width:36px;height:36px;font-size:18px;border-radius:10px}.logo-text{color:#fff!important;margin:0!important;font-weight:700!important;letter-spacing:-.5px}.branding-hero{margin-bottom:40px}.hero-title{color:#fff!important;font-size:36px!important;line-height:1.2!important;margin-bottom:16px!important;font-weight:700!important;letter-spacing:-.5px}.hero-subtitle{color:#94a3b8!important;font-size:16px!important;line-height:1.6!important;margin:0!important}.features-list{display:flex;flex-direction:column;gap:20px;flex:1}.feature-item{display:flex;align-items:flex-start;gap:16px;padding:16px;border-radius:12px;background:#ffffff08;border:1px solid rgba(255,255,255,.05);transition:all .3s ease;animation:slideIn .6s ease-out backwards}.feature-item:hover{background:#ffffff0f;border-color:#ffffff1a;transform:translate(4px)}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.feature-icon{width:40px;height:40px;background:#2563eb26;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#60a5fa;font-size:18px;flex-shrink:0}.feature-content{display:flex;flex-direction:column;gap:4px}.feature-title{color:#fff!important;font-weight:600!important;font-size:14px!important}.feature-description{color:#94a3b8cc!important;font-size:13px!important}.branding-footer{margin-top:auto;padding-top:24px;border-top:1px solid rgba(255,255,255,.05)}.footer-text{color:#94a3b8b3!important;font-size:13px!important;display:block;margin-bottom:12px}.trust-badges{display:flex;gap:16px}.trust-badge{color:#94a3b899;font-size:12px;padding:6px 12px;background:#ffffff08;border-radius:6px;border:1px solid rgba(255,255,255,.05)}.form-panel{flex:1;display:flex;align-items:center;justify-content:center;padding:48px;background:#0f172a66}.form-container{width:100%;max-width:360px}.mobile-logo{display:none;align-items:center;gap:10px;margin-bottom:24px}.mobile-logo-text{color:#fff;font-size:20px;font-weight:700}.form-header{margin-bottom:32px;text-align:center}.form-title{color:#fff!important;margin-bottom:8px!important;font-weight:700!important;font-size:28px!important;letter-spacing:-.5px}.form-subtitle{color:#94a3b8cc!important;font-size:15px!important}.login-form{margin-top:24px}.login-form .ant-form-item-label>label{color:#94a3b8!important;font-weight:500!important;font-size:13px!important;text-transform:uppercase;letter-spacing:.5px}.custom-input,.login-form .ant-input,.login-form .ant-input-affix-wrapper{background:#ffffff08!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:10px!important;padding:14px 16px!important;color:#fff!important;font-size:15px!important;transition:all .2s ease!important;height:auto!important}.login-form .ant-input-affix-wrapper{padding:0 16px!important}.login-form .ant-input-affix-wrapper .ant-input{padding:14px 0!important;background:transparent!important;border:none!important}.custom-input:hover,.login-form .ant-input:hover,.login-form .ant-input-affix-wrapper:hover{border-color:#2563eb80!important;background:#ffffff0d!important}.custom-input:focus,.login-form .ant-input:focus,.login-form .ant-input-affix-wrapper-focused{border-color:#2563eb!important;box-shadow:0 0 0 3px #2563eb26!important;background:#ffffff0d!important}.input-icon{color:#64748b!important;font-size:16px!important;margin-right:8px}.login-form .ant-input-password-icon{color:#64748b!important}.login-form .ant-input-password-icon:hover{color:#94a3b8!important}.form-options{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.remember-checkbox{color:#94a3b8cc!important}.remember-checkbox .ant-checkbox-inner{background:#ffffff0d!important;border-color:#ffffff26!important;border-radius:4px!important}.remember-checkbox .ant-checkbox-checked .ant-checkbox-inner{background:#2563eb!important;border-color:#2563eb!important}.forgot-link{color:#60a5fa!important;font-size:13px;transition:color .2s ease}.forgot-link:hover{color:#93c5fd!important}.submit-item{margin-bottom:0!important}.submit-button{height:52px!important;border-radius:10px!important;font-size:16px!important;font-weight:600!important;background:#2563eb!important;border:none!important;box-shadow:0 4px 12px #2563eb4d!important;transition:all .2s ease!important}.submit-button:hover{background:#1d4ed8!important;transform:translateY(-1px)!important;box-shadow:0 6px 16px #2563eb66!important}.submit-button:active{transform:translateY(0)!important}.error-alert{margin-bottom:24px!important;background:#ef44441a!important;border:1px solid rgba(239,68,68,.2)!important;border-radius:10px!important;animation:shake .5s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.error-alert .ant-alert-message{color:#fca5a5!important}.error-alert .ant-alert-icon{color:#ef4444!important}.error-alert .ant-alert-close-icon{color:#f87171!important}.form-footer{margin-top:32px;text-align:center}.divider{display:flex;align-items:center;margin-bottom:16px}.divider:before,.divider:after{content:"";flex:1;height:1px;background:#ffffff14}.divider span{padding:0 16px;color:#94a3b880;font-size:12px;text-transform:uppercase;letter-spacing:1px}.copyright{color:#64748b99!important;font-size:12px!important}@media(max-width:900px){.login-wrapper{flex-direction:column;max-width:480px;min-height:auto}.branding-panel{display:none}.mobile-logo{display:flex;justify-content:center}.form-panel{padding:40px 32px}.form-header{text-align:center}}@media(max-width:480px){.login-page{padding:16px}.login-wrapper{margin:0;border-radius:12px}.form-panel{padding:32px 24px}.form-title{font-size:24px!important}.form-options{flex-direction:column;gap:12px;align-items:flex-start}.forgot-link{align-self:flex-end}}.styled-button{transition:all .3s ease-in-out;transform:scale(1);transform-origin:center;cursor:pointer;max-width:100%;flex-shrink:1;box-sizing:border-box}.styled-button:hover{transform:scale(1.05);box-shadow:0 4px 12px #00000026;opacity:.9}.styled-button:active{transform:scale(.98);transition:all .1s ease-in-out}.styled-button:focus{outline:none}.action-buttons-wrapper{width:100%;box-sizing:border-box;overflow:hidden}.action-buttons-wrapper ::-webkit-scrollbar{display:none}.action-buttons-wrapper{-ms-overflow-style:none;scrollbar-width:none}.types-container::-webkit-scrollbar{display:none}.types-container{-ms-overflow-style:none;scrollbar-width:none}.action-buttons-container::-webkit-scrollbar{display:none}.action-buttons-container{-ms-overflow-style:none;scrollbar-width:none}.page-buttons :hover{transform:scale(1.02);transition:transform .4s ease}.welcome-page{padding:24px;max-width:1400px}.welcome-header{margin-bottom:32px}.welcome-title{margin-bottom:8px!important}.welcome-subtitle{color:#000000a6}.ant-layout[data-theme=dark] .welcome-subtitle,.dark .welcome-subtitle,[class*=dark] .welcome-subtitle{color:#ffffffa6}.quick-actions-section{margin-bottom:32px}.section-title{margin-bottom:16px!important;display:flex;align-items:center;gap:8px}.quick-actions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.quick-action-card{cursor:pointer;transition:all .3s ease;border-radius:12px;border:1px solid rgba(0,0,0,.06)}.quick-action-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f;border-color:#1890ff}.quick-action-card .ant-card-body{display:flex;flex-direction:column;align-items:center;text-align:center;padding:24px 16px}.quick-action-icon{font-size:32px;margin-bottom:12px;color:#1890ff}.quick-action-label{font-weight:500;font-size:14px}.stats-section{margin-bottom:32px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}.stat-card{border-radius:12px;border:1px solid rgba(0,0,0,.06);transition:all .3s ease}.stat-card:hover{box-shadow:0 4px 12px #00000014}.stat-card .ant-card-body{padding:20px 24px}.stat-card .ant-statistic-title{color:#000000a6;font-size:14px;margin-bottom:8px}.stat-card .ant-statistic-content{font-size:28px}.stat-card .ant-statistic-content-value{font-weight:600}.stat-card.primary .ant-statistic-content-value{color:#1890ff}.stat-card.success .ant-statistic-content-value{color:#52c41a}.stat-card.warning .ant-statistic-content-value{color:#fa8c16}.stat-card.info .ant-statistic-content-value{color:#2563eb}.welcome-loading{display:flex;justify-content:center;align-items:center;min-height:400px}.welcome-error{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:400px;gap:16px}:global(.ant-layout-content[style*=dark]) .welcome-subtitle,:global([data-theme=dark]) .welcome-subtitle{color:#ffffff73}:global([data-theme=dark]) .quick-action-card,:global([data-theme=dark]) .stat-card{border-color:#ffffff1f}:global([data-theme=dark]) .quick-action-card:hover{box-shadow:0 8px 24px #0006}@media(max-width:768px){.welcome-page{padding:16px}.quick-actions-grid{grid-template-columns:repeat(2,1fr)}.stats-grid{grid-template-columns:1fr}.stat-card .ant-statistic-content{font-size:24px}}@media(max-width:480px){.quick-actions-grid{grid-template-columns:1fr}}