.login-container{min-height:100vh;display:flex;position:relative;overflow:hidden}.login-brand-side{flex:1;background:linear-gradient(160deg,#1e3a5f,#2a4a7a,#335d92 70%,#3b6ea0);display:flex;flex-direction:column;justify-content:center;align-items:center;padding:48px 56px;position:relative;overflow:hidden}.login-brand-side:before{content:"";position:absolute;top:-25%;right:-15%;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(220,200,140,.1) 0%,transparent 65%);pointer-events:none}.login-brand-side:after{content:"";position:absolute;bottom:-18%;left:-8%;width:380px;height:380px;border-radius:50%;background:radial-gradient(circle,rgba(100,160,220,.08) 0%,transparent 65%);pointer-events:none}.brand-decoration{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.035;background-image:linear-gradient(45deg,transparent 42%,rgba(220,200,140,.4) 42%,rgba(220,200,140,.4) 43%,transparent 43%),linear-gradient(-45deg,transparent 42%,rgba(220,200,140,.4) 42%,rgba(220,200,140,.4) 43%,transparent 43%);background-size:52px 52px;pointer-events:none}.brand-content{position:relative;z-index:2;text-align:center;max-width:480px;width:100%}.brand-company{font-size:15px;color:#ffffffb3;letter-spacing:6px;margin-bottom:24px;font-weight:400}.brand-canvas-wrapper{width:200px;height:180px;margin:0 auto 20px;position:relative}.brand-title{font-size:30px;font-weight:700;color:#fff;margin-bottom:8px;letter-spacing:3px}.brand-subtitle{font-size:13px;color:#d2be8cd9;font-weight:400;letter-spacing:5px;margin-bottom:44px}.brand-features{display:flex;flex-direction:column;gap:14px}.brand-feature-item{display:flex;align-items:center;gap:14px;padding:13px 18px;background:#ffffff0f;border-radius:10px;border:1px solid rgba(255,255,255,.08);transition:all .3s ease;text-align:left}.brand-feature-item:hover{background:#ffffff1a;border-color:#d2be8c40;transform:translate(4px)}.feature-icon-wrapper{width:38px;height:38px;min-width:38px;border-radius:8px;background:#d2be8c26;display:flex;align-items:center;justify-content:center;color:#dcc896e6;font-size:17px}.feature-text{color:#ffffffc7;font-size:13.5px;line-height:1.5}.login-form-side{width:460px;min-width:460px;background:#fff;display:flex;flex-direction:column;justify-content:center;padding:56px 52px;position:relative}.login-form-side:before{content:"";position:absolute;top:0;left:0;bottom:0;width:3px;background:linear-gradient(180deg,#c4a55a,#3b6ea0,#c4a55a)}.form-header{margin-bottom:36px}.form-welcome{font-size:12px;color:#a0aec0;letter-spacing:3px;margin-bottom:8px;font-weight:500}.form-title{font-size:26px;font-weight:700;color:#2d3e50;margin-bottom:6px}.form-desc{font-size:13.5px;color:#94a3b8}.login-form .ant-input-affix-wrapper{height:46px;border-radius:8px;border:1.5px solid #e2e8f0;padding:0 14px;transition:all .25s ease;background:#f8fafc}.login-form .ant-input-affix-wrapper:hover{border-color:#93afd4;background:#fff}.login-form .ant-input-affix-wrapper-focused{border-color:#3b6ea0!important;box-shadow:0 0 0 3px #3b6ea014!important;background:#fff!important}.login-form .ant-input{font-size:14.5px;background:transparent!important}.login-form .ant-input-prefix{margin-right:10px;color:#94a3b8;font-size:15px}.login-form .ant-form-item{margin-bottom:22px}.login-form .ant-form-item-label>label{font-weight:600;color:#475569;font-size:13px}.login-submit-btn{width:100%;height:48px!important;font-size:15px!important;font-weight:600!important;border-radius:8px!important;background:linear-gradient(135deg,#2a4a7a,#1e3a5f)!important;border:none!important;letter-spacing:4px;transition:all .3s ease!important;margin-top:6px}.login-submit-btn:hover{background:linear-gradient(135deg,#335d92,#2a4a7a)!important;transform:translateY(-1px)!important;box-shadow:0 6px 20px #1e3a5f4d!important}.login-submit-btn:active{transform:translateY(0)!important}.login-form-footer{margin-top:40px;padding-top:20px;border-top:1px solid #f1f5f9;text-align:center}.login-form-footer .footer-text{font-size:11.5px;color:#a0aec0;line-height:1.9}@media (max-width: 1024px){.login-brand-side{display:none}.login-form-side{width:100%;min-width:100%;max-width:520px;margin:0 auto}.login-form-side:before{display:none}.login-container{justify-content:center;background:linear-gradient(160deg,#f0f4f8,#e8edf4)}}@media (max-width: 576px){.login-form-side{padding:36px 24px}.form-title{font-size:22px}}.dashboard-screen{min-height:calc(100vh - 64px);background:linear-gradient(135deg,#0a1628,#0f2847,#1a1a3e 60%,#0d1b2a);margin:-24px;padding:24px;position:relative;overflow:hidden}.dashboard-screen:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(ellipse at 20% 50%,rgba(59,130,246,.08) 0%,transparent 50%),radial-gradient(ellipse at 80% 20%,rgba(139,92,246,.06) 0%,transparent 50%),radial-gradient(ellipse at 50% 80%,rgba(6,182,212,.05) 0%,transparent 50%);animation:bgPulse 8s ease-in-out infinite alternate;pointer-events:none}@keyframes bgPulse{0%{opacity:.6;transform:scale(1) rotate(0)}to{opacity:1;transform:scale(1.05) rotate(2deg)}}.dashboard-screen:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(rgba(59,130,246,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(59,130,246,.03) 1px,transparent 1px);background-size:60px 60px;pointer-events:none}.dashboard-screen>*{position:relative;z-index:1}.stat-card-3d{background:linear-gradient(135deg,#ffffff14,#ffffff08);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:20px 24px;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;transform-style:preserve-3d;perspective:1000px}.stat-card-3d:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;border-radius:16px 16px 0 0;opacity:.8}.stat-card-3d.card-total:before{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.stat-card-3d.card-pending:before{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.stat-card-3d.card-completed:before{background:linear-gradient(90deg,#10b981,#34d399)}.stat-card-3d.card-mediated:before{background:linear-gradient(90deg,#f97316,#fb923c)}.stat-card-3d.card-users:before{background:linear-gradient(90deg,#8b5cf6,#a78bfa)}.stat-card-3d:after{content:"";position:absolute;top:-40%;right:-40%;width:80%;height:80%;border-radius:50%;opacity:0;transition:opacity .4s}.stat-card-3d.card-total:after{background:radial-gradient(circle,rgba(59,130,246,.15) 0%,transparent 70%)}.stat-card-3d.card-pending:after{background:radial-gradient(circle,rgba(245,158,11,.15) 0%,transparent 70%)}.stat-card-3d.card-completed:after{background:radial-gradient(circle,rgba(16,185,129,.15) 0%,transparent 70%)}.stat-card-3d.card-mediated:after{background:radial-gradient(circle,rgba(249,115,22,.15) 0%,transparent 70%)}.stat-card-3d.card-users:after{background:radial-gradient(circle,rgba(139,92,246,.15) 0%,transparent 70%)}.stat-card-3d:hover{transform:translateY(-6px) scale(1.02);border-color:#fff3;box-shadow:0 20px 40px #0000004d,0 0 30px #3b82f61a}.stat-card-3d:hover:after{opacity:1}.stat-card-3d .card-title{font-size:13px;color:#ffffff8c;font-weight:500;letter-spacing:1px;margin-bottom:10px}.stat-card-3d .card-value{font-size:32px;font-weight:800;line-height:1.1;background:linear-gradient(135deg,#fff,#ffffffb3);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-card-3d .card-icon{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:22px;color:#fff;box-shadow:0 8px 24px #0003;transition:transform .4s,box-shadow .4s}.stat-card-3d:hover .card-icon{transform:scale(1.1) rotateY(15deg);box-shadow:0 12px 32px #0000004d}.stat-card-3d.card-total .card-icon{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.stat-card-3d.card-pending .card-icon{background:linear-gradient(135deg,#f59e0b,#d97706)}.stat-card-3d.card-completed .card-icon{background:linear-gradient(135deg,#10b981,#059669)}.stat-card-3d.card-mediated .card-icon{background:linear-gradient(135deg,#f97316,#ea580c)}.stat-card-3d.card-users .card-icon{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.stat-card-3d{animation:cardSlideUp .6s ease-out forwards;opacity:0}.stat-card-3d:nth-child(1){animation-delay:0s}.stat-card-3d:nth-child(2){animation-delay:.1s}.stat-card-3d:nth-child(3){animation-delay:.2s}.stat-card-3d:nth-child(4){animation-delay:.3s}.stat-card-3d:nth-child(5){animation-delay:.4s}@keyframes cardSlideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.chart-card-dark{background:linear-gradient(135deg,#ffffff0f,#ffffff05)!important;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.08)!important;border-radius:16px!important;animation:fadeIn .8s ease-out .3s forwards;opacity:0}.chart-card-dark .ant-card-head{border-bottom:1px solid rgba(255,255,255,.06)!important;color:#e2e8f0!important}.chart-card-dark .ant-card-head-title{color:#e2e8f0!important}.chart-card-dark .ant-card-extra{color:#fff9!important}.chart-card-dark .ant-card-body{color:#cbd5e1!important}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.filter-bar-dark{background:linear-gradient(135deg,#ffffff0f,#ffffff08)!important;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.08)!important;border-radius:12px!important}.filter-bar-dark .ant-card-body{padding:14px 24px!important}.filter-bar-dark .filter-label{color:#ffffffb3;font-weight:600;font-size:14px}.filter-bar-dark .ant-picker{background:#ffffff14!important;border-color:#ffffff1f!important;color:#e2e8f0!important}.filter-bar-dark .ant-picker input{color:#e2e8f0!important}.filter-bar-dark .ant-picker-suffix,.filter-bar-dark .ant-picker-separator{color:#fff6!important}.filter-bar-dark .ant-btn-default{background:#ffffff14!important;border-color:#ffffff26!important;color:#e2e8f0!important}.filter-bar-dark .ant-btn-default:hover{background:#ffffff26!important;border-color:#ffffff40!important}.dark-table-card{background:linear-gradient(135deg,#ffffff0f,#ffffff05)!important;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.08)!important;border-radius:16px!important;animation:fadeIn .8s ease-out .5s forwards;opacity:0}.dark-table-card .ant-card-head{border-bottom:1px solid rgba(255,255,255,.06)!important}.dark-table-card .ant-card-head-title{color:#e2e8f0!important}.dark-table-card .ant-card-extra .ant-tag{background:#3b82f626!important;border-color:#3b82f64d!important;color:#93c5fd!important}.dark-table-card .ant-table{background:transparent!important;color:#cbd5e1!important}.dark-table-card .ant-table-thead>tr>th{background:#ffffff0a!important;color:#ffffffb3!important;border-bottom:1px solid rgba(255,255,255,.06)!important;font-weight:600}.dark-table-card .ant-table-tbody>tr>td{background:transparent!important;color:#cbd5e1!important;border-bottom:1px solid rgba(255,255,255,.04)!important}.dark-table-card .ant-table-tbody>tr:hover>td{background:#ffffff0a!important}.dark-table-card .ant-table-cell-row-hover{background:#ffffff0a!important}.dark-table-card .ant-empty-description{color:#fff6!important}.dark-table-card .ant-pagination{color:#fff9!important}.dark-table-card .ant-pagination-item{background:#ffffff0f!important;border-color:#ffffff1a!important}.dark-table-card .ant-pagination-item a{color:#ffffffb3!important}.dark-table-card .ant-pagination-item-active{background:#3b82f633!important;border-color:#3b82f680!important}.dark-table-card .ant-pagination-item-active a{color:#93c5fd!important}.dark-table-card .ant-select-selector{background:#ffffff0f!important;border-color:#ffffff1a!important;color:#ffffffb3!important}.dark-table-card .ant-pagination-prev .ant-pagination-item-link,.dark-table-card .ant-pagination-next .ant-pagination-item-link{background:#ffffff0f!important;border-color:#ffffff1a!important;color:#fff9!important}.deco-dot{width:8px;height:8px;border-radius:50%;display:inline-block;margin-right:8px;animation:breathe 2s ease-in-out infinite}.deco-dot.blue{background:#3b82f6;box-shadow:0 0 8px #3b82f680}.deco-dot.green{background:#10b981;box-shadow:0 0 8px #10b98180}.deco-dot.orange{background:#f97316;box-shadow:0 0 8px #f9731680}.deco-dot.purple{background:#8b5cf6;box-shadow:0 0 8px #8b5cf680}@keyframes breathe{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.3)}}.amount-tag-dark{background:linear-gradient(135deg,#f59e0b26,#d977061a)!important;border:1px solid rgba(245,158,11,.3)!important;color:#fbbf24!important;font-weight:600;padding:4px 12px;border-radius:6px}@keyframes pulseRing{0%{box-shadow:0 0 #3b82f666}70%{box-shadow:0 0 0 12px #3b82f600}to{box-shadow:0 0 #3b82f600}}.dark-table-card .ant-progress-text{color:#ffffffb3!important}.case-form-modal .ant-form-item{margin-bottom:8px}.case-form-modal .ant-form-item-label{padding-bottom:2px}.case-form-modal .ant-form-item-label>label{font-size:13px;height:24px}.toolbar{margin-bottom:16px}.filter-bar{margin-bottom:16px;padding:16px;background:linear-gradient(135deg,#f7fafc,#edf2f7);border-radius:8px;border:1px solid #e2e8f0}.case-crossed td{text-decoration:line-through;opacity:.6;background:#f7fafc}.case-crossed td:hover{background:#edf2f7}.case-mediated td{text-decoration:line-through;text-decoration-color:#faad14;opacity:.7;background:#fffbe6}.case-mediated td:hover{background:#fff1b8}.ant-table-cell .ant-space-item .ant-btn-link{padding:0 4px}.case-management .ant-table-cell{white-space:normal!important;word-break:break-all}.case-management .ant-pagination{margin-top:16px}@media (max-width: 768px){.filter-bar{padding:12px}.toolbar .ant-space,.filter-bar .ant-space{width:100%}.toolbar .ant-btn,.filter-bar .ant-input,.filter-bar .ant-select{width:100%!important}}.search-card,.result-card{border-radius:10px!important;margin-bottom:20px}.priority-notice{margin-bottom:16px;padding:12px 16px;background:linear-gradient(135deg,#f7fafc,#edf2f7);border-radius:8px;border:1px solid #e2e8f0}.route-card{margin-bottom:16px;border-left:4px solid #1a365d}.route-card .ant-card-head{background:#f7fafc}@media (max-width: 768px){.search-card .ant-form-inline .ant-form-item{margin-right:0;margin-bottom:16px;width:100%}.search-card .ant-input,.search-card .ant-btn{width:100%}}.ticket-row-even td{background:#fff!important}.ticket-row-odd td{background:#f7f9fc!important}.ticket-row-even:hover td,.ticket-row-odd:hover td{background:#e6f4ff!important}@media (max-width: 768px){.user-management{padding:0}}.stats-card{border-radius:10px!important}.search-card{margin-bottom:16px;border-radius:10px!important}.search-card .ant-form-inline .ant-form-item{margin-bottom:16px}.table-card{border-radius:10px!important}@media (max-width: 768px){.search-card .ant-form-inline .ant-form-item{width:100%}}.main-layout{min-height:100vh}.layout-sider{position:relative;z-index:10;overflow:hidden}.layout-sider .ant-layout-sider-children{display:flex;flex-direction:column;position:relative;z-index:1}.ant-layout-sider-dark{background:linear-gradient(180deg,#1a1a3e,#1e2a5e,#1a2850,#2a1a4e,#1e1640)!important;box-shadow:4px 0 24px #1e2a5e4d;position:relative}.ant-layout-sider-dark:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at 50% 0%,rgba(99,102,241,.12) 0%,transparent 60%),radial-gradient(ellipse at 50% 100%,rgba(139,92,246,.1) 0%,transparent 60%);pointer-events:none;z-index:0}.ant-menu-dark{background:transparent!important}.layout-logo{height:64px;display:flex;align-items:center;justify-content:center;gap:12px;border-bottom:1px solid rgba(139,92,246,.15);padding:0 16px;position:relative}.layout-logo:after{content:"";position:absolute;bottom:0;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,rgba(99,102,241,.4),rgba(139,92,246,.4),transparent)}.logo-icon{font-size:28px;line-height:1;transition:all .3s;filter:drop-shadow(0 0 8px rgba(99,102,241,.4))}.logo-text{color:#e0e7ff;font-size:16px;font-weight:600;white-space:nowrap;letter-spacing:1px;text-shadow:0 0 12px rgba(99,102,241,.3)}.layout-menu{flex:1;border-right:none!important;padding:12px 8px}.layout-menu .ant-menu-item{margin:2px 0!important;border-radius:8px!important;height:44px!important;line-height:44px!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;color:#e0e7ff99!important;font-weight:500;letter-spacing:.5px}.layout-menu .ant-menu-item-selected{background:linear-gradient(135deg,#6366f140,#8b5cf626)!important;color:#c7d2fe!important;border-left:3px solid #818cf8!important;font-weight:600;box-shadow:0 4px 12px #6366f126}.layout-menu .ant-menu-item-selected .anticon{color:#a5b4fc!important;filter:drop-shadow(0 0 4px rgba(99,102,241,.4))}.layout-menu .ant-menu-item:not(.ant-menu-item-selected):hover{background:#6366f11a!important;color:#e0e7ffe6!important}.layout-header{background:#fff!important;padding:0 28px!important;height:64px!important;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e2e8f0;box-shadow:0 1px 3px #0000000a;position:relative;z-index:9}.header-left{display:flex;align-items:center;gap:20px}.trigger{font-size:18px;cursor:pointer;transition:all .25s ease;color:#718096;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:8px}.trigger:hover{color:#1a365d;background:#f7fafc}.company-title{font-size:15px;font-weight:600;color:#1a365d;letter-spacing:.5px}.header-right{display:flex;align-items:center}.user-info{cursor:pointer;padding:6px 14px;border-radius:10px;transition:all .25s ease;border:1px solid transparent}.user-info:hover{background:#f7fafc;border-color:#e2e8f0}.user-avatar{background:linear-gradient(135deg,#1a365d,#2a4a7f)!important;width:36px!important;height:36px!important;font-size:16px!important}.user-details{display:flex;flex-direction:column;align-items:flex-start}.user-name{font-size:14px;font-weight:600;color:#2d3748;line-height:1.4}.user-role{font-size:11px;color:#a0aec0;line-height:1.4;font-weight:500;letter-spacing:.3px}.layout-content{margin:0;min-height:calc(100vh - 64px);background:#f0f4f8}.content-wrapper{background:transparent;min-height:100%;padding:24px}@media (max-width: 768px){.layout-header{padding:0 16px!important}.company-title{display:none}.content-wrapper{padding:16px}.user-details{display:none}}*{margin:0;padding:0;box-sizing:border-box}:root{--color-navy-900: #0d1b2a;--color-navy-800: #1a2942;--color-navy-700: #1a365d;--color-navy-600: #2a4a7f;--color-navy-500: #2b6cb0;--color-navy-400: #4a90d9;--color-navy-100: #ebf4ff;--color-gold-600: #b8860b;--color-gold-500: #c4a35a;--color-gold-400: #c4b58f;--color-gold-300: #d4c89a;--color-gold-100: #fdf6e3;--color-slate-900: #1a202c;--color-slate-800: #2d3748;--color-slate-700: #4a5568;--color-slate-600: #718096;--color-slate-500: #a0aec0;--color-slate-400: #cbd5e0;--color-slate-300: #e2e8f0;--color-slate-200: #edf2f7;--color-slate-100: #f7fafc;--color-slate-50: #f0f4f8;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .07), 0 2px 4px rgba(0, 0, 0, .05);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .08), 0 4px 6px rgba(0, 0, 0, .04);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .1), 0 10px 10px rgba(0, 0, 0, .04)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-slate-50);color:var(--color-slate-800)}#root{min-height:100vh}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background-color:var(--color-slate-400);border-radius:3px}::-webkit-scrollbar-thumb:hover{background-color:var(--color-slate-600)}.case-crossed{text-decoration:line-through;opacity:.6}.watermark{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999;opacity:.06;-webkit-user-select:none;user-select:none}.ant-card{border:1px solid var(--color-slate-300)!important;transition:box-shadow .2s ease}.ant-card:hover{box-shadow:var(--shadow-md)}.ant-card-head{border-bottom:1px solid var(--color-slate-300)!important}.ant-card-head-title{font-weight:600!important;color:var(--color-navy-700)!important}.ant-table-thead>tr>th{font-weight:600!important;color:var(--color-slate-800)!important;letter-spacing:.02em}.ant-tag,.ant-btn-primary{font-weight:500}.ant-statistic-title{color:var(--color-slate-600)!important;font-weight:500!important;letter-spacing:.02em}.ant-statistic-content-value{font-weight:700!important}.content-wrapper{animation:fadeInUp .3s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}::selection{background:var(--color-navy-500);color:#fff}