:root{--bg-primary: #0a0e1a;--bg-secondary: #0f172a;--bg-glass: rgba(15, 23, 42, .6);--accent-blue: #3b82f6;--accent-purple: #7c3aed;--accent-indigo: #8b5cf6;--accent-cyan: #0891b2;--grad-blue: linear-gradient(135deg, #1e3a8a 0%, #3b82f6 100%);--grad-purple: linear-gradient(135deg, #7c3aed 0%, #a855f7 100%);--grad-cyan: linear-gradient(135deg, #0891b2 0%, #22d3d1 100%);--grad-accent: linear-gradient(135deg, var(--accent-blue) 0%, var(--accent-indigo) 100%);--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%}.custom-sidebar-scroll::-webkit-scrollbar{width:4px;height:4px}.custom-sidebar-scroll::-webkit-scrollbar-track{background:transparent}.custom-sidebar-scroll::-webkit-scrollbar-thumb{background:var(--accent-blue, #3b82f6);border-radius:4px}.custom-sidebar-scroll::-webkit-scrollbar-thumb:hover{background:var(--accent-indigo, #2563eb)}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-primary);position:relative;overflow:hidden}.login-bg-gradient{position:absolute;inset:0;overflow:hidden;pointer-events:none}.gradient-orb{position:absolute;border-radius:50%;filter:blur(100px);opacity:.5;animation:orbFloat 20s ease-in-out infinite}.orb-1{width:600px;height:600px;background:var(--grad-blue);top:-15%;right:-10%;animation-delay:0s}.orb-2{width:500px;height:500px;background:var(--grad-purple);bottom:-20%;left:-10%;animation-delay:-7s}.orb-3{width:400px;height:400px;background:var(--grad-cyan);top:40%;left:30%;animation-delay:-14s}.grid-overlay{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:50px 50px}@keyframes orbFloat{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-30px) scale(1.05)}66%{transform:translate(-20px,20px) scale(.95)}}.login-wrapper{display:flex;width:100%;max-width:1100px;min-height:650px;margin:20px;border-radius:24px;overflow:hidden;background:var(--bg-glass);backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);border:1px solid var(--border-subtle);box-shadow:0 25px 50px -12px #00000080,0 0 0 1px #ffffff0d inset;position:relative;z-index:1;animation:fadeUp .8s ease-out}@keyframes fadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.branding-panel{flex:1;background:linear-gradient(135deg,#1e3a8a66,#7c3aed33);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-panel:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 20%,rgba(59,130,246,.15) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(124,58,237,.1) 0%,transparent 50%);pointer-events:none}.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:var(--grad-accent);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;color:#fff;box-shadow:0 8px 16px #3b82f64d}.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:#3b82f626;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:12px!important;padding:14px 16px!important;color:#fff!important;font-size:15px!important;transition:all .3s 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:#3b82f680!important;background:#ffffff0d!important}.custom-input:focus,.login-form .ant-input:focus,.login-form .ant-input-affix-wrapper-focused{border-color:#3b82f6!important;box-shadow:0 0 0 3px #3b82f626!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:#3b82f6!important;border-color:#3b82f6!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:12px!important;font-size:16px!important;font-weight:600!important;background:var(--grad-accent)!important;border:none!important;box-shadow:0 8px 24px #3b82f659!important;transition:all .3s ease!important;position:relative;overflow:hidden}.submit-button:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#60a5fa,#a78bfa);opacity:0;transition:opacity .3s ease}.submit-button:hover{transform:translateY(-2px)!important;box-shadow:0 12px 32px #3b82f673!important}.submit-button:hover:before{opacity:1}.submit-button:active{transform:translateY(0)!important}.submit-button span{position:relative;z-index:1}.error-alert{margin-bottom:24px!important;background:#ef44441a!important;border:1px solid rgba(239,68,68,.2)!important;border-radius:12px!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:20px}.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);cursor:pointer}.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}.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:#00000073}.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.purple .ant-statistic-content-value{color:#722ed1}.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}}