body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.login-page{font-family:var(--font-family);min-height:100vh;overflow:hidden;position:relative;width:100%}.login-canvas{inset:0;position:fixed;z-index:0}.gradient-overlay{pointer-events:none;position:fixed;z-index:1}.gradient-1{animation:floatGradient1 20s ease-in-out infinite;background:radial-gradient(circle,#a855f733 0,#0000 50%);height:100%;left:-50%;top:-50%;width:100%}.gradient-2{animation:floatGradient2 25s ease-in-out infinite;background:radial-gradient(circle,#8b5cf626 0,#0000 50%);bottom:-50%;height:100%;right:-50%;width:100%}@keyframes floatGradient1{0%,to{transform:translate(0)}50%{transform:translate(10%,10%)}}@keyframes floatGradient2{0%,to{transform:translate(0)}50%{transform:translate(-10%,-10%)}}.login-container{display:flex;min-height:100vh;position:relative;z-index:2}.login-branding{align-items:center;display:flex;flex:1 1;justify-content:center;padding:var(--space-3xl);position:relative}.branding-content{max-width:560px;text-align:center}.logo-container{cursor:pointer;height:180px;margin:0 auto var(--space-2xl);position:relative;width:180px}.logo-rings{inset:0;position:absolute}.ring{border:2px solid #0000;border-radius:50%;position:absolute}.ring-1{animation:ringRotate1 8s linear infinite;border-color:var(--brand-primary);box-shadow:0 0 30px #a855f780,inset 0 0 30px #a855f726;inset:0}.ring-2{animation:ringRotate2 12s linear infinite reverse;border-color:var(--brand-secondary);border-style:dashed;box-shadow:0 0 20px #8b5cf666;inset:18px}.ring-3{animation:ringRotate1 6s linear infinite;border-color:var(--brand-accent);border-width:1px;box-shadow:0 0 15px #c084fc66;inset:36px}@keyframes ringRotate1{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes ringRotate2{0%{transform:rotate(0deg)}to{transform:rotate(-1turn)}}.logo-core{align-items:center;animation:corePulse 3s ease-in-out infinite;background:var(--brand-gradient);border-radius:50%;box-shadow:0 0 60px #a855f799,0 0 100px #8b5cf64d,inset 0 0 30px #fff3;display:flex;height:90px;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:90px}@keyframes corePulse{0%,to{box-shadow:0 0 60px #a855f799,0 0 100px #8b5cf64d,inset 0 0 30px #fff3;transform:translate(-50%,-50%) scale(1)}50%{box-shadow:0 0 80px #a855f7b3,0 0 120px #8b5cf666,inset 0 0 40px #ffffff4d;transform:translate(-50%,-50%) scale(1.04)}}.logo-360{color:#fff;font-size:26px;font-weight:800;letter-spacing:-2px;text-shadow:0 0 15px #fffc}.logo-glow{animation:glowPulse 4s ease-in-out infinite;background:radial-gradient(circle,#a855f74d 0,#0000 70%);height:220px;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:220px}.brand-text{margin-bottom:var(--space-2xl)}.brand-title{font-size:52px;font-weight:800;letter-spacing:-3px;line-height:1;margin:0 0 var(--space-md) 0}.text-gradient{animation:gradientShift 5s ease infinite;background-size:200% 200%;display:block}@keyframes gradientShift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.text-white{color:#fff;display:block;text-shadow:0 0 35px #ffffff4d}.brand-tagline{align-items:center;color:#fff9;display:flex;font-size:var(--font-size-lg);gap:var(--space-sm);justify-content:center;margin:0}.tagline-icon{animation:iconPulse 2s ease-in-out infinite;color:var(--brand-primary);font-size:10px}.brand-stats{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#a855f714;border:1px solid #a855f733;border-radius:var(--radius-2xl);display:flex;gap:var(--space-xl);justify-content:center;margin-bottom:var(--space-2xl);padding:var(--space-lg) var(--space-2xl)}.stat-value{-webkit-text-fill-color:#0000;background:var(--brand-gradient);-webkit-background-clip:text;background-clip:text;font-size:26px;font-weight:800}.stat-label{color:#ffffff80;font-size:var(--font-size-xs);letter-spacing:1px;margin-top:2px;text-transform:uppercase}.stat-divider{background:linear-gradient(180deg,#0000,#a855f780,#0000);height:36px;width:1px}.brand-features{flex-wrap:wrap;justify-content:center;margin-bottom:var(--space-2xl)}.brand-features,.feature-pill{display:flex;gap:var(--space-sm)}.feature-pill{align-items:center;background:#a855f71f;border:1px solid #a855f74d;border-radius:var(--radius-full);color:#fffc;font-size:var(--font-size-sm);padding:var(--space-sm) var(--space-md);transition:all .3s cubic-bezier(.4,0,.2,1)}.feature-pill:hover{background:#a855f733;border-color:#a855f780;box-shadow:0 8px 30px #a855f74d;transform:translateY(-2px)}.feature-dot{background:var(--brand-primary);border-radius:50%;box-shadow:0 0 8px var(--brand-primary);height:6px;width:6px}.brand-company{align-items:center;color:#fff6;display:flex;font-size:var(--font-size-base);gap:var(--space-md);justify-content:center}.brand-company a{color:var(--brand-primary);text-decoration:none;transition:all .3s ease}.brand-company a:hover{color:#fff;text-shadow:0 0 15px var(--brand-primary)}.company-divider{color:#fff3}.login-form-section{align-items:center;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:#1a162580;border-left:1px solid #a855f726;display:flex;justify-content:center;padding:var(--space-2xl);width:500px}.form-card{background:#a855f70d;border:1px solid #a855f733;border-radius:var(--radius-2xl);box-shadow:0 20px 40px #00000080,inset 0 1px 0 #ffffff1a;max-width:360px;padding:var(--space-2xl) var(--space-xl);position:relative;width:100%}.card-glow{animation:cardGlowMove 3s ease-in-out infinite;background:var(--brand-gradient);border-radius:2px;height:3px;left:20%;position:absolute;right:20%;top:-1px}@keyframes cardGlowMove{0%,to{left:20%;opacity:.5;right:20%}50%{left:10%;opacity:1;right:10%}}.mobile-logo{cursor:pointer;display:none;gap:var(--space-sm);margin-bottom:var(--space-xl)}.mobile-logo,.mobile-logo-icon{align-items:center;justify-content:center}.mobile-logo-icon{background:var(--brand-gradient);border-radius:50%;box-shadow:var(--shadow-glow);display:flex;height:44px;width:44px}.mobile-logo-icon span{color:#fff;font-size:13px;font-weight:800}.mobile-logo-text{color:#fff;font-size:var(--font-size-2xl);font-weight:700}.form-header{margin-bottom:var(--space-xl);text-align:center}.form-header h2{color:#fff;font-size:var(--font-size-3xl);font-weight:700;margin:0 0 var(--space-sm) 0}.form-header p{color:#ffffff80;font-size:var(--font-size-base);margin:0}.login-form .ant-form-item{margin-bottom:var(--space-md)}.login-form .ant-input,.login-form .ant-input-affix-wrapper{background:#a855f714!important;border:1px solid #a855f733!important;border-radius:var(--radius-lg)!important;color:#fff!important;font-size:var(--font-size-md)!important;height:52px!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important}.login-form .ant-input-affix-wrapper:hover,.login-form .ant-input:hover{background:#a855f71f!important;border-color:#a855f773!important}.login-form .ant-input-affix-wrapper-focused,.login-form .ant-input-affix-wrapper:focus,.login-form .ant-input:focus{background:#a855f71f!important;border-color:var(--brand-primary)!important;box-shadow:0 0 0 3px #a855f740,var(--shadow-glow)!important}.login-form .ant-input-affix-wrapper .ant-input{background:#0000!important;border:none!important;box-shadow:none!important;height:auto!important}.login-form .ant-input-prefix{color:#a855f7b3;font-size:var(--font-size-lg);margin-right:var(--space-sm)}.login-form .ant-input::placeholder{color:#ffffff59}.login-form .ant-input-password-icon{color:#fff6}.login-form .ant-input-password-icon:hover{color:var(--brand-primary)}.form-submit{margin-bottom:0;margin-top:var(--space-xl)}.login-btn{align-items:center!important;animation:gradientBtn 3s ease infinite!important;background:var(--brand-gradient)!important;background-size:200% 200%!important;border-radius:var(--radius-lg)!important;box-shadow:0 8px 30px #a855f773!important;display:flex!important;font-size:var(--font-size-lg)!important;font-weight:700!important;gap:var(--space-sm)!important;height:52px!important;justify-content:center!important;transition:all .4s ease!important}@keyframes gradientBtn{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.login-btn:hover{box-shadow:0 12px 40px #a855f78c,var(--shadow-glow)!important}.login-btn:active{transform:translateY(0)!important}.login-btn .btn-text{font-weight:700}.login-btn .btn-icon{font-size:18px;transition:transform .3s ease}.login-btn:hover .btn-icon{transform:translateX(4px)}.security-badge{align-items:center;background:#10b9811f;border:1px solid #10b9814d;border-radius:var(--radius-md);color:var(--color-success);display:flex;font-size:var(--font-size-sm);gap:var(--space-sm);justify-content:center;margin-top:var(--space-lg);padding:var(--space-sm) var(--space-md)}.security-badge .anticon{font-size:var(--font-size-base)}.showcase-link{margin-top:var(--space-lg);text-align:center}.showcase-link a{align-items:center;background:linear-gradient(135deg,#00f5ff33,#bf00ff33);border:1px solid #00f5ff80;border-radius:50px;color:#00f5ff;display:inline-flex;font-size:var(--font-size-sm);font-weight:600;gap:8px;padding:12px 24px;text-decoration:none;text-shadow:0 0 10px #00f5ff80;transition:all .3s ease}.showcase-link a:hover{background:linear-gradient(135deg,#00f5ff59,#bf00ff59);border-color:#00f5ff;box-shadow:0 0 30px #00f5ff66,0 0 60px #bf00ff33;color:#fff;transform:translateX(-4px)}.showcase-link a .anticon{transition:transform .3s ease}.showcase-link a:hover .anticon{transform:translateX(-4px)}.form-footer{color:#ffffff4d;font-size:var(--font-size-xs);margin-top:var(--space-lg);text-align:center}.admin-modal .ant-modal-content{background:linear-gradient(135deg,#1a1625,#251f36)!important;border:1px solid #a855f733!important;border-radius:var(--radius-2xl)!important;box-shadow:0 25px 60px #000000b3,var(--shadow-glow)!important}.admin-modal .ant-modal-header{background:#0000!important;border-bottom:1px solid #a855f726!important;padding:var(--space-lg)!important}.admin-modal .ant-modal-title{color:#fff!important}.admin-modal-header{align-items:center;display:flex;font-size:var(--font-size-lg);font-weight:600;gap:var(--space-sm)}.admin-modal-header .anticon{color:var(--color-warning);font-size:var(--font-size-2xl)}.admin-modal .ant-modal-body{padding:var(--space-lg)!important}.admin-modal .ant-modal-close-x{color:#ffffff80!important}.admin-modal .ant-form-item-label>label{color:#ffffffb3!important}.admin-modal .ant-input,.admin-modal .ant-input-affix-wrapper{background:#a855f714!important;border:1px solid #a855f733!important;border-radius:var(--radius-md)!important;color:#fff!important}.admin-modal .ant-input-affix-wrapper:hover,.admin-modal .ant-input:hover{border-color:#f59e0b66!important}.admin-modal .ant-input-affix-wrapper-focused{border-color:var(--color-warning)!important;box-shadow:0 0 0 3px #f59e0b26!important}.admin-modal .ant-input-prefix{color:#fff6;margin-right:var(--space-sm)}.admin-modal .ant-input::placeholder{color:#ffffff4d}.admin-modal .ant-btn-primary{background:linear-gradient(135deg,var(--color-warning) 0,#d97706 100%)!important;border:none!important;border-radius:var(--radius-md)!important;box-shadow:0 8px 25px #f59e0b59!important;font-weight:700!important;height:46px!important}.admin-modal .ant-btn-primary:hover{box-shadow:0 12px 35px #f59e0b73!important}.login-form .ant-form-item-explain-error{color:var(--color-error);font-size:var(--font-size-sm);margin-top:var(--space-xs)}.login-form .ant-input-affix-wrapper-status-error{border-color:var(--color-error)!important}.login-btn.ant-btn-loading{opacity:.9}.login-btn.ant-btn-loading .ant-btn-loading-icon{color:#fff}.login-btn.ant-btn-loading .btn-icon{display:none}@media (max-width:1024px){.login-branding{display:none}.login-form-section{background:#1a1625b3;border-left:none;width:100%}.mobile-logo{display:flex}.form-card{max-width:400px;padding:var(--space-xl) var(--space-lg)}}@media (max-width:480px){.login-form-section{padding:var(--space-lg)}.form-card{border-radius:var(--radius-xl);padding:var(--space-lg) var(--space-md)}.form-header h2{font-size:var(--font-size-2xl)}.login-btn{height:48px!important}}.password-mask,.password-mask input{-webkit-text-security:disc!important;text-security:disc!important;font-family:password,monospace!important}.dashboard-container{animation:fadeIn .5s ease-out;padding:0}.dashboard-loading{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;gap:var(--space-md);height:60vh;justify-content:center}.dashboard-header{border-left:4px solid var(--brand-primary);padding:var(--space-xl) var(--space-2xl)}[data-theme=dark] .dashboard-header{border:1px solid var(--card-border);border-left:4px solid var(--brand-primary)}.dashboard-header:before{background:linear-gradient(135deg,#a855f70d,#0000 50%);bottom:0}.dashboard-header-content{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-md);justify-content:space-between;position:relative;z-index:1}.dashboard-header-left h1{align-items:center;color:var(--text-primary);display:flex;font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);gap:var(--space-sm);margin:0 0 var(--space-xs) 0}.dashboard-header-left .header-icon{color:var(--brand-primary);font-size:28px}.dashboard-header-left p{color:var(--text-secondary);font-size:var(--font-size-base);margin:0}.dashboard-header-right{display:flex;gap:var(--space-lg)}.header-stat{align-items:center;background:#a855f714;border-radius:var(--radius-lg);color:var(--text-secondary);display:flex;font-size:var(--font-size-sm);gap:var(--space-sm);padding:var(--space-sm) var(--space-md)}.header-stat .anticon{color:var(--brand-primary)}.header-stat strong{color:var(--text-primary);font-weight:var(--font-weight-semibold)}.stats-row{margin-bottom:var(--space-lg)}.dashboard-stat-card-v2{background:var(--card-bg);border:none;border-radius:var(--radius-2xl);box-shadow:var(--shadow-card);height:100%;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}[data-theme=dark] .dashboard-stat-card-v2{border:1px solid var(--card-border)}.dashboard-stat-card-v2:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-4px)}[data-theme=dark] .dashboard-stat-card-v2:hover{border-color:#a855f74d}.dashboard-stat-card-v2 .ant-card-body{padding:var(--space-lg)}.stat-card-inner{align-items:flex-start;display:flex;gap:var(--space-md)}.stat-card-icon{align-items:center;border-radius:var(--radius-xl);box-shadow:0 4px 12px #0000001a;color:#fff;display:flex;flex-shrink:0;font-size:24px;height:56px;justify-content:center;width:56px}.stat-card-content{flex:1 1;min-width:0}.stat-card-title{color:var(--text-secondary);display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-bottom:var(--space-xs)}.stat-card-value{align-items:baseline;display:flex;font-size:28px;font-weight:var(--font-weight-bold);gap:var(--space-xs);line-height:1.2}.stat-card-suffix{font-size:var(--font-size-base);font-weight:var(--font-weight-medium)}.stat-card-trend{align-items:center;border-radius:var(--radius-md);display:inline-flex;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);gap:4px;margin-top:var(--space-xs);padding:2px 8px}.stat-card-trend.positive{background:var(--color-success-bg);color:var(--color-success)}.stat-card-trend.negative{background:var(--color-error-bg);color:var(--color-error)}.stat-card-trend .trend-label{color:var(--text-tertiary);font-weight:var(--font-weight-normal);margin-left:4px}.alert-card{align-items:center;background:var(--card-bg);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);display:flex;gap:var(--space-md);height:100%;padding:var(--space-md) var(--space-lg);transition:all .3s ease}[data-theme=dark] .alert-card{border:1px solid var(--card-border)}.alert-card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}.alert-card-icon{align-items:center;border-radius:var(--radius-lg);display:flex;font-size:22px;height:48px;justify-content:center;width:48px}.alert-card.alert-warning .alert-card-icon{background:linear-gradient(135deg,#f59e0b33,#d977061a);color:#f59e0b}.alert-card.alert-danger .alert-card-icon{background:linear-gradient(135deg,#ef444433,#dc26261a);color:#ef4444}.alert-card-content{display:flex;flex-direction:column}.alert-card-value{color:var(--text-primary);font-size:24px;font-weight:var(--font-weight-bold);line-height:1.2}.alert-card-label{color:var(--text-secondary);font-size:var(--font-size-sm)}.mini-progress-card{background:var(--card-bg);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);display:flex;flex-direction:column;height:100%;justify-content:center;padding:var(--space-md) var(--space-lg);transition:all .3s ease}[data-theme=dark] .mini-progress-card{border:1px solid var(--card-border)}.mini-progress-card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}.mini-progress-header{align-items:center;display:flex;gap:var(--space-sm);margin-bottom:var(--space-xs)}.mini-progress-icon{font-size:18px}.mini-progress-title{color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.mini-progress-body{align-items:baseline;display:flex;gap:4px;margin-bottom:var(--space-sm)}.mini-progress-value{color:var(--text-primary);font-size:22px;font-weight:var(--font-weight-bold)}.mini-progress-total{color:var(--text-tertiary);font-size:var(--font-size-sm)}.chart-card{background:var(--card-bg);border-radius:var(--radius-2xl);box-shadow:var(--shadow-card);overflow:hidden}[data-theme=dark] .chart-card{border:1px solid var(--card-border)}.chart-card:hover{box-shadow:var(--shadow-card-hover)}.chart-card .ant-card-head{border-bottom:1px solid var(--border-light);min-height:auto;padding:var(--space-md) var(--space-lg)}.chart-card .ant-card-head-title{padding:0}.chart-card .ant-card-body{padding:var(--space-md) var(--space-lg) var(--space-lg)}.chart-card-title{align-items:center;display:flex;gap:var(--space-md);justify-content:space-between;width:100%}.chart-card-title span:first-child{color:var(--text-primary);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold)}.chart-card-title .ant-tag{font-size:var(--font-size-xs);margin:0}.quick-stats-grid{grid-gap:var(--space-md);display:grid;gap:var(--space-md);grid-template-columns:repeat(2,1fr);padding:var(--space-sm) 0}.quick-stat-item{align-items:center;background:#a855f708;border-radius:var(--radius-lg);display:flex;gap:var(--space-md);padding:var(--space-md);transition:all .2s ease}[data-theme=dark] .quick-stat-item{background:#a855f70d}.quick-stat-item:hover{background:#a855f714;transform:translateX(4px)}.quick-stat-icon{align-items:center;border-radius:var(--radius-lg);display:flex;font-size:18px;height:40px;justify-content:center;width:40px}.quick-stat-icon.purple{background:linear-gradient(135deg,#a855f733,#8b5cf61a);color:#a855f7}.quick-stat-icon.blue{background:linear-gradient(135deg,#3b82f633,#2563eb1a);color:#3b82f6}.quick-stat-icon.green{background:linear-gradient(135deg,#10b98133,#0596691a);color:#10b981}.quick-stat-icon.orange{background:linear-gradient(135deg,#f59e0b33,#d977061a);color:#f59e0b}.quick-stat-icon.red{background:linear-gradient(135deg,#ef444433,#dc26261a);color:#ef4444}.quick-stat-icon.teal{background:linear-gradient(135deg,#14b8a633,#0d94881a);color:#14b8a6}.quick-stat-info{display:flex;flex-direction:column}.quick-stat-label{color:var(--text-secondary);font-size:var(--font-size-xs)}.quick-stat-value{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}@media (max-width:1200px){.quick-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:992px){.dashboard-header-content{align-items:flex-start;flex-direction:column}.dashboard-header-right{flex-wrap:wrap;width:100%}}@media (max-width:768px){.dashboard-header{padding:var(--space-lg)}.dashboard-header-left h1{font-size:var(--font-size-xl)}.stat-card-value{font-size:24px}.stat-card-icon{font-size:20px;height:48px;width:48px}.quick-stats-grid{grid-template-columns:1fr}.chart-card .ant-card-body{padding:var(--space-sm)}}@media (max-width:576px){.dashboard-header-right{flex-direction:column;gap:var(--space-sm)}.header-stat{justify-content:center;width:100%}.alert-card{padding:var(--space-sm) var(--space-md)}.alert-card-icon{font-size:18px;height:40px;width:40px}.alert-card-value{font-size:20px}}.alert-card.alert-danger .alert-card-icon{animation:pulse 2s infinite}.dashboard-stat-card{background:var(--card-bg);border:none;border-radius:var(--radius-2xl);box-shadow:var(--shadow-card);overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}[data-theme=dark] .dashboard-stat-card{border:1px solid var(--card-border)}.dashboard-stat-card:before{background:linear-gradient(180deg,#a855f70d,#0000);content:"";height:100px;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:0}.dashboard-stat-card:after{background:var(--brand-gradient);content:"";height:3px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease;z-index:1}.dashboard-stat-card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}[data-theme=dark] .dashboard-stat-card:hover{border-color:#a855f74d}.dashboard-stat-card:hover:after{opacity:1}.dashboard-stat-card .ant-card-body{position:relative;z-index:1}.stat-icon{font-size:32px;margin-right:var(--space-sm);transition:all .3s ease}.stat-icon-primary{color:var(--brand-primary);filter:drop-shadow(0 0 6px rgba(168,85,247,.25))}.stat-icon-success{color:var(--color-success);filter:drop-shadow(0 0 6px rgba(16,185,129,.2))}.stat-icon-warning{color:var(--color-warning);filter:drop-shadow(0 0 6px rgba(245,158,11,.2))}.stat-icon-error{color:var(--color-error);filter:drop-shadow(0 0 6px rgba(239,68,68,.2))}.dashboard-stat-card:hover .stat-icon{transform:scale(1.1)}.dashboard-stat-card .ant-statistic-title{color:var(--text-secondary);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);margin-bottom:var(--space-sm)}.dashboard-stat-card .ant-statistic-content{align-items:center;display:flex;font-size:32px;gap:var(--space-sm)}.dashboard-stat-card .ant-statistic-content-value{color:var(--text-primary);font-weight:var(--font-weight-bold)}.stat-trend{align-items:center;border-radius:var(--radius-md);display:inline-flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);gap:3px;margin-left:var(--space-sm);padding:4px var(--space-sm)}.stat-trend-up{background:var(--color-success-bg);color:var(--color-success)}.stat-trend-down{background:var(--color-error-bg);color:var(--color-error)}.dashboard-activity-card{background:var(--card-bg);border:none;border-radius:var(--radius-2xl);box-shadow:var(--shadow-card);overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}[data-theme=dark] .dashboard-activity-card{border:1px solid var(--card-border)}.dashboard-activity-card:hover{box-shadow:var(--shadow-card-hover)}.dashboard-activity-card .ant-card-head{background:linear-gradient(180deg,#a855f708,#0000);border-bottom:1px solid var(--border-default);padding:var(--space-md) var(--space-lg)}.dashboard-activity-card .ant-card-head-title{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.dashboard-activity-card .ant-card-body{min-height:200px;padding:var(--space-lg)}.empty-state-icon{opacity:.5}.page-header-modern{align-items:center;background:#fff;background:var(--card-bg,#fff);border-radius:6px;box-shadow:0 1px 3px #0000000a;display:flex;justify-content:space-between;margin-bottom:6px;overflow:hidden;padding:6px 10px;position:relative}.page-header-modern:before{background:linear-gradient(135deg,#a855f7,#9333ea 50%,#7c3aed);background:var(--brand-gradient,linear-gradient(135deg,#a855f7 0,#9333ea 50%,#7c3aed 100%));content:"";height:100%;left:0;position:absolute;top:0;width:4px}.page-header-left{align-items:center;display:flex;gap:6px}.page-header-icon{align-items:center;color:#a855f7;color:var(--brand-primary,#a855f7);display:flex;font-size:16px;justify-content:center}.page-header-info{align-items:baseline;display:flex;gap:8px}.page-header-info h3.ant-typography{color:var(--text-primary);font-size:15px!important;font-weight:600;margin:0!important}.page-header-info .ant-typography-secondary{color:var(--text-tertiary);font-size:12px}.page-header-actions{align-items:center;display:flex;gap:8px;gap:var(--space-sm,8px)}.kpi-grid{grid-gap:4px;gap:4px;margin-bottom:6px}.kpi-grid-2{grid-template-columns:repeat(2,1fr)}.kpi-grid-3{grid-template-columns:repeat(3,1fr)}.kpi-grid-4{grid-template-columns:repeat(4,1fr)}.kpi-grid-5{grid-template-columns:repeat(5,1fr)}@media (max-width:1200px){.kpi-grid-4,.kpi-grid-5{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.kpi-grid-2,.kpi-grid-3,.kpi-grid-4,.kpi-grid-5{grid-template-columns:1fr}}.kpi-card{background:#fff;background:var(--card-bg,#fff);border-radius:4px;box-shadow:0 1px 2px #00000008;gap:6px;padding:4px 8px;transition:all .2s ease}.kpi-card:before{width:3px}.kpi-card:hover{box-shadow:0 2px 8px #00000014}.kpi-card .kpi-icon{border-radius:4px;flex-shrink:0;font-size:12px;height:24px;width:24px}.kpi-card .kpi-content{align-items:baseline;display:flex;gap:6px;min-width:0}.kpi-card .kpi-value{align-items:baseline;display:flex;font-size:14px;gap:2px;line-height:1}.kpi-card .kpi-suffix{font-size:9px;font-weight:500;opacity:.6}.kpi-card .kpi-percent{font-size:9px;margin-left:3px;opacity:.6}.kpi-card .kpi-label{font-size:11px;line-height:1;margin-top:0}.kpi-card .kpi-arrow{font-size:10px;opacity:.2;transition:all .2s ease}.kpi-card .kpi-badge{border-radius:6px;font-size:8px;padding:1px 4px;right:4px;top:2px}.kpi-purple:before{background:#a855f7;background:var(--brand-primary,#a855f7)}.kpi-purple .kpi-icon{background:#a855f71a}.kpi-purple .kpi-icon,.kpi-purple .kpi-value{color:#a855f7;color:var(--brand-primary,#a855f7)}.kpi-orange:before{background:#f59e0b}.kpi-orange .kpi-icon{background:#f59e0b1a;color:#f59e0b}.kpi-orange .kpi-value{color:#f59e0b}.table-card{background:#fff;background:var(--card-bg,#fff);border-radius:16px;border-radius:var(--radius-xl,16px);box-shadow:0 2px 8px #0000000f;box-shadow:var(--shadow-card,0 2px 8px #0000000f);padding:20px;padding:var(--space-lg,20px);transition:box-shadow .3s ease}.table-card:hover{box-shadow:0 4px 16px #0000001a}.table-card .ant-tabs-nav{margin-bottom:16px;margin-bottom:var(--space-md,16px)}.table-card .ant-tabs-tab{color:var(--text-secondary);padding:16px 8px;padding:var(--space-md,16px) var(--space-sm,8px);transition:all .3s ease}.table-card .ant-tabs-tab:hover{color:#a855f7;color:var(--brand-primary,#a855f7)}.table-card .ant-tabs-tab-active .ant-tabs-tab-btn{color:#a855f7;color:var(--brand-primary,#a855f7);font-weight:600}.table-card .ant-tabs-ink-bar{background:linear-gradient(135deg,#a855f7,#9333ea 50%,#7c3aed);background:var(--brand-gradient,linear-gradient(135deg,#a855f7 0,#9333ea 50%,#7c3aed 100%));border-radius:3px 3px 0 0;height:3px}.table-filters{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-default,#e5e7eb);display:flex;flex-wrap:wrap;gap:8px;gap:var(--space-sm,8px);margin-bottom:16px;margin-bottom:var(--space-md,16px);padding:16px 0;padding:var(--space-md,16px) 0}.table-content .ant-table{background:#0000}.table-content .ant-table-thead>tr>th{background:#f9fafb;background:var(--bg-sunken,#f9fafb);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-default,#e5e7eb);color:var(--text-primary);font-size:13px;font-weight:600;padding:14px 16px}.table-content .ant-table-tbody>tr>td{border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--border-light,#f3f4f6);color:var(--text-primary);font-size:13px;padding:14px 16px;transition:all .2s ease}.table-content .ant-table-tbody>tr:hover>td{background:linear-gradient(90deg,#a855f714,#0000)}.table-content .ant-table-tbody>tr.ant-table-row-selected>td{background:#a855f71f}.status-tag{border-radius:6px;font-weight:500;padding:2px 10px}.status-tag.status-checked-in{background:#10b9811a;border-color:#10b9814d;color:#10b981}.status-tag.status-checked-out{background:#3b82f61a;border-color:#3b82f64d;color:#3b82f6}.status-tag.status-pre-registered{background:#f59e0b1a;border-color:#f59e0b4d;color:#f59e0b}.status-tag.status-no-show{background:#ef44441a;border-color:#ef44444d;color:#ef4444}.status-tag.status-cancelled{background:#6b72801a;border-color:#6b72804d;color:#6b7280}.status-tag.status-active{background:#10b9811a;border-color:#10b9814d;color:#10b981}.status-tag.status-inactive{background:#6b72801a;border-color:#6b72804d;color:#6b7280}.status-tag.status-pending{background:#f59e0b1a;border-color:#f59e0b4d;color:#f59e0b}.status-tag.status-approved{background:#10b9811a;border-color:#10b9814d;color:#10b981}.status-tag.status-rejected{background:#ef44441a;border-color:#ef44444d;color:#ef4444}.status-tag.status-new{background:#3b82f61a;border-color:#3b82f64d;color:#3b82f6}.status-tag.status-assigned{background:#a855f71a;border-color:#a855f74d;color:#a855f7}.status-tag.status-in-progress{background:#f59e0b1a;border-color:#f59e0b4d;color:#f59e0b}.status-tag.status-closed{background:#10b9811a;border-color:#10b9814d;color:#10b981}.chart-card{background:#fff;background:var(--card-bg,#fff);border-radius:var(--radius-xl,16px);box-shadow:var(--shadow-card,0 2px 8px #0000000f);padding:var(--space-lg,20px)}.chart-header{margin-bottom:var(--space-md,16px)}.app-modal .ant-modal-content{border-radius:16px;border-radius:var(--radius-xl,16px);overflow:hidden}.app-modal .ant-modal-header{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-default,#e5e7eb);padding:24px;padding:var(--space-lg,24px);position:relative}.app-modal .ant-modal-header:before{background:linear-gradient(135deg,#a855f7,#9333ea 50%,#7c3aed);background:var(--brand-gradient,linear-gradient(135deg,#a855f7 0,#9333ea 50%,#7c3aed 100%));content:"";height:3px;left:0;position:absolute;right:0;top:0}.app-modal .ant-modal-title{align-items:center;display:flex;font-weight:600;gap:8px;gap:var(--space-sm,8px)}.app-modal .modal-icon{color:#a855f7;color:var(--brand-primary,#a855f7);font-size:20px}.app-modal .ant-modal-body{padding:24px;padding:var(--space-lg,24px)}.app-modal .ant-modal-footer{border-top:1px solid #e5e7eb;border-top:1px solid var(--border-default,#e5e7eb);padding:16px 24px;padding:var(--space-md,16px) var(--space-lg,24px)}.form-section{background:#f9fafb;background:var(--bg-secondary,#f9fafb);border:1px solid #e5e7eb;border:1px solid var(--border-default,#e5e7eb);border-radius:12px;border-radius:var(--radius-lg,12px);margin-bottom:24px;margin-bottom:var(--space-lg,24px);padding:20px;padding:var(--space-lg,20px)}.form-section-title{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-default,#e5e7eb);color:#a855f7;color:var(--brand-primary,#a855f7);display:flex;font-size:14px;font-weight:600;gap:8px;gap:var(--space-sm,8px);margin-bottom:16px;margin-bottom:var(--space-md,16px);padding-bottom:12px;padding-bottom:var(--space-sm,12px)}.form-section-title .anticon{font-size:16px}.quick-nav{grid-gap:var(--space-sm,12px);gap:var(--space-sm,12px);margin-top:var(--space-lg,20px)}.quick-nav-item{background:#fff;background:var(--card-bg,#fff);border-radius:var(--radius-lg,12px);box-shadow:var(--shadow-card,0 2px 8px #0000000f);gap:var(--space-sm,12px);padding:var(--space-md,16px) var(--space-lg,20px)}.quick-nav-item:hover{background:#a855f7;background:var(--brand-primary,#a855f7);box-shadow:0 8px 20px #a855f74d}@media (max-width:768px){.page-header-modern{align-items:flex-start;flex-direction:column;gap:6px;padding:6px 10px}.page-header-info{flex-direction:column;gap:2px}.page-header-actions{width:100%}.page-header-actions>*{flex:1 1}.table-filters{flex-direction:column}.table-filters>*{width:100%}}.dark-theme .chart-card,.dark-theme .kpi-card,.dark-theme .page-header-modern,.dark-theme .table-card{background:var(--card-bg)}.dark-theme .status-tag.status-checked-in{background:#10b98126}.dark-theme .status-tag.status-checked-out{background:#3b82f626}.dark-theme .status-tag.status-pre-registered{background:#f59e0b26}.dark-theme .status-tag.status-no-show{background:#ef444426}.dark-theme .status-tag.status-cancelled{background:#6b728026}.tiptap-editor{background:var(--component-background);border:1px solid var(--border-color);border-radius:12px;overflow:hidden}.tiptap-toolbar{align-items:center;background:var(--background-color);border-bottom:1px solid var(--border-color);display:flex;flex-wrap:wrap;gap:2px;padding:8px 12px}.tiptap-toolbar .ant-btn{align-items:center;border-radius:6px;color:var(--text-secondary);display:flex;height:32px;justify-content:center;padding:0;transition:all .2s;width:32px}.tiptap-toolbar .ant-btn:hover{background:var(--primary-color-light);color:var(--primary-color)}.tiptap-toolbar .ant-btn.is-active,.tiptap-toolbar .ant-btn.is-active:hover{background:var(--primary-color);color:#fff}.tiptap-toolbar .ant-btn:disabled{opacity:.4}.toolbar-dropdown{font-size:13px;font-weight:500;min-width:80px;padding:0 8px!important}.tiptap-toolbar .ant-divider-vertical{background:var(--border-color);height:24px;margin:0 6px}.tiptap-content{max-height:500px;min-height:200px;overflow-y:auto;padding:16px 20px}.tiptap-content .tiptap{min-height:inherit;outline:none}.tiptap-content .tiptap p.is-editor-empty:first-child:before{color:var(--text-tertiary);content:attr(data-placeholder);float:left;font-style:italic;height:0;pointer-events:none}.tiptap-content .tiptap{color:var(--text-primary);font-size:15px;line-height:1.8}.tiptap-content .tiptap>*+*{margin-top:.75em}.tiptap-content .tiptap h1{color:var(--text-primary);font-size:2em;font-weight:700;margin-bottom:.5em;margin-top:1.5em}.tiptap-content .tiptap h2{font-size:1.5em;margin-top:1.25em}.tiptap-content .tiptap h2,.tiptap-content .tiptap h3{color:var(--text-primary);font-weight:600;margin-bottom:.5em}.tiptap-content .tiptap h3{font-size:1.25em;margin-top:1em}.tiptap-content .tiptap p{margin-bottom:.75em}.tiptap-content .tiptap ol,.tiptap-content .tiptap ul{margin-bottom:1em;padding-left:1.5em}.tiptap-content .tiptap li{margin-bottom:.25em}.tiptap-content .tiptap li p{margin:0}.tiptap-content .tiptap blockquote{background:#1890ff0a;border-left:4px solid var(--primary-color);border-radius:0 8px 8px 0;color:var(--text-secondary);font-style:italic;margin:1em 0;padding:12px 16px 12px 20px}.tiptap-content .tiptap pre{background:#1e1e1e;border-radius:8px;color:#d4d4d4;font-family:Consolas,Monaco,Fira Code,monospace;font-size:13px;margin:1em 0;overflow-x:auto;padding:16px}.tiptap-content .tiptap code{background:var(--background-color);border-radius:4px;color:#e83e8c;font-family:Consolas,Monaco,Fira Code,monospace;font-size:.9em;padding:2px 6px}.tiptap-content .tiptap pre code{background:none;color:inherit;padding:0}.tiptap-content .tiptap .editor-link,.tiptap-content .tiptap a{border-bottom:1px solid #0000;color:var(--primary-color);cursor:pointer;text-decoration:none;transition:border-color .2s}.tiptap-content .tiptap .editor-link:hover,.tiptap-content .tiptap a:hover{border-bottom-color:var(--primary-color)}.tiptap-content .tiptap .editor-image,.tiptap-content .tiptap img{border-radius:8px;box-shadow:0 4px 12px #0000001a;height:auto;margin:1em 0;max-width:100%}.tiptap-content .tiptap hr{border:none;border-top:2px solid var(--border-color);margin:2em 0}.tiptap-content .tiptap mark{background-color:#fff3cd;border-radius:2px;padding:0 2px}.tiptap-content .tiptap h1[style*="text-align: center"],.tiptap-content .tiptap h2[style*="text-align: center"],.tiptap-content .tiptap h3[style*="text-align: center"],.tiptap-content .tiptap p[style*="text-align: center"]{text-align:center}.tiptap-content .tiptap h1[style*="text-align: right"],.tiptap-content .tiptap h2[style*="text-align: right"],.tiptap-content .tiptap h3[style*="text-align: right"],.tiptap-content .tiptap p[style*="text-align: right"]{text-align:right}.bubble-menu{background:var(--component-background);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 12px #00000026;display:flex;padding:4px}.bubble-menu .ant-btn{align-items:center;border-radius:4px;color:var(--text-secondary);display:flex;height:28px;justify-content:center;padding:0;width:28px}.bubble-menu .ant-btn:hover{background:var(--primary-color-light);color:var(--primary-color)}.bubble-menu .ant-btn.is-active{background:var(--primary-color);color:#fff}.tiptap-editor.readonly{background:#0000;border:none}.tiptap-editor.readonly .tiptap-content{padding:0}.rich-content{color:var(--text-primary);font-size:16px;line-height:1.9}.rich-content>*+*{margin-top:.75em}.rich-content h1{color:var(--text-primary);font-size:1.75em;font-weight:700;margin:1.5em 0 .75em}.rich-content h2{font-size:1.5em;margin:1.25em 0 .5em}.rich-content h2,.rich-content h3{color:var(--text-primary);font-weight:600}.rich-content h3{font-size:1.25em;margin:1em 0 .5em}.rich-content p{margin-bottom:1em}.rich-content ol,.rich-content ul{margin-bottom:1em;padding-left:1.5em}.rich-content li{margin-bottom:.35em}.rich-content blockquote{background:#1890ff0a;border-left:4px solid var(--primary-color);border-radius:0 8px 8px 0;color:var(--text-secondary);font-style:italic;margin:1.5em 0;padding:16px 16px 16px 20px}.rich-content pre{background:#1e1e1e;border-radius:8px;color:#d4d4d4;font-size:13px;margin:1em 0;overflow-x:auto;padding:16px}.rich-content code,.rich-content pre{font-family:Consolas,Monaco,Fira Code,monospace}.rich-content code{background:var(--background-color);border-radius:4px;color:#e83e8c;font-size:.9em;padding:2px 6px}.rich-content pre code{background:none;color:inherit;padding:0}.rich-content a{border-bottom:1px solid #0000;color:var(--primary-color);text-decoration:none;transition:border-color .2s}.rich-content a:hover{border-bottom-color:var(--primary-color)}.rich-content img{border-radius:8px;box-shadow:0 4px 12px #0000001a;margin:1em 0;max-width:100%}.rich-content strong{color:var(--text-primary);font-weight:600}.rich-content em{font-style:italic}.rich-content u{text-decoration:underline}.rich-content s{color:var(--text-tertiary);text-decoration:line-through}.rich-content mark{background-color:#fff3cd;border-radius:2px;padding:0 2px}[data-theme=dark] .tiptap-editor{border-color:#ffffff1a}[data-theme=dark] .tiptap-toolbar{background:#1f1f1f;border-color:#ffffff1a}[data-theme=dark] .tiptap-toolbar .ant-btn{color:var(--text-secondary)}[data-theme=dark] .tiptap-toolbar .ant-btn:hover{background:#1890ff33}[data-theme=dark] .tiptap-content .tiptap code{background:#2d2d2d;color:#f92672}[data-theme=dark] .tiptap-content .tiptap blockquote{background:#1890ff14}[data-theme=dark] .tiptap-content .tiptap mark{background-color:#ffc1074d}[data-theme=dark] .bubble-menu{background:#1f1f1f;border-color:#ffffff1a}[data-theme=dark] .rich-content code{background:#2d2d2d;color:#f92672}[data-theme=dark] .rich-content blockquote{background:#1890ff14}[data-theme=dark] .rich-content mark{background-color:#ffc1074d}@media (max-width:768px){.tiptap-toolbar{padding:6px 8px}.tiptap-toolbar .ant-btn{height:28px;width:28px}.toolbar-dropdown{font-size:12px;min-width:70px}.tiptap-toolbar .ant-divider-vertical{margin:0 4px}.tiptap-content{min-height:150px;padding:12px 16px}}.settings-page .page-header{align-items:flex-start;border-bottom:1px solid var(--border-default);display:flex;justify-content:space-between;margin-bottom:var(--space-lg);padding-bottom:var(--space-lg);position:relative}.settings-page .page-header:after{background:var(--brand-gradient);border-radius:3px;bottom:-1px;content:"";height:3px;left:0;position:absolute;width:100px}.settings-page .page-header h2{align-items:center;color:var(--text-primary);display:flex;font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);gap:var(--space-sm);margin:0}.settings-page .page-header h2 .anticon{color:var(--brand-primary);filter:drop-shadow(0 0 4px rgba(168,85,247,.2))}.settings-page .page-header p{color:var(--text-secondary);font-size:var(--font-size-sm);margin:var(--space-xs) 0 0 0}.settings-page .table-container{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-2xl);box-shadow:var(--shadow-card);overflow:hidden;padding:var(--space-md);position:relative}.settings-page .table-container:before{background:linear-gradient(180deg,#a855f708,#0000);content:"";height:60px;left:0;pointer-events:none;position:absolute;right:0;top:0}.settings-page .table-container .ant-table{background:#0000}.settings-page .table-container .ant-table-thead>tr>th{background:linear-gradient(180deg,var(--bg-sunken) 0,#a855f708 100%);border-bottom:1px solid var(--border-default);color:var(--text-primary);font-weight:var(--font-weight-semibold)}.settings-page .table-container .ant-table-tbody>tr>td{border-bottom:1px solid var(--border-light);color:var(--text-primary);transition:all .2s ease}.settings-page .table-container .ant-table-tbody>tr:hover>td{background:linear-gradient(90deg,#a855f714,#0000)}.settings-page .table-container .ant-table-tbody>tr.ant-table-row-selected>td{background:#a855f71f}.settings-icon{color:var(--brand-primary);filter:drop-shadow(0 0 3px rgba(168,85,247,.18))}.settings-code{background:#a855f714;border-radius:var(--radius-md);color:var(--text-primary);font-family:JetBrains Mono,monospace;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);padding:2px 8px}.settings-action-btn{border-radius:var(--radius-md);padding:var(--space-xs);transition:all .3s ease}.settings-action-btn .anticon{font-size:18px}.settings-action-btn.view .anticon{color:var(--color-success)}.settings-action-btn.edit .anticon{color:var(--brand-primary)}.settings-action-btn.delete .anticon{color:var(--color-error)}.settings-action-btn:hover{background:#a855f71f;transform:scale(1.1)}.settings-action-btn.view:hover{background:#10b9811a}.settings-action-btn.delete:hover{background:#ef44441a}.settings-status-tag{border-radius:var(--radius-full);font-weight:var(--font-weight-medium);padding:2px 12px}.settings-status-tag.active{background:linear-gradient(135deg,var(--color-success-bg) 0,#10b98114 100%);border-color:var(--color-success);color:var(--color-success)}.settings-status-tag.inactive{background:linear-gradient(135deg,var(--color-error-bg) 0,#ef444414 100%);border-color:var(--color-error);color:var(--color-error)}.settings-add-btn{background:var(--brand-gradient);border:none;border-radius:var(--radius-xl);box-shadow:var(--shadow-glow);font-weight:var(--font-weight-semibold);transition:all .3s cubic-bezier(.4,0,.2,1)}.settings-add-btn:hover{box-shadow:0 8px 25px #a855f780;transform:translateY(-2px)}.settings-modal .ant-modal-content{border-radius:var(--radius-2xl);overflow:hidden}.settings-modal .ant-modal-header{background:linear-gradient(180deg,var(--card-bg) 0,#a855f708 100%);border-bottom:1px solid var(--border-default);padding:var(--space-lg)}.settings-modal .ant-modal-title{align-items:center;display:flex;font-weight:var(--font-weight-semibold);gap:var(--space-sm)}.settings-modal .ant-modal-title .anticon{color:var(--brand-primary);filter:drop-shadow(0 0 3px rgba(168,85,247,.18));font-size:20px}.settings-modal .ant-modal-body{padding:var(--space-lg)}.settings-modal .ant-modal-footer{border-top:1px solid var(--border-default);padding:var(--space-md) var(--space-lg)}.settings-modal .ant-form{padding-top:var(--space-sm)}.settings-modal .ant-form-item{margin-bottom:var(--space-lg)}.settings-modal .ant-form-item-label{padding-bottom:var(--space-xs)}.settings-modal .ant-form-item-label>label{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.settings-modal .ant-form-item-label>label:before{color:var(--color-error)!important}.settings-modal .ant-form-item-control-input{min-height:auto}.settings-modal .ant-input,.settings-modal .ant-input-password,.settings-modal .ant-select-selector{background:var(--input-bg);border-color:var(--border-default);border-radius:var(--radius-lg);transition:all .3s ease}.settings-modal .ant-input-password:hover,.settings-modal .ant-input:hover,.settings-modal .ant-select-selector:hover{border-color:var(--brand-primary)}.settings-modal .ant-input-affix-wrapper-focused,.settings-modal .ant-input-password:focus,.settings-modal .ant-input:focus,.settings-modal .ant-select-focused .ant-select-selector{border-color:var(--brand-primary);box-shadow:0 0 0 3px #a855f726}.settings-modal .form-section-title{align-items:center;border-bottom:1px dashed var(--border-default);color:var(--text-secondary);display:flex;font-size:14px;font-weight:600;gap:8px;margin:24px 0 16px;padding-bottom:8px}.settings-modal .form-section-title .anticon{color:var(--brand-primary)}.settings-page .ant-pagination{margin-top:var(--space-lg)}.settings-page .ant-pagination-item{background:var(--card-bg);border-color:var(--border-default);border-radius:var(--radius-md);transition:all .2s ease}.settings-page .ant-pagination-item a{color:var(--text-primary)}.settings-page .ant-pagination-item:hover{background:#a855f714;border-color:var(--brand-primary)}.settings-page .ant-pagination-item:hover a{color:var(--brand-primary)}.settings-page .ant-pagination-item-active{background:var(--brand-gradient);border-color:var(--brand-primary)}.settings-page .ant-pagination-item-active a{color:#fff}.settings-user-name{color:var(--text-primary);font-weight:var(--font-weight-semibold)}.settings-user-code{align-items:center;color:var(--text-secondary);display:flex;font-size:var(--font-size-xs);gap:var(--space-xs)}.settings-email-icon{color:var(--brand-primary);font-size:14px}.settings-empty-value{color:var(--text-tertiary);font-style:italic}.settings-supervisor-name{color:var(--text-primary);font-size:var(--font-size-sm)}.settings-input-icon{color:var(--brand-primary)}.settings-upload-btn{align-items:center;background:linear-gradient(180deg,var(--bg-sunken) 0,#a855f708 100%);border:2px dashed var(--border-default);border-radius:var(--radius-xl);color:var(--text-secondary);cursor:pointer;display:flex;flex-direction:column;gap:var(--space-xs);padding:var(--space-lg);transition:all .3s ease}.settings-upload-btn:hover{background:#a855f714;border-color:var(--brand-primary);color:var(--brand-primary)}.settings-upload-btn .anticon{color:var(--brand-primary);font-size:24px}.settings-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-2xl);box-shadow:var(--shadow-card);overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.settings-card:hover{box-shadow:var(--shadow-card-hover)}.settings-card .ant-card-head{background:linear-gradient(180deg,var(--bg-sunken) 0,#a855f708 100%);border-bottom:1px solid var(--border-default)}.settings-card .ant-card-head-title{color:var(--text-primary);font-weight:var(--font-weight-semibold)}.settings-card .ant-card-body{background:var(--card-bg)}.settings-form-section{margin-bottom:var(--space-xl)}.settings-form-section-title{align-items:center;border-bottom:1px solid var(--border-light);display:flex;gap:var(--space-sm);margin-bottom:var(--space-md);padding-bottom:var(--space-sm)}.settings-form-section-title .anticon{color:var(--brand-primary)}.settings-form-section-title span{color:var(--text-primary);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold)}.settings-switch-item{align-items:center;background:#a855f708;border-radius:var(--radius-lg);display:flex;justify-content:space-between;margin-bottom:var(--space-sm);padding:var(--space-md);transition:all .2s ease}.settings-switch-item:hover{background:#a855f714}.settings-switch-label{color:var(--text-primary);font-weight:var(--font-weight-medium)}.settings-switch-description{color:var(--text-secondary);font-size:var(--font-size-xs);margin-top:2px}@media (max-width:768px){.settings-page .page-header{flex-direction:column;gap:var(--space-md)}.settings-page .page-header h2{font-size:var(--font-size-xl)}.settings-add-btn{width:100%}.settings-page .table-container{border-radius:var(--radius-xl);padding:var(--space-sm)}.settings-card{border-radius:var(--radius-xl)}}.messages-container{background:var(--bg-sunken);border:none;border-radius:var(--radius-2xl);box-shadow:var(--shadow-card);height:calc(100vh - 180px);overflow:hidden;position:relative}[data-theme=dark] .messages-container{border:1px solid var(--card-border)}.messages-container:before{background:linear-gradient(180deg,#a855f70a,#0000);content:"";height:120px;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:0}.messages-layout{background:#0000;height:100%}.conversations-sider{background:var(--card-bg)!important;border-right:1px solid var(--border-default);display:flex;flex-direction:column;position:relative}.conversations-sider:before{background:linear-gradient(180deg,#a855f70d,#0000);content:"";height:80px;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:0}.conversations-sider .ant-layout-sider-children{display:flex;flex-direction:column;height:100%;position:relative;z-index:1}.conversations-header{border-bottom:1px solid var(--border-default);padding:var(--space-lg) var(--space-lg) var(--space-md)}.conversations-header h2{-webkit-text-fill-color:#0000;background:var(--brand-gradient);-webkit-background-clip:text;background-clip:text;color:var(--text-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin:0}.conversations-search{border-bottom:1px solid var(--border-default);padding:var(--space-sm) var(--space-md)}.conversations-search .ant-input-affix-wrapper{background:var(--bg-sunken);border:1px solid #0000;border-radius:var(--radius-full);transition:all .3s ease}[data-theme=light] .conversations-search .ant-input-affix-wrapper{box-shadow:var(--shadow-input)}.conversations-search .ant-input-affix-wrapper:focus-within,.conversations-search .ant-input-affix-wrapper:hover{border-color:var(--brand-primary);box-shadow:0 0 0 3px #a855f726}.conversations-search .ant-input{background:#0000}.conversations-list{flex:1 1;overflow-x:hidden;overflow-y:auto}.conversations-loading{align-items:center;display:flex;height:200px;justify-content:center}.conversation-item{align-items:center;border-bottom:1px solid var(--border-light);border-left:3px solid #0000;cursor:pointer;display:flex;padding:var(--space-sm) var(--space-md);position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.conversation-item:hover{background:linear-gradient(90deg,#a855f71a,#a855f708);border-left-color:var(--brand-primary)}.conversation-item.active{background:linear-gradient(90deg,#a855f72e,#a855f70f);border-left-color:var(--brand-primary)}.conversation-avatar{flex-shrink:0;position:relative}.conversation-avatar .ant-avatar{box-shadow:0 2px 8px #a855f740}.conversation-info{flex:1 1;margin-left:var(--space-sm);min-width:0;overflow:hidden}.conversation-header-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:3px}.conversation-name{color:var(--text-primary);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-time{color:var(--text-tertiary);flex-shrink:0;font-size:var(--font-size-xs);margin-left:var(--space-sm)}.conversation-preview-row{align-items:center;display:flex;justify-content:space-between}.conversation-preview{color:var(--text-secondary);flex:1 1;font-size:var(--font-size-sm);min-width:0}.typing-indicator{align-items:center;color:var(--brand-primary);display:inline-flex;font-style:italic;gap:2px}.typing-indicator .typing-dots{display:inline-flex;gap:3px;margin-left:4px}.typing-indicator .typing-dot{animation:typingBounce 1.4s ease-in-out infinite;background-color:var(--brand-primary);border-radius:50%;height:6px;width:6px}.typing-indicator .typing-dot:first-child{animation-delay:0s}.typing-indicator .typing-dot:nth-child(2){animation-delay:.2s}.typing-indicator .typing-dot:nth-child(3){animation-delay:.4s}.typing-bubble{padding:var(--space-sm) var(--space-md)!important}.typing-bubble-dots{gap:4px;justify-content:center}.typing-bubble-dot{background-color:var(--message-time)}.unread-badge .ant-badge-count{background:var(--brand-gradient);box-shadow:0 2px 8px #a855f773;font-size:var(--font-size-xs);height:18px;line-height:18px;min-width:18px}.chat-content{background:var(--bg-sunken)}.chat-content,.no-chat-selected{display:flex;flex-direction:column;height:100%}.no-chat-selected{align-items:center;background:linear-gradient(180deg,#a855f708,#0000 50%);color:var(--text-secondary);justify-content:center;text-align:center}.no-chat-icon{color:var(--brand-primary);filter:drop-shadow(0 4px 12px rgba(168,85,247,.35));font-size:72px;margin-bottom:var(--space-lg);opacity:.5}.no-chat-selected h3{color:var(--text-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-sm)}.no-chat-selected p{color:var(--text-secondary);font-size:var(--font-size-base)}.chat-header{align-items:center;background:var(--card-bg);border-bottom:1px solid var(--border-default);display:flex;flex-shrink:0;padding:var(--space-sm) var(--space-lg);position:relative}.chat-header:before{background:linear-gradient(90deg,#a855f70a,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.chat-header-info{margin-left:var(--space-sm);position:relative}.chat-header-name{color:var(--text-primary);display:block;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.chat-header-status{color:var(--text-secondary);display:block;font-size:var(--font-size-xs)}.messages-area{background-color:var(--message-area-bg);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z' fill='%23a855f7' fill-opacity='.03' fill-rule='evenodd'/%3E%3C/svg%3E");display:flex;flex:1 1;flex-direction:column;overflow-y:auto;padding:var(--space-sm) var(--space-md)}[data-theme=dark] .messages-area{background-color:var(--message-area-bg);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z' fill='%23a855f7' fill-opacity='.02' fill-rule='evenodd'/%3E%3C/svg%3E")}.messages-loading,.no-messages{align-items:center;display:flex;height:100%;justify-content:center}.date-separator{display:flex;justify-content:center;margin:var(--space-sm) 0}.date-separator span{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#a855f72e,#8b5cf61f);border-radius:var(--radius-full);box-shadow:0 2px 8px #a855f733;color:var(--brand-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);padding:4px var(--space-md)}[data-theme=dark] .date-separator span{background:linear-gradient(135deg,#a855f740,#8b5cf62e)}.message-wrapper{display:flex!important;margin-bottom:2px;padding:0 5px;width:100%}.message-wrapper.mine{justify-content:flex-end!important;text-align:right}.message-wrapper.theirs{justify-content:flex-start!important;text-align:left}.message-bubble{word-wrap:break-word;border-radius:7.5px;box-shadow:0 1px 2px #0000001a,0 2px 8px #0000000d;display:inline-block;max-width:65%;padding:6px 7px 8px 9px;position:relative;transition:all .2s ease;word-break:break-word}.message-bubble:hover{box-shadow:0 2px 8px #00000026,0 4px 12px #00000014}.message-bubble.mine{background-color:var(--message-mine-bg)!important;border-top-right-radius:0;color:var(--message-mine-text);margin-left:auto;margin-right:0}.message-bubble.theirs{background-color:var(--message-theirs-bg)!important;border-top-left-radius:0;color:var(--message-theirs-text);margin-left:0;margin-right:auto}.message-bubble.mine:before{border-color:#0000 #0000 #0000 var(--message-mine-bg);border-style:solid;border-width:0 0 10px 10px;content:"";position:absolute;right:-8px;top:0}.message-bubble.theirs:before{border-color:#0000 var(--message-theirs-bg) #0000 #0000;border-style:solid;border-width:0 10px 10px 0;content:"";left:-8px;position:absolute;top:0}.message-content{font-size:var(--font-size-base);line-height:1.35;margin-right:50px;white-space:pre-wrap}.message-meta{align-items:center;display:flex;float:right;gap:3px;justify-content:flex-end;margin-bottom:1px;margin-top:-14px;position:relative}.message-time{color:var(--message-time);font-size:var(--font-size-xs)}.message-status{align-items:center;display:flex}.sent-icon{color:var(--message-time)}.read-icon,.sent-icon{font-size:var(--font-size-base)}.read-icon{color:var(--brand-accent)}.message-attachments{margin-bottom:4px}.message-bubble.has-attachment{padding:4px}.message-bubble.has-attachment .message-content{padding:4px 5px 0}.attachment-item{margin-bottom:4px}.attachment-image{border-radius:var(--radius-md);cursor:pointer;overflow:hidden;transition:transform .2s ease}.attachment-image:hover{transform:scale(1.02)}.attachment-image img{display:block;max-width:100%}.attachment-file{align-items:center;background:#a855f71a;border-radius:var(--radius-md);color:inherit;display:flex;gap:var(--space-sm);padding:var(--space-sm);text-decoration:none;transition:all .2s ease}.attachment-file:hover{background:#a855f72e}.attachment-file-icon{color:var(--brand-primary);font-size:26px}.attachment-file-info{display:flex;flex:1 1;flex-direction:column;min-width:0}.attachment-file-name{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-file-size{color:var(--message-time);font-size:var(--font-size-xs)}.attachment-download-icon{color:var(--brand-primary);font-size:var(--font-size-lg);transition:transform .2s ease}.attachment-file:hover .attachment-download-icon{transform:translateY(2px)}[data-theme=dark] .attachment-file{background:#a855f71f}[data-theme=dark] .attachment-file:hover{background:#a855f733}.pending-attachments{background:var(--card-bg);border-top:1px solid var(--border-default);display:flex;flex-wrap:wrap;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg)}.pending-attachment{align-items:center;background:linear-gradient(135deg,#a855f71a,#8b5cf60f);border:1px solid #a855f740;border-radius:var(--radius-md);display:flex;gap:var(--space-sm);padding:var(--space-xs) var(--space-sm);position:relative}.pending-attachment.uploading{opacity:.7}.pending-attachment-preview{border-radius:var(--radius-sm);height:50px;object-fit:cover;width:50px}.pending-attachment-icon{color:var(--brand-primary);font-size:var(--font-size-2xl)}.pending-attachment-remove{color:var(--text-tertiary);font-size:var(--font-size-xs);padding:2px}.pending-attachment-remove:hover{color:var(--color-error);transform:scale(1.2)}.message-input-container{align-items:center;background:var(--card-bg);border-top:1px solid var(--border-default);display:flex;flex-shrink:0;gap:var(--space-sm);padding:var(--space-md) var(--space-lg)}.attach-icon{border-radius:var(--radius-md);color:var(--text-tertiary);cursor:pointer;font-size:var(--font-size-2xl);padding:var(--space-xs);transition:all .3s ease}.attach-icon:hover{background:#a855f71f;color:var(--brand-primary)}.message-input-container .ant-input-affix-wrapper{background:var(--bg-sunken);border:1px solid #0000;border-radius:var(--radius-full);flex:1 1;padding:var(--space-sm) var(--space-md);transition:all .3s ease}[data-theme=light] .message-input-container .ant-input-affix-wrapper{box-shadow:var(--shadow-input)}.message-input-container .ant-input-affix-wrapper:focus-within,.message-input-container .ant-input-affix-wrapper:hover{border-color:var(--brand-primary);box-shadow:0 0 0 3px #a855f726}.message-input-container .ant-input{background:#0000;font-size:var(--font-size-base)}.send-icon{border-radius:var(--radius-full);color:var(--text-disabled);cursor:pointer;font-size:var(--font-size-2xl);padding:var(--space-xs);transition:all .3s ease}.send-icon.active{background:var(--brand-gradient);box-shadow:0 4px 12px #a855f773;color:#fff}.send-icon:hover{transform:scale(1.1)}.send-icon.active:hover{box-shadow:0 6px 16px #a855f78c}.conversations-list::-webkit-scrollbar,.messages-area::-webkit-scrollbar{width:6px}.conversations-list::-webkit-scrollbar-track,.messages-area::-webkit-scrollbar-track{background:#0000}.conversations-list::-webkit-scrollbar-thumb,.messages-area::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--brand-primary) 0,var(--brand-secondary) 100%);border-radius:3px;opacity:.5}.conversations-list::-webkit-scrollbar-thumb:hover,.messages-area::-webkit-scrollbar-thumb:hover{opacity:1}@media (max-width:768px){.messages-container{border-radius:var(--radius-lg);height:calc(100vh - 120px)}.messages-layout{flex-direction:column}.conversations-sider{flex:none!important;max-width:100%!important;min-width:100%!important;width:100%!important}.chat-content.mobile-hidden,.conversations-sider.mobile-hidden{display:none!important}.chat-content.mobile-visible{display:flex!important;width:100%!important}.chat-header{padding:var(--space-sm)}.chat-back-btn{align-items:center;background:var(--bg-hover);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;display:flex;flex-shrink:0;height:40px;justify-content:center;margin-right:var(--space-sm);transition:all .2s ease;width:40px}.chat-back-btn:hover{background:var(--bg-active);color:var(--brand-primary)}.chat-back-btn .anticon{font-size:18px}.message-bubble{max-width:85%}.message-input-container{padding:var(--space-sm)}.message-input-container .ant-input-affix-wrapper{padding:var(--space-xs) var(--space-sm)}.conversations-header{padding:var(--space-md)}.conversations-header h2{font-size:var(--font-size-xl)}.messages-area{padding:var(--space-xs) var(--space-sm)}.messages-container.mobile .no-chat-selected{display:none}}@media (max-width:480px){.messages-container{border-radius:var(--radius-md);height:calc(100vh - 100px)}.chat-header-name{font-size:var(--font-size-base)}.chat-header-info{margin-left:var(--space-xs)}.message-bubble{max-width:90%}.attach-icon,.send-icon{font-size:var(--font-size-xl)}.conversation-item{padding:var(--space-xs) var(--space-sm)}.conversation-info{margin-left:var(--space-xs)}}.ticket-list-page{display:flex;flex-direction:column;gap:var(--space-md)}.ticket-header-card{align-items:center;background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-2xl);box-shadow:var(--shadow-card);display:flex;justify-content:space-between;overflow:hidden;padding:var(--space-md) var(--space-lg);position:relative}.ticket-header-card:before{background:linear-gradient(90deg,#a855f70a,#0000 50%);content:"";height:100%;left:0;pointer-events:none;position:absolute;right:0;top:0}.ticket-header-card:after{background:var(--brand-gradient);content:"";height:3px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.ticket-header-card:hover:after{opacity:1}.ticket-header-title{align-items:center;color:var(--text-primary);display:flex;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);gap:var(--space-sm);position:relative}.ticket-header-title .anticon{color:var(--brand-primary);filter:drop-shadow(0 0 4px rgba(168,85,247,.2))}.ticket-stats{align-items:center;display:flex;gap:var(--space-lg);position:relative}.ticket-stats-divider{color:var(--border-default)}.ticket-stat-item{align-items:baseline;display:flex;gap:var(--space-xs)}.ticket-stat-value{color:var(--text-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-bold)}.ticket-stat-value.primary{color:var(--brand-primary)}.ticket-stat-value.info{color:var(--color-info)}.ticket-stat-value.error{color:var(--color-error)}.ticket-stat-suffix{color:var(--text-secondary);font-size:var(--font-size-sm)}.ticket-new-btn{background:var(--brand-gradient);border:none;border-radius:var(--radius-xl);box-shadow:var(--shadow-glow);font-weight:var(--font-weight-semibold);transition:all .3s cubic-bezier(.4,0,.2,1)}.ticket-new-btn:hover{box-shadow:0 8px 25px #a855f780;transform:translateY(-2px)}.ticket-filters-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-2xl);box-shadow:var(--shadow-card);padding:0 var(--space-lg)}.ticket-tabs-wrapper{align-items:center;border-bottom:1px solid var(--border-default);display:flex;justify-content:space-between}.ticket-filters-card .ant-tabs{margin-bottom:0}.ticket-filters-card .ant-tabs-tab{color:var(--text-secondary);padding:var(--space-md) var(--space-sm);transition:all .3s ease}.ticket-filters-card .ant-tabs-tab:hover{color:var(--brand-primary)}.ticket-filters-card .ant-tabs-tab-active .ant-tabs-tab-btn{color:var(--brand-primary);font-weight:var(--font-weight-semibold)}.ticket-filters-card .ant-tabs-ink-bar{background:var(--brand-gradient);border-radius:3px 3px 0 0;height:3px}.ticket-filters-row{padding:var(--space-md) 0}.ticket-filters-row .ant-input,.ticket-filters-row .ant-picker,.ticket-filters-row .ant-select-selector{background:var(--input-bg);border-color:var(--border-default);border-radius:var(--radius-lg);transition:all .3s ease}.ticket-filters-row .ant-input:hover,.ticket-filters-row .ant-picker:hover,.ticket-filters-row .ant-select-selector:hover{border-color:var(--brand-primary)}.ticket-filters-row .ant-input-focused,.ticket-filters-row .ant-input:focus,.ticket-filters-row .ant-picker-focused,.ticket-filters-row .ant-select-focused .ant-select-selector{border-color:var(--brand-primary);box-shadow:0 0 0 3px #a855f726}.ticket-filter-btn{background:var(--card-bg);border-color:var(--border-default);border-radius:var(--radius-lg);color:var(--text-primary);transition:all .3s ease}.ticket-filter-btn:hover{background:#a855f714;border-color:var(--brand-primary);color:var(--brand-primary)}.ticket-filter-btn .anticon{color:var(--text-secondary);transition:color .3s ease}.ticket-filter-btn:hover .anticon{color:var(--brand-primary)}.ticket-table-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-2xl);box-shadow:var(--shadow-card);overflow:hidden}.ticket-table-card .ant-table{background:#0000}.ticket-table-card .ant-table-thead>tr>th{background:linear-gradient(180deg,var(--bg-sunken) 0,#a855f708 100%);border-bottom:1px solid var(--border-default);color:var(--text-primary);font-size:13px;font-weight:var(--font-weight-semibold);padding:14px 16px}.ticket-table-card .ant-table-tbody>tr>td{border-bottom:1px solid var(--border-light);color:var(--text-primary);font-size:13px;padding:14px 16px;transition:all .2s ease}.ticket-table-card .ant-table-tbody>tr:hover>td{background:linear-gradient(90deg,#a855f714,#0000)}.ticket-table-card .ant-table-tbody>tr.ant-table-row-selected>td{background:#a855f71f}.ticket-table-card .ant-table-tbody>tr.row-overdue>td{background-color:var(--color-error-bg);border-left:3px solid var(--color-error)}.ticket-table-card .ant-table-tbody>tr.row-overdue:hover>td{background-color:#ef44441f}.ticket-table-card .ant-table-tbody>tr.row-critical>td{background-color:var(--color-warning-bg);border-left:3px solid var(--color-warning)}.ticket-table-card .ant-table-tbody>tr.row-critical:hover>td{background-color:#f59e0b1f}.ticket-number-link{color:var(--brand-primary);cursor:pointer;font-size:14px;font-weight:var(--font-weight-bold);transition:all .2s ease}.ticket-number-link:hover{color:var(--brand-primary-light);text-decoration:none;text-shadow:0 0 8px #a855f780}.ticket-subject{color:var(--text-primary);font-size:14px}.ticket-subject .anticon{color:var(--color-error);filter:drop-shadow(0 0 3px rgba(239,68,68,.18));margin-right:6px}.ticket-user-cell{align-items:center;display:flex;gap:var(--space-xs)}.ticket-user-name{color:var(--text-primary);font-size:13px;max-width:110px}.ticket-empty-cell{color:var(--text-tertiary);font-size:13px}.ticket-date-cell{color:var(--text-secondary);font-size:13px}.ticket-department-cell{color:var(--text-primary);font-size:13px}.ticket-table-card .ant-pagination{margin:var(--space-md)}.ticket-table-card .ant-pagination-item{background:var(--card-bg);border-color:var(--border-default);border-radius:var(--radius-md);transition:all .2s ease}.ticket-table-card .ant-pagination-item a{color:var(--text-primary)}.ticket-table-card .ant-pagination-item:hover{background:#a855f714;border-color:var(--brand-primary)}.ticket-table-card .ant-pagination-item:hover a{color:var(--brand-primary)}.ticket-table-card .ant-pagination-item-active{background:var(--brand-gradient);border-color:var(--brand-primary)}.ticket-table-card .ant-pagination-item-active a{color:#fff}.ticket-pagination-total{color:var(--text-secondary);font-size:13px}.ticket-stats .ant-statistic-content{align-items:baseline;display:flex;gap:6px}.ticket-stats .ant-statistic-content-value{color:var(--text-primary);font-size:15px}.ticket-stats .ant-statistic-content-suffix{color:var(--text-secondary);font-size:13px}.ticket-priority-icon{font-size:14px}.ticket-priority-icon.critical{animation:criticalPulse 2s ease-in-out infinite;color:var(--color-error);filter:drop-shadow(0 0 3px rgba(239,68,68,.22))}.ticket-priority-icon.high{color:var(--color-warning);filter:drop-shadow(0 0 3px rgba(245,158,11,.22))}@keyframes criticalPulse{0%,to{opacity:1}50%{opacity:.6}}@media (max-width:1200px){.ticket-header-card{align-items:flex-start;flex-direction:column;gap:var(--space-md)}.ticket-stats{flex-wrap:wrap}}@media (max-width:768px){.ticket-header-card{border-radius:var(--radius-xl);padding:var(--space-md)}.ticket-filters-card{border-radius:var(--radius-xl);padding:0 var(--space-md)}.ticket-filters-row{flex-direction:column}.ticket-new-btn{width:100%}.ticket-table-card{border-radius:var(--radius-xl)}}.ticket-detail-header{align-items:flex-start;background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-2xl);box-shadow:var(--shadow-card);display:flex;justify-content:space-between;margin-bottom:var(--space-md);overflow:hidden;padding:var(--space-lg);position:relative}.ticket-detail-header:before{background:var(--brand-gradient);content:"";height:100%;left:0;position:absolute;top:0;width:4px}.ticket-detail-number{-webkit-text-fill-color:#0000;background:var(--brand-gradient);-webkit-background-clip:text;background-clip:text;font-size:22px;font-weight:var(--font-weight-bold)}.ticket-detail-subject{color:var(--text-primary);font-size:16px;margin-top:var(--space-xs)}.ticket-detail-closed-info{color:var(--text-secondary);font-size:13px;margin-top:6px}.ticket-detail-closed-info .anticon{color:var(--color-success);margin-right:6px}.ticket-detail-cancelled-info{color:var(--text-secondary);font-size:13px;margin-top:6px}.ticket-detail-cancelled-info .anticon{color:var(--text-tertiary);margin-right:6px}.ticket-detail-tabs .ant-tabs-nav{background:var(--card-bg);border:1px solid var(--card-border);border-bottom:none;border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;margin-bottom:0;padding:0 var(--space-md)}.ticket-detail-tabs .ant-tabs-tab{color:var(--text-secondary);padding:var(--space-md) var(--space-sm);transition:all .3s ease}.ticket-detail-tabs .ant-tabs-tab:hover{color:var(--brand-primary)}.ticket-detail-tabs .ant-tabs-tab-active .ant-tabs-tab-btn{color:var(--brand-primary);font-weight:var(--font-weight-semibold)}.ticket-detail-tabs .ant-tabs-ink-bar{background:var(--brand-gradient);border-radius:3px 3px 0 0;height:3px}.ticket-detail-tab-content{background:var(--card-bg);border:1px solid var(--card-border);border-radius:0 0 var(--radius-2xl) var(--radius-2xl);border-top:none;padding:var(--space-lg)}.ticket-detail-sidebar .ant-collapse{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-2xl);overflow:hidden}.ticket-detail-sidebar .ant-collapse-item{border-bottom-color:var(--border-default)}.ticket-detail-sidebar .ant-collapse-header{background:var(--card-bg);color:var(--text-primary)!important;font-weight:var(--font-weight-medium)}.ticket-detail-sidebar .ant-collapse-content{background:var(--card-bg);border-top-color:var(--border-default)}.ticket-detail-sidebar .ant-collapse-content-box{background:var(--card-bg)}.ticket-action-btn-success{background:linear-gradient(135deg,var(--color-success) 0,#059669 100%)!important;border-color:var(--color-success)!important;box-shadow:0 4px 12px #10b9814d;color:#fff!important}.ticket-action-btn-success:hover{box-shadow:0 6px 16px #10b98166!important;transform:translateY(-1px)}.ticket-modal .ant-modal-content{background:var(--card-bg);border-radius:var(--radius-2xl);overflow:hidden}.ticket-modal .ant-modal-header{background:linear-gradient(180deg,var(--card-bg) 0,#a855f708 100%);border-bottom-color:var(--border-default);padding:var(--space-lg)}.ticket-modal .ant-modal-title{color:var(--text-primary);font-weight:var(--font-weight-semibold)}.ticket-modal .ant-modal-body{background:var(--card-bg);padding:var(--space-lg)}.ticket-modal .ant-modal-footer{background:var(--card-bg);border-top-color:var(--border-default);padding:var(--space-md) var(--space-lg)}.ticket-modal .ant-form-item{align-items:flex-start;display:flex}.ticket-modal .ant-form-item-label{flex:0 0 120px;padding-right:12px!important;padding-top:8px;text-align:right}.ticket-modal .ant-form-item-label>label{color:var(--text-primary);font-weight:var(--font-weight-semibold)}.ticket-modal .ant-form-item-control{flex:1 1}.ticket-modal .ant-input,.ticket-modal .ant-input-textarea textarea,.ticket-modal .ant-select-selector{background:var(--input-bg);border-color:var(--border-default);border-radius:var(--radius-lg);color:var(--text-primary)}.ticket-modal .ant-input-textarea textarea:hover,.ticket-modal .ant-input:hover,.ticket-modal .ant-select-selector:hover{border-color:var(--brand-primary)}.ticket-modal .ant-input-textarea textarea:focus,.ticket-modal .ant-input:focus,.ticket-modal .ant-select-focused .ant-select-selector{border-color:var(--brand-primary);box-shadow:0 0 0 3px #a855f726}.ticket-modal-success-box{background:linear-gradient(135deg,var(--color-success-bg) 0,#10b98114 100%);border:1px solid var(--color-success);border-radius:var(--radius-lg);margin-bottom:var(--space-lg);padding:var(--space-md)}.ticket-modal-success-box .ant-typography{color:var(--text-primary)}.ticket-modal .ant-list-item{border-bottom-color:var(--border-default);transition:background .2s ease}.ticket-modal .ant-list-item:hover{background:#a855f70a}.ticket-modal .ant-list-item-meta-title{color:var(--text-primary)}.ticket-modal .ant-list-item-meta-description{color:var(--text-secondary)}.ticket-rating-section{padding:var(--space-sm) 0}.ticket-rating-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-sm)}.ticket-rating-label{color:var(--text-primary);font-size:13px}.ticket-rating-comment{background:linear-gradient(135deg,#f59e0b14,#f59e0b08);border-left:3px solid var(--color-warning);border-radius:var(--radius-lg);margin-top:var(--space-md);padding:var(--space-md)}.ticket-rating-comment .ant-typography{color:var(--text-primary);font-size:13px}.ticket-sla-section{padding:var(--space-xs) 0;text-align:center}.ticket-sla-deadline{color:var(--text-secondary);font-size:12px;margin-top:var(--space-sm)}.ticket-history-timeline{background:var(--card-bg);border-radius:0 0 var(--radius-2xl) var(--radius-2xl);max-height:450px;overflow-y:auto;padding:var(--space-lg)}.ticket-history-timeline .ant-timeline-item-content{color:var(--text-primary);font-size:13px}.ticket-history-timeline .ant-timeline-item-tail{border-color:var(--brand-primary);opacity:.3}.ticket-history-timeline .ant-timeline-item-head{background:var(--brand-gradient);border-color:var(--brand-primary)}.ticket-info-descriptions .ant-descriptions-item-label{background:#a855f708;color:var(--text-secondary);font-size:12px;padding:8px 12px}.ticket-info-descriptions .ant-descriptions-item-content{color:var(--text-primary);font-size:12px;padding:8px 12px}.ticket-create-form .ant-form-item{align-items:flex-start;display:flex}.ticket-create-form .ant-form-item-label{flex:0 0 140px;padding-right:12px!important;padding-top:8px;text-align:right}.ticket-create-form .ant-form-item-label>label{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.ticket-create-form .ant-form-item-control{flex:1 1}.ticket-create-form .ant-input,.ticket-create-form .ant-input-textarea textarea,.ticket-create-form .ant-select-selector{background:var(--input-bg);border-color:var(--border-default);border-radius:var(--radius-lg);color:var(--text-primary)}.ticket-create-form .ant-input-textarea textarea:hover,.ticket-create-form .ant-input:hover,.ticket-create-form .ant-select-selector:hover{border-color:var(--brand-primary)}.ticket-create-form .ant-input-textarea textarea:focus,.ticket-create-form .ant-input:focus,.ticket-create-form .ant-select-focused .ant-select-selector{border-color:var(--brand-primary);box-shadow:0 0 0 3px #a855f726}.ticket-create-form .ant-radio-button-wrapper{background:var(--card-bg);border-color:var(--border-default);color:var(--text-primary);transition:all .3s ease}.ticket-create-form .ant-radio-button-wrapper:hover{border-color:var(--brand-primary);color:var(--brand-primary)}.ticket-create-form .ant-radio-button-wrapper-checked{background:var(--brand-gradient);border-color:var(--brand-primary);box-shadow:0 2px 8px #a855f759;color:#fff}.ticket-create-form .ant-upload-drag{background:linear-gradient(180deg,var(--bg-sunken) 0,#a855f708 100%);border-color:var(--border-default);border-radius:var(--radius-xl);transition:all .3s ease}.ticket-create-form .ant-upload-drag:hover{background:#a855f714;border-color:var(--brand-primary)}.ticket-create-form .ant-upload-drag p{color:var(--text-primary)}.ticket-create-form .ant-upload-drag .anticon{color:var(--brand-primary)}.ticket-create-form .ant-upload-list-item{border-color:var(--border-default);border-radius:var(--radius-md)}.ticket-create-form .ant-upload-list-item-name{color:var(--text-primary)}.ticket-comments-area{background-color:var(--message-area-bg);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z' fill='%23a855f7' fill-opacity='.03' fill-rule='evenodd'/%3E%3C/svg%3E");border-radius:var(--radius-lg);display:flex;flex:1 1;flex-direction:column;max-height:500px;min-height:350px;overflow-y:auto;padding:var(--space-md)}[data-theme=dark] .ticket-comments-area{background-color:var(--message-area-bg);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z' fill='%23a855f7' fill-opacity='.02' fill-rule='evenodd'/%3E%3C/svg%3E")}.comment-wrapper{display:flex;margin-bottom:var(--space-sm);padding:0 var(--space-sm);width:100%}.comment-wrapper.mine{justify-content:flex-end}.comment-wrapper.theirs{justify-content:flex-start}.comment-bubble{word-wrap:break-word;border-radius:var(--radius-lg);box-shadow:0 1px 2px #0000001a,0 2px 8px #0000000d;max-width:70%;padding:var(--space-sm) var(--space-md);position:relative;transition:all .2s ease;word-break:break-word}.comment-bubble:hover{box-shadow:0 2px 8px #00000026,0 4px 12px #00000014}.comment-bubble.mine{background-color:var(--message-mine-bg);border-top-right-radius:0;color:var(--message-mine-text);margin-left:auto}.comment-bubble.theirs{background-color:var(--message-theirs-bg);border-top-left-radius:0;color:var(--message-theirs-text);margin-right:auto}.comment-bubble.internal{background:linear-gradient(135deg,var(--color-warning-bg) 0,#f59e0b26 100%)!important;border:1px dashed var(--color-warning)}.comment-bubble.internal.mine{border-top-right-radius:0}.comment-bubble.internal.theirs{border-top-left-radius:0}.comment-header{gap:var(--space-sm);margin-bottom:var(--space-xs)}.comment-avatar{flex-shrink:0}.comment-avatar .ant-avatar{box-shadow:0 2px 8px #a855f740}.comment-user-info{display:flex;flex-direction:column;min-width:0}.comment-username{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);line-height:1.2}.comment-bubble.mine .comment-username,.comment-username{color:var(--color-success)}.comment-bubble.theirs .comment-username{color:var(--brand-primary)}.comment-role{color:var(--message-time);font-size:var(--font-size-xs)}.comment-content{font-size:var(--font-size-base);line-height:1.5;margin-bottom:var(--space-xs);white-space:pre-wrap}.comment-meta{gap:var(--space-xs);justify-content:flex-end;margin-top:var(--space-xs)}.comment-time{color:var(--message-time);font-size:var(--font-size-xs)}.internal-badge{background:linear-gradient(135deg,var(--color-warning) 0,#d97706 100%);border-radius:var(--radius-sm);box-shadow:0 2px 4px #f59e0b4d;color:#fff;font-size:10px;font-weight:var(--font-weight-medium);padding:2px var(--space-xs)}.comment-bubble.mine:before{border-color:#0000 #0000 #0000 var(--message-mine-bg);border-style:solid;border-width:0 0 10px 10px;content:"";position:absolute;right:-8px;top:0}.comment-bubble.mine.internal:before{border-color:#0000 #0000 #0000 var(--color-warning-bg)}.comment-bubble.theirs:before{border-color:#0000 var(--message-theirs-bg) #0000 #0000;border-style:solid;border-width:0 10px 10px 0;content:"";left:-8px;position:absolute;top:0}.comment-bubble.theirs.internal:before{border-color:#0000 var(--color-warning-bg) #0000 #0000}.ticket-attachments-grid{grid-gap:var(--space-sm);display:grid;gap:var(--space-sm);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-top:var(--space-sm)}.attachment-card{background:var(--card-bg);border:1px solid var(--border-default);border-radius:var(--radius-xl);display:flex;flex-direction:column;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.attachment-card:hover{border-color:var(--brand-primary);box-shadow:var(--shadow-card-hover);transform:translateY(-4px)}.attachment-preview{align-items:center;background:linear-gradient(180deg,var(--bg-sunken) 0,#a855f708 100%);border-bottom:1px solid var(--border-default);display:flex;height:120px;justify-content:center}.attachment-preview img{max-height:100%;max-width:100%;object-fit:contain}.attachment-preview .file-icon{filter:drop-shadow(0 2px 8px rgba(0,0,0,.1));font-size:48px}.attachment-preview .file-icon.pdf{color:var(--color-error)}.attachment-preview .file-icon.word{color:var(--brand-primary)}.attachment-preview .file-icon.excel{color:var(--color-success)}.attachment-preview .file-icon.image{color:var(--brand-primary)}.attachment-preview .file-icon.zip{color:var(--color-warning)}.attachment-preview .file-icon.default{color:var(--text-tertiary)}.attachment-info{padding:var(--space-sm)}.attachment-name{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-bottom:var(--space-xs);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-details{align-items:center;color:var(--text-tertiary);display:flex;font-size:var(--font-size-xs);justify-content:space-between}.attachment-uploader{align-items:center;border-top:1px solid var(--border-default);display:flex;gap:var(--space-xs);margin-top:var(--space-sm);padding-top:var(--space-sm)}.attachment-uploader-info{display:flex;flex:1 1;flex-direction:column;min-width:0}.attachment-uploader-name{color:var(--text-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.attachment-uploader-type{color:var(--text-tertiary);font-size:10px}.attachment-actions{align-items:center;display:flex;gap:var(--space-sm)}.comment-input-area{background:var(--card-bg);border-radius:0 0 var(--radius-xl) var(--radius-xl);border-top:1px solid var(--border-default);padding:var(--space-md)}.comment-input-row{align-items:flex-end;gap:var(--space-sm)}.comment-input-wrapper{flex:1 1}.comment-input-wrapper .ant-input-textarea textarea{background:var(--input-bg);border-color:var(--border-default);border-radius:var(--radius-lg);transition:all .3s ease}.comment-input-wrapper .ant-input-textarea textarea:hover{border-color:var(--brand-primary)}.comment-input-wrapper .ant-input-textarea textarea:focus{border-color:var(--brand-primary);box-shadow:0 0 0 3px #a855f726}.comment-actions-row{align-items:center;display:flex;justify-content:space-between;margin-top:var(--space-sm)}.typing-indicator-ticket{align-items:center;color:var(--brand-primary);display:flex;font-size:var(--font-size-xs);gap:var(--space-sm);padding:var(--space-sm)}.typing-indicator-ticket .typing-dots{display:flex;gap:3px}.typing-indicator-ticket .typing-dot{animation:typingBounce 1.4s ease-in-out infinite;background-color:var(--brand-primary);border-radius:50%;height:6px;width:6px}.typing-indicator-ticket .typing-dot:first-child{animation-delay:0s}.typing-indicator-ticket .typing-dot:nth-child(2){animation-delay:.2s}.typing-indicator-ticket .typing-dot:nth-child(3){animation-delay:.4s}@keyframes typingBounce{0%,60%,to{opacity:.6;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}.typing-bubble-wrapper{display:flex;justify-content:flex-start;margin-bottom:var(--space-sm);padding:0 var(--space-sm)}.typing-bubble{background-color:var(--message-theirs-bg);border-radius:var(--radius-lg);border-top-left-radius:0;box-shadow:0 1px 2px #0000001a;min-width:60px;padding:var(--space-sm) var(--space-md);position:relative}.typing-bubble:before{border-color:#0000 var(--message-theirs-bg) #0000 #0000;border-style:solid;border-width:0 10px 10px 0;content:"";left:-8px;position:absolute;top:0}.typing-bubble-content{align-items:center;display:flex;gap:var(--space-sm)}.typing-bubble-avatar{flex-shrink:0}.typing-bubble-info{display:flex;flex-direction:column;gap:var(--space-xs)}.typing-bubble-name{color:var(--brand-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.typing-bubble-dots{align-items:center;display:flex;gap:var(--space-xs)}.typing-bubble-dot{animation:typingBubbleBounce 1.4s ease-in-out infinite;background-color:var(--brand-primary);border-radius:50%;height:8px;opacity:.6;width:8px}.typing-bubble-dot:first-child{animation-delay:0s}.typing-bubble-dot:nth-child(2){animation-delay:.2s}.typing-bubble-dot:nth-child(3){animation-delay:.4s}@keyframes typingBubbleBounce{0%,60%,to{opacity:.4;transform:translateY(0)}30%{opacity:1;transform:translateY(-5px)}}.user-info-card{align-items:center;background:linear-gradient(135deg,var(--bg-sunken) 0,#a855f708 100%);border:1px solid var(--border-default);border-radius:var(--radius-lg);display:flex;gap:var(--space-sm);margin-bottom:var(--space-sm);padding:var(--space-md);transition:all .3s ease}.user-info-card:hover{border-color:var(--brand-primary);box-shadow:0 2px 8px #a855f726}.user-info-card .user-details{flex:1 1;min-width:0}.user-info-card .user-name{color:var(--text-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}.user-info-card .user-role{color:var(--text-tertiary);font-size:var(--font-size-xs)}.user-info-card .user-department{color:var(--brand-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.ticket-comments-area::-webkit-scrollbar{width:6px}.ticket-comments-area::-webkit-scrollbar-track{background:#0000}.ticket-comments-area::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--brand-primary) 0,var(--brand-secondary) 100%);border-radius:3px;opacity:.5}.ticket-comments-area::-webkit-scrollbar-thumb:hover{opacity:1}.comment-date-separator{display:flex;justify-content:center;margin:var(--space-md) 0}.comment-date-separator span{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#a855f726,#8b5cf61a);border-radius:var(--radius-full);box-shadow:0 2px 8px #a855f733;color:var(--brand-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);padding:var(--space-xs) var(--space-md)}[data-theme=dark] .comment-date-separator span{background:linear-gradient(135deg,#a855f733,#8b5cf626)}.pending-attachments-preview{border-top:1px solid var(--border-default);display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-top:var(--space-sm);padding:var(--space-sm) 0}.pending-attachment-item{align-items:center;background:linear-gradient(135deg,#a855f714,#8b5cf60d);border:1px solid #a855f733;border-radius:var(--radius-lg);display:flex;gap:var(--space-sm);max-width:200px;padding:var(--space-sm);position:relative}.pending-attachment-thumb{border-radius:var(--radius-md);height:60px;object-fit:cover;width:60px}.pending-attachment-file{align-items:center;display:flex;gap:var(--space-sm);min-width:0}.pending-attachment-file .anticon{color:var(--brand-primary);font-size:var(--font-size-2xl)}.pending-attachment-name{color:var(--text-primary);font-size:var(--font-size-xs);max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pending-attachment-remove{align-items:center;background:linear-gradient(135deg,var(--color-error) 0,#dc2626 100%);border-radius:50%;box-shadow:0 2px 8px #ef444466;color:#fff;cursor:pointer;display:flex;font-size:10px;height:20px;justify-content:center;position:absolute;right:-6px;top:-6px;transition:all .2s ease;width:20px}.pending-attachment-remove:hover{box-shadow:0 4px 12px #ef444480;transform:scale(1.15)}.comment-attachment-card{align-items:center;background:#a855f70f;border-radius:var(--radius-lg);display:flex;gap:var(--space-sm);margin-bottom:var(--space-xs);padding:var(--space-sm);transition:all .2s ease}.comment-attachment-card:hover{background:#a855f71f}[data-theme=dark] .comment-attachment-card{background:#a855f714}[data-theme=dark] .comment-attachment-card:hover{background:#a855f726}.comment-attachment-icon{color:var(--brand-primary);flex-shrink:0;font-size:26px}.comment-attachment-info{flex:1 1;min-width:0}.comment-attachment-name{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.comment-attachment-size{color:var(--message-time);font-size:var(--font-size-xs)}.comment-attachment-download{color:var(--brand-primary);font-size:var(--font-size-lg);transition:all .2s ease}.comment-attachment-download:hover{color:var(--brand-primary-light);transform:translateY(2px)}.comment-status-icon{font-size:var(--font-size-base);margin-left:var(--space-xs)}.comment-status-icon.sent{color:var(--message-time)}.comment-status-icon.delivered{color:var(--brand-accent)}.comment-attachments-container{margin-bottom:var(--space-sm)}.comment-attachment-wrapper{margin-bottom:var(--space-xs)}.comment-attachment-image{border-radius:var(--radius-lg);cursor:pointer;overflow:hidden;transition:transform .2s ease}.comment-attachment-image:hover{transform:scale(1.02)}.comment-attachment-image img{display:block;max-width:100%}.comment-sending{opacity:.7}.comment-sending .comment-meta:after{animation:commentSendingSpin .8s linear infinite;border:2px solid var(--brand-primary);border-radius:50%;border-top:2px solid #0000;content:"";height:12px;margin-left:var(--space-xs);width:12px}@keyframes commentSendingSpin{to{transform:rotate(1turn)}}.meeting-list-page{padding:var(--space-lg)}.meeting-list-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-2xl);box-shadow:var(--shadow-card);overflow:hidden;position:relative}.meeting-list-card:before{background:linear-gradient(180deg,#a855f70a,#0000);content:"";height:80px;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:0}.meeting-list-card .ant-card-head{background:linear-gradient(180deg,var(--bg-sunken) 0,#a855f708 100%);border-bottom:1px solid var(--border-default);padding:var(--space-md) var(--space-lg);position:relative;z-index:1}.meeting-list-card .ant-card-head-title{color:var(--text-primary)}.meeting-card-title{align-items:center;display:flex;gap:var(--space-sm)}.meeting-card-title .anticon{color:var(--brand-primary);filter:drop-shadow(0 0 4px rgba(168,85,247,.2));font-size:24px}.meeting-card-title h4{color:var(--text-primary);font-weight:var(--font-weight-bold);margin:0}.meeting-new-btn{background:var(--brand-gradient);border:none;border-radius:var(--radius-xl);box-shadow:var(--shadow-glow);font-weight:var(--font-weight-semibold);transition:all .3s cubic-bezier(.4,0,.2,1)}.meeting-new-btn:hover{box-shadow:0 8px 25px #a855f780;transform:translateY(-2px)}.meeting-list-card .ant-tabs{padding:0 var(--space-lg)}.meeting-list-card .ant-tabs-tab{color:var(--text-secondary);padding:var(--space-sm) var(--space-md);transition:all .3s ease}.meeting-list-card .ant-tabs-tab-active,.meeting-list-card .ant-tabs-tab:hover{color:var(--brand-primary)}.meeting-list-card .ant-tabs-tab-active .ant-tabs-tab-btn{font-weight:var(--font-weight-semibold)}.meeting-list-card .ant-tabs-ink-bar{background:var(--brand-gradient);border-radius:3px 3px 0 0;height:3px}.meeting-list-card .ant-table{background:#0000}.meeting-list-card .ant-table-thead>tr>th{background:linear-gradient(180deg,var(--bg-sunken) 0,#a855f708 100%);border-bottom:1px solid var(--border-default);color:var(--text-primary);font-weight:var(--font-weight-semibold)}.meeting-list-card .ant-table-tbody>tr>td{border-bottom:1px solid var(--border-light);color:var(--text-primary);transition:all .2s ease}.meeting-list-card .ant-table-tbody>tr:hover>td{background:linear-gradient(90deg,#a855f714,#0000)}.meeting-title-icon{color:var(--brand-primary);filter:drop-shadow(0 0 3px rgba(168,85,247,.18))}.meeting-title-text{color:var(--text-primary);cursor:pointer;font-weight:var(--font-weight-semibold);transition:all .2s ease}.meeting-title-text:hover{color:var(--brand-primary);text-shadow:0 0 6px #a855f733}.meeting-description{color:var(--text-secondary);font-size:var(--font-size-xs)}.meeting-live-badge .ant-badge-status-text{color:var(--color-success);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.meeting-datetime .anticon{color:var(--brand-primary)}.meeting-datetime-date{color:var(--text-primary);font-weight:var(--font-weight-medium)}.meeting-datetime-time{color:var(--text-secondary)}.meeting-participants .anticon{color:var(--brand-primary)}.meeting-participants-count{color:var(--text-primary);font-weight:var(--font-weight-medium)}.meeting-creator-name{color:var(--text-primary)}.meeting-status-scheduled{background:linear-gradient(135deg,var(--color-info-bg) 0,#a855f714 100%);border-color:var(--color-info);color:var(--color-info);font-weight:var(--font-weight-medium)}.meeting-status-inprogress{background:linear-gradient(135deg,var(--color-success-bg) 0,#10b98114 100%);border-color:var(--color-success);color:var(--color-success);font-weight:var(--font-weight-medium)}.meeting-status-completed{background:var(--bg-sunken);border-color:var(--border-default);color:var(--text-secondary)}.meeting-status-cancelled{background:var(--color-error-bg);border-color:var(--color-error);color:var(--color-error)}.meeting-join-btn{background:var(--brand-gradient);border:none;border-radius:var(--radius-lg);font-weight:var(--font-weight-semibold);transition:all .3s ease}.meeting-join-btn.live{animation:livePulse 2s ease-in-out infinite;background:linear-gradient(135deg,var(--color-success) 0,#059669 100%);box-shadow:0 4px 12px #10b9814d}@keyframes livePulse{0%,to{box-shadow:0 4px 12px #10b9814d}50%{box-shadow:0 4px 20px #10b98180}}.meeting-join-btn:hover{box-shadow:0 6px 16px #a855f773;transform:translateY(-1px)}.meeting-more-btn{border-color:var(--border-default);border-radius:var(--radius-lg);color:var(--text-secondary);transition:all .3s ease}.meeting-more-btn:hover{background:#a855f714;border-color:var(--brand-primary);color:var(--brand-primary)}.meeting-empty{padding:var(--space-2xl)}.meeting-empty .ant-empty-description{color:var(--text-secondary)}.meeting-empty .ant-empty-image svg{fill:var(--brand-primary);opacity:.3}.meeting-loading{padding:var(--space-2xl);text-align:center}.meeting-room{background:var(--bg-dark);display:flex;flex-direction:column;height:100vh}.meeting-room-header{align-items:center;background:var(--brand-gradient);box-shadow:0 4px 20px #a855f759;display:flex;justify-content:space-between;padding:var(--space-sm) var(--space-lg)}.meeting-room-header .ant-btn-text{color:#fff}.meeting-room-title{color:#fff;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-left:var(--space-md);text-shadow:0 2px 8px #0003}.meeting-room-live-badge .ant-badge-status-text{color:#fff}.meeting-room-control{background:#fff3;border-radius:var(--radius-full);color:#fff;transition:all .3s ease}.meeting-room-control.muted{background:linear-gradient(135deg,var(--color-error) 0,#dc2626 100%);box-shadow:0 4px 12px #ef444466}.meeting-room-control:hover{background:#ffffff4d;transform:scale(1.1)}.meeting-room-content{display:flex;flex:1 1}.meeting-jitsi-container{background:var(--bg-dark);flex:1 1}.meeting-participants-drawer .ant-drawer-header{background:linear-gradient(180deg,var(--bg-sunken) 0,#a855f708 100%);border-bottom:1px solid var(--border-default)}.meeting-participants-drawer .ant-drawer-title{color:var(--text-primary);font-weight:var(--font-weight-semibold)}.meeting-participants-drawer .ant-drawer-body{background:var(--card-bg);padding:0}.meeting-participant-item{border-bottom:1px solid var(--border-light);padding:var(--space-sm) var(--space-md);transition:all .2s ease}.meeting-participant-item:hover{background:linear-gradient(90deg,#a855f714,#0000)}.meeting-participant-name{color:var(--text-primary);font-weight:var(--font-weight-medium)}.meeting-participant-dept{color:var(--text-secondary);font-size:var(--font-size-xs)}.meeting-moderator-icon{color:var(--color-warning);filter:drop-shadow(0 0 3px rgba(245,158,11,.18));margin-left:var(--space-xs)}.meeting-create-page{margin:0 auto;max-width:900px;padding:var(--space-lg)}.meeting-back-btn{color:var(--text-secondary);margin-bottom:var(--space-md);transition:all .3s ease}.meeting-back-btn:hover{color:var(--brand-primary)}.meeting-create-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-2xl);box-shadow:var(--shadow-card);overflow:hidden}.meeting-create-card .ant-card-head{background:linear-gradient(180deg,var(--bg-sunken) 0,#a855f708 100%);border-bottom:1px solid var(--border-default)}.meeting-create-card .ant-card-head-title{align-items:center;display:flex;gap:var(--space-sm)}.meeting-create-card .ant-card-head-title .anticon{color:var(--brand-secondary);filter:drop-shadow(0 0 4px rgba(20,184,166,.18));font-size:24px}.meeting-create-card .ant-card-head-title h4{color:var(--text-primary);font-weight:var(--font-weight-bold);margin:0}.meeting-form-section{margin-bottom:var(--space-lg)}.meeting-form-section-title{align-items:center;border-bottom:1px solid var(--border-light);display:flex;gap:var(--space-xs);margin-bottom:var(--space-md);padding-bottom:var(--space-sm)}.meeting-form-section-title .anticon{color:var(--brand-primary)}.meeting-form-section-title span{color:var(--text-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}.meeting-create-card .ant-form-item-label>label{color:var(--text-primary);font-weight:var(--font-weight-medium)}.meeting-create-card .ant-input,.meeting-create-card .ant-input-number,.meeting-create-card .ant-input-password,.meeting-create-card .ant-picker,.meeting-create-card .ant-select-selector{background:var(--input-bg);border-color:var(--border-default);border-radius:var(--radius-lg);transition:all .3s ease}.meeting-create-card .ant-input-number:hover,.meeting-create-card .ant-input-password:hover,.meeting-create-card .ant-input:hover,.meeting-create-card .ant-picker:hover,.meeting-create-card .ant-select-selector:hover{border-color:var(--brand-primary)}.meeting-create-card .ant-input-number-focused,.meeting-create-card .ant-input-password:focus,.meeting-create-card .ant-input:focus,.meeting-create-card .ant-picker-focused,.meeting-create-card .ant-select-focused .ant-select-selector{border-color:var(--brand-primary);box-shadow:0 0 0 3px #a855f726}.meeting-create-card .ant-input-textarea-show-count:after{color:var(--text-tertiary)}.meeting-create-card .ant-form-item-extra{color:var(--text-tertiary);font-size:var(--font-size-xs)}.meeting-participant-option{align-items:center;display:flex;gap:var(--space-sm)}.meeting-participant-option-name{color:var(--text-primary);font-weight:var(--font-weight-medium)}.meeting-participant-option-dept{color:var(--text-secondary);font-size:var(--font-size-xs)}.meeting-submit-btn{background:var(--brand-gradient);border:none;box-shadow:var(--shadow-glow);font-weight:var(--font-weight-semibold);transition:all .3s cubic-bezier(.4,0,.2,1)}.meeting-submit-btn:hover{box-shadow:0 8px 25px #a855f780;transform:translateY(-2px)}.meeting-detail-page{margin:0 auto;max-width:900px;padding:var(--space-lg)}.meeting-detail-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-2xl);box-shadow:var(--shadow-card)}.meeting-detail-header{align-items:flex-start;border-bottom:1px solid var(--border-default);display:flex;justify-content:space-between;margin-bottom:var(--space-lg);padding-bottom:var(--space-lg);position:relative}.meeting-detail-header:before{background:var(--brand-gradient);border-radius:3px;bottom:-1px;content:"";height:3px;left:0;position:absolute;width:100px}.meeting-detail-title{color:var(--text-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin:0 0 var(--space-xs) 0}.meeting-detail-description{color:var(--text-secondary);font-size:var(--font-size-base)}.meeting-detail-info{grid-gap:var(--space-md);display:grid;gap:var(--space-md);grid-template-columns:repeat(2,1fr);margin-bottom:var(--space-lg)}.meeting-detail-info-item{align-items:center;background:#a855f708;border-radius:var(--radius-lg);color:var(--text-secondary);display:flex;gap:var(--space-sm);padding:var(--space-sm);transition:all .2s ease}.meeting-detail-info-item:hover{background:#a855f714}.meeting-detail-info-item .anticon{color:var(--brand-primary);font-size:18px}.meeting-detail-info-item strong{color:var(--text-primary);font-weight:var(--font-weight-semibold)}[data-theme=dark] .meeting-jitsi-container,[data-theme=dark] .meeting-room{background:#0f0a15}[data-theme=dark] .meeting-loading{background:#0f0a15;color:#fff}.meeting-notes-section{margin-top:var(--space-md)}.meeting-notes-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-md)}.meeting-notes-header h5{color:var(--text-primary);font-weight:var(--font-weight-semibold)}.meeting-notes-icon{color:var(--brand-primary);filter:drop-shadow(0 0 3px rgba(168,85,247,.18));font-size:20px}.meeting-notes-edit-btn{background:var(--brand-gradient);border:none;border-radius:var(--radius-lg);font-weight:var(--font-weight-medium)}.meeting-notes-edit-btn:hover{box-shadow:var(--shadow-glow);transform:translateY(-1px)}.meeting-notes-editor{background:var(--bg-sunken);border:1px solid var(--border-default);border-radius:var(--radius-xl);padding:var(--space-md)}.meeting-notes-textarea{background:var(--card-bg)!important;border-color:var(--border-default)!important;border-radius:var(--radius-lg)!important;color:var(--text-primary)!important;font-size:var(--font-size-base);line-height:1.7;margin-bottom:var(--space-md);padding:var(--space-md)!important}.meeting-notes-textarea:focus,.meeting-notes-textarea:hover{border-color:var(--brand-primary)!important;box-shadow:0 0 0 2px #a855f71a!important}.meeting-notes-textarea::placeholder{color:var(--text-tertiary)}.meeting-notes-actions{display:flex;justify-content:flex-end}.meeting-notes-content{background:var(--bg-sunken);border:1px solid var(--border-light);border-radius:var(--radius-xl);min-height:120px;padding:var(--space-lg)}.meeting-notes-text{word-wrap:break-word;color:var(--text-primary);line-height:1.7;white-space:pre-wrap}.meeting-notes-text p{margin:0;min-height:1.5em}.meeting-notes-empty{color:var(--text-tertiary);display:block;padding:var(--space-lg);text-align:center}[data-theme=dark] .meeting-notes-textarea{background:var(--card-bg)!important;border-color:var(--border-default)!important;color:var(--text-primary)!important}@media (max-width:768px){.meeting-create-page,.meeting-detail-page,.meeting-list-page,.meeting-notes-page{padding:var(--space-md)}.meeting-room-header{padding:var(--space-xs) var(--space-md)}.meeting-room-title{display:none;font-size:var(--font-size-base)}.meeting-detail-info{grid-template-columns:1fr}.meeting-create-card,.meeting-detail-card,.meeting-list-card,.meeting-notes-card{border-radius:var(--radius-xl)}.meeting-notes-header{align-items:flex-start;flex-direction:column;gap:var(--space-sm)}.meeting-notes-edit-btn{width:100%}.meeting-notes-page-header{flex-direction:column;gap:var(--space-md)}}.meeting-notes-page{margin:0 auto;max-width:1000px;padding:var(--space-lg)}.meeting-notes-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-2xl);box-shadow:var(--shadow-card)}.meeting-notes-page-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:var(--space-md)}.meeting-notes-page-title{align-items:center;display:flex;gap:var(--space-md)}.meeting-notes-info{background:linear-gradient(180deg,var(--bg-sunken) 0,#a855f708 100%);border-radius:var(--radius-lg);margin-bottom:var(--space-md);padding:var(--space-md)}.meeting-notes-info .anticon{color:var(--brand-primary)}.meeting-notes-meta{background:#a855f70d;border-left:3px solid var(--brand-primary);border-radius:var(--radius-lg);margin-bottom:var(--space-md);padding:var(--space-sm) var(--space-md)}.meeting-notes-page-content{min-height:300px}.room-scheduler-page{padding:var(--space-lg)}.scheduler-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-2xl);box-shadow:var(--shadow-card);overflow:hidden}.scheduler-card .ant-card-head{background:linear-gradient(180deg,var(--bg-sunken) 0,#a855f708 100%);border-bottom:1px solid var(--border-default);padding:var(--space-md) var(--space-lg)}.scheduler-toolbar{align-items:center;border-bottom:1px solid var(--border-default);display:flex;justify-content:space-between;margin-bottom:var(--space-md);padding:var(--space-md) 0}.scheduler-empty,.scheduler-loading{align-items:center;display:flex;justify-content:center;min-height:400px}.scheduler-empty{flex-direction:column;padding:var(--space-2xl);text-align:center}.scheduler-calendar{overflow-x:auto}.scheduler-calendar .fc{font-family:var(--font-family)}.scheduler-calendar .fc-theme-standard .fc-scrollgrid,.scheduler-calendar .fc-theme-standard td,.scheduler-calendar .fc-theme-standard th{border-color:var(--border-default)}.scheduler-calendar .fc-col-header-cell{background:var(--bg-sunken);padding:var(--space-sm)}.scheduler-calendar .fc-col-header-cell-cushion{color:var(--text-primary);font-weight:600}.scheduler-calendar .fc-timegrid-slot-label-cushion,.scheduler-calendar .fc-timeline-slot-cushion{color:var(--text-secondary);font-size:12px}.scheduler-calendar .fc-daygrid-day-number{color:var(--text-primary)}.scheduler-calendar .fc-day-today{background:#a855f70d!important}.scheduler-calendar .fc-timegrid-now-indicator-line,.scheduler-calendar .fc-timeline-now-indicator-line{border-color:var(--brand-primary)}.scheduler-calendar .fc-timegrid-now-indicator-arrow,.scheduler-calendar .fc-timeline-now-indicator-arrow{border-color:var(--brand-primary);border-bottom-color:#0000;border-top-color:#0000}.scheduler-calendar .fc-resource-timeline .fc-datagrid-cell-frame{padding:var(--space-sm)}.scheduler-resource-label{align-items:center;color:var(--text-primary);display:flex;font-weight:500}.scheduler-calendar .fc-event{border-radius:var(--radius-md);cursor:pointer;padding:2px 6px;transition:transform .15s ease,box-shadow .15s ease}.scheduler-calendar .fc-event:hover{box-shadow:var(--shadow-lg);transform:scale(1.02)}.scheduler-event-content{display:flex;flex-direction:column;gap:2px;overflow:hidden}.scheduler-event-title{font-size:12px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.scheduler-event-time{font-size:10px;opacity:.8}[data-theme=dark] .scheduler-calendar .fc{--fc-border-color:var(--border-default);--fc-page-bg-color:var(--card-bg);--fc-neutral-bg-color:var(--bg-sunken);--fc-today-bg-color:#a855f714}[data-theme=dark] .scheduler-calendar .fc-col-header-cell{background:var(--bg-surface)}[data-theme=dark] .scheduler-calendar .fc-theme-standard .fc-scrollgrid,[data-theme=dark] .scheduler-calendar .fc-theme-standard td,[data-theme=dark] .scheduler-calendar .fc-theme-standard th{border-color:var(--border-default)}[data-theme=dark] .scheduler-calendar .fc-timegrid-slot{background:var(--card-bg)}[data-theme=dark] .scheduler-calendar .fc-col-header,[data-theme=dark] .scheduler-calendar .fc-timegrid-axis,[data-theme=dark] .scheduler-calendar .fc-timegrid-slot-label{background:var(--bg-sunken)}[data-theme=dark] .scheduler-calendar .fc-day-today{background:#a855f71a!important}[data-theme=dark] .scheduler-calendar .fc-timegrid-col.fc-day-today{background:#a855f70f!important}[data-theme=dark] .scheduler-calendar .fc-col-header-cell-cushion{color:var(--text-primary)}[data-theme=dark] .scheduler-calendar .fc-timegrid-axis-cushion,[data-theme=dark] .scheduler-calendar .fc-timegrid-slot-label-cushion{color:var(--text-secondary)}[data-theme=dark] .scheduler-calendar .fc-daygrid-day-number{color:var(--text-primary)}[data-theme=dark] .scheduler-calendar .fc-scrollgrid-section-body table,[data-theme=dark] .scheduler-calendar .fc-scrollgrid-section-header table{background:var(--card-bg)}[data-theme=dark] .scheduler-toolbar .ant-segmented{background:var(--bg-sunken)}[data-theme=dark] .scheduler-toolbar .ant-segmented-item{color:var(--text-secondary)}[data-theme=dark] .scheduler-toolbar .ant-segmented-item-selected{background:var(--brand-primary);color:#fff}[data-theme=dark] .scheduler-toolbar .ant-select-selector{background:var(--input-bg)!important;border-color:var(--border-default)!important;color:var(--text-primary)!important}[data-theme=dark] .scheduler-toolbar .ant-picker{background:var(--input-bg);border-color:var(--border-default)}[data-theme=dark] .scheduler-toolbar .ant-picker input{color:var(--text-primary)}[data-theme=dark] .scheduler-calendar .fc-event{box-shadow:0 2px 8px #0000004d}.room-availability-page{padding:var(--space-lg)}.availability-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-2xl);box-shadow:var(--shadow-card)}.availability-header{align-items:center;border-bottom:1px solid var(--border-default);display:flex;justify-content:space-between;margin-bottom:var(--space-lg);padding-bottom:var(--space-md)}.availability-icon{color:var(--brand-primary);font-size:24px}.availability-summary{display:flex;flex-wrap:wrap;gap:var(--space-lg);margin-bottom:var(--space-xl)}.summary-item{align-items:center;background:var(--bg-sunken);border:1px solid var(--border-default);border-radius:var(--radius-xl);display:flex;flex:1 1;gap:var(--space-sm);min-width:180px;padding:var(--space-md) var(--space-lg)}.summary-item .anticon{font-size:24px}.summary-count{color:var(--text-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold)}.summary-label{color:var(--text-secondary);font-size:var(--font-size-sm)}.summary-available .anticon{color:var(--color-success)}.summary-occupied .anticon{color:var(--color-error)}.summary-upcoming .anticon{color:var(--color-warning)}.availability-loading{align-items:center;display:flex;justify-content:center;min-height:300px}.room-cards-container{margin-top:var(--space-md)}.room-card{background:var(--card-bg);border:1px solid var(--border-default);border-radius:var(--radius-xl);overflow:hidden;transition:all .3s ease}.room-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.room-card.room-status-available{border-left:4px solid var(--color-success)}.room-card.room-status-occupied{border-left:4px solid var(--color-error)}.room-card.room-status-upcoming{border-left:4px solid var(--color-warning)}.room-card .ant-card-body{padding:var(--space-md)}.room-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:var(--space-md)}.room-info{display:flex;flex-direction:column}.room-code{color:var(--text-primary);font-size:var(--font-size-lg)}.room-name{color:var(--text-secondary);font-size:var(--font-size-sm)}.room-card-body{display:flex;flex-direction:column;gap:var(--space-sm)}.room-meta{color:var(--text-secondary);font-size:var(--font-size-sm)}.room-meta .anticon{color:var(--brand-primary)}.current-meeting,.next-meeting{background:var(--bg-sunken);border-radius:var(--radius-lg);margin-top:var(--space-xs);padding:var(--space-sm)}.current-meeting{background:#ef444414;border:1px solid #ef444433}.next-meeting.upcoming-soon{background:#f59e0b14;border:1px solid #f59e0b33}.meeting-label{display:block;font-size:var(--font-size-xs);margin-bottom:4px}.meeting-title{color:var(--text-primary);display:block;font-size:var(--font-size-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.meeting-organizer,.meeting-time{display:block;font-size:var(--font-size-xs)}.meeting-organizer{margin-top:2px}.no-meetings{background:#10b9810d;border:1px dashed var(--color-success);border-radius:var(--radius-lg);padding:var(--space-md);text-align:center}.room-occupancy{margin-top:var(--space-sm)}.occupancy-label{display:block;font-size:var(--font-size-xs);margin-bottom:4px}.room-card-footer{border-top:1px solid var(--border-light);margin-top:var(--space-md);padding-top:var(--space-md)}.room-card-footer .ant-btn-primary{background:var(--brand-gradient);border:none}.room-card-footer .ant-btn-primary:hover:not(:disabled){box-shadow:var(--shadow-glow)}[data-theme=dark] .room-card{background:var(--card-bg)}[data-theme=dark] .summary-item{background:var(--bg-surface)}[data-theme=dark] .current-meeting{background:#ef44441f}[data-theme=dark] .next-meeting.upcoming-soon{background:#f59e0b1f}[data-theme=dark] .no-meetings{background:#10b98114}.timeline-container{overflow-x:auto;padding-bottom:var(--space-lg)}.timeline-header{align-items:center;background:var(--card-bg);border-bottom:2px solid var(--border-default);display:flex;margin-bottom:var(--space-md);padding-bottom:var(--space-sm);position:-webkit-sticky;position:sticky;top:0;z-index:10}.timeline-room-label{color:var(--text-primary);font-weight:var(--font-weight-semibold);min-width:180px;padding-right:var(--space-md);width:180px}.timeline-hours{display:flex;flex:1 1}.timeline-hour-label{color:var(--text-secondary);flex:1 1;font-size:var(--font-size-xs);min-width:60px;text-align:center}.timeline-row{align-items:center;border-bottom:1px solid var(--border-light);display:flex;padding:var(--space-sm) 0;transition:background .2s ease}.timeline-row:hover{background:#a855f708}.timeline-room-info{min-width:180px;padding-right:var(--space-md);width:180px}.timeline-room-code{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.timeline-room-name{color:var(--text-secondary);font-size:var(--font-size-xs);margin-bottom:4px}.timeline-status-tag{font-size:10px}.timeline-slots{display:flex;flex:1 1;gap:2px}.timeline-slot{align-items:center;border-radius:var(--radius-sm);cursor:pointer;display:flex;flex:1 1;height:40px;justify-content:center;min-width:58px;position:relative;transition:all .2s ease}.timeline-slot-available{background:#10b98126;border:1px solid #10b9814d}.timeline-slot-available:hover{background:#10b98140;transform:scale(1.02)}.timeline-slot-occupied{background:#ef444433;border:1px solid #ef444466;cursor:default}.timeline-slot-past{background:var(--bg-sunken);border:1px solid var(--border-light);cursor:default;opacity:.5}.slot-meeting-indicator{background:var(--color-error);border-radius:50%;height:8px;width:8px}.timeline-actions{display:flex;justify-content:flex-end;min-width:100px;padding-left:var(--space-md);width:100px}.timeline-actions .ant-btn{background:var(--brand-gradient);border:none}.timeline-now-indicator{background:var(--brand-primary);bottom:60px;pointer-events:none;position:absolute;top:60px;width:2px;z-index:5}.timeline-now-indicator:before{background:var(--brand-primary);border-radius:50%;content:"";height:10px;left:-4px;position:absolute;top:-6px;width:10px}.timeline-legend{border-top:1px solid var(--border-default);display:flex;gap:var(--space-lg);margin-top:var(--space-lg);padding-top:var(--space-md)}.legend-item{align-items:center;color:var(--text-secondary);display:flex;font-size:var(--font-size-sm);gap:var(--space-xs)}.legend-color{border-radius:var(--radius-sm);height:16px;width:16px}.legend-available{background:#10b9814d;border:1px solid #10b98180}.legend-occupied{background:#ef44444d;border:1px solid #ef444480}.legend-past{background:var(--bg-sunken);border:1px solid var(--border-default)}[data-theme=dark] .timeline-header{background:var(--card-bg)}[data-theme=dark] .timeline-slot-available{background:#10b98133;border-color:#10b98166}[data-theme=dark] .timeline-slot-occupied{background:#ef444440;border-color:#ef444480}[data-theme=dark] .timeline-slot-past{background:#ffffff0d}.period-navigation{align-items:center;background:var(--bg-sunken);border-radius:var(--radius-lg);display:flex;justify-content:space-between;margin-bottom:var(--space-lg);padding:var(--space-md)}.period-navigation .ant-picker{min-width:140px}.period-label{color:var(--text-primary);font-size:var(--font-size-lg)}.period-timeline-container{overflow-x:auto}.period-timeline-header,.period-timeline-row{align-items:center;display:flex;padding:var(--space-sm) 0}.period-timeline-header{background:var(--card-bg);border-bottom:2px solid var(--border-default);margin-bottom:var(--space-sm);position:-webkit-sticky;position:sticky;top:0;z-index:10}.period-timeline-row{border-bottom:1px solid var(--border-light);transition:background .2s ease}.period-timeline-row:hover{background:#a855f708}.period-days{display:flex;flex:1 1;gap:4px}.period-day-label{border-radius:var(--radius-md);flex:1 1;min-width:60px;padding:var(--space-xs);text-align:center}.period-day-label .day-name{color:var(--text-secondary);font-size:var(--font-size-xs);text-transform:uppercase}.period-day-label .day-number{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}.period-day-label.is-today{background:#a855f726;border:2px solid var(--brand-primary)}.period-day-label.is-past{opacity:.5}.period-day-cell{align-items:center;border:1px solid var(--border-light);border-radius:var(--radius-md);cursor:pointer;display:flex;flex:1 1;height:50px;justify-content:center;min-width:60px;transition:all .2s ease}.period-day-cell:hover:not(.is-past){box-shadow:var(--shadow-md);transform:scale(1.05)}.period-day-cell.is-today{border:2px solid var(--brand-primary)}.period-day-cell.is-past{cursor:default;opacity:.5}.day-meeting-count{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}.timeline-capacity{font-size:var(--font-size-xs)}.timeline-actions-header{min-width:100px;width:100px}.period-legend{border-top:1px solid var(--border-default);display:flex;gap:var(--space-lg);margin-top:var(--space-lg);padding-top:var(--space-md)}.monthly-view .timeline-room-info{min-width:140px;width:140px}.monthly-grid-header,.monthly-timeline-row{align-items:center;display:flex}.monthly-grid-header{background:var(--card-bg);border-bottom:2px solid var(--border-default);margin-bottom:var(--space-sm);position:-webkit-sticky;position:sticky;top:0;z-index:10}.monthly-timeline-row{border-bottom:1px solid var(--border-light);padding:var(--space-xs) 0}.monthly-timeline-row:hover{background:#a855f708}.monthly-days-scroll{flex:1 1;overflow-x:auto;padding-bottom:var(--space-xs)}.monthly-days{display:flex;gap:2px;min-width:-webkit-max-content;min-width:max-content}.monthly-day-label{border-radius:var(--radius-sm);min-width:36px;padding:var(--space-xs) 2px;text-align:center;width:36px}.monthly-day-label .day-number{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.monthly-day-label .day-name{color:var(--text-tertiary);font-size:9px;text-transform:uppercase}.monthly-day-label.is-today{background:#a855f726;border:1px solid var(--brand-primary)}.monthly-day-label.is-past{opacity:.5}.monthly-day-cell{align-items:center;border:1px solid var(--border-light);border-radius:var(--radius-sm);cursor:pointer;display:flex;font-size:var(--font-size-xs);height:36px;justify-content:center;min-width:36px;transition:all .2s ease;width:36px}.monthly-day-cell:hover:not(.is-past){box-shadow:var(--shadow-md);transform:scale(1.1);z-index:5}.monthly-day-cell.is-today{border:2px solid var(--brand-primary)}.monthly-day-cell.is-past{cursor:default;opacity:.5}.monthly-meeting-count{color:var(--text-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold)}[data-theme=dark] .period-navigation{background:var(--bg-surface)}[data-theme=dark] .monthly-grid-header,[data-theme=dark] .period-timeline-header{background:var(--card-bg)}[data-theme=dark] .monthly-day-cell,[data-theme=dark] .period-day-cell{border-color:var(--border-default)}[data-theme=dark] .monthly-day-label.is-today,[data-theme=dark] .period-day-label.is-today{background:#a855f733}@media (max-width:768px){.room-availability-page{padding:var(--space-md)}.availability-header{align-items:flex-start;gap:var(--space-md)}.availability-header,.availability-summary{flex-direction:column}.summary-item{min-width:100%}.timeline-container{font-size:var(--font-size-xs)}.timeline-room-info,.timeline-room-label{min-width:120px;width:120px}.timeline-slot{height:32px;min-width:40px}.timeline-actions{min-width:80px;width:80px}.timeline-legend{flex-wrap:wrap;gap:var(--space-md)}.period-navigation{align-items:flex-start;flex-direction:column;gap:var(--space-md)}.period-day-cell,.period-day-label{min-width:45px}.period-legend{flex-wrap:wrap;gap:var(--space-md)}}.rich-text-editor{background:var(--card-bg);border:1px solid var(--border-default);border-radius:var(--radius-xl);overflow:hidden}.rich-text-editor.readonly{background:#0000;border:none}.editor-toolbar{background:linear-gradient(180deg,var(--bg-sunken) 0,#a855f708 100%);border-bottom:1px solid var(--border-default);display:flex;flex-wrap:wrap;gap:var(--space-xs);padding:var(--space-sm) var(--space-md)}.editor-toolbar .ant-btn{border-radius:var(--radius-md);color:var(--text-secondary);transition:all .2s ease}.editor-toolbar .ant-btn:hover{background:#a855f71a;color:var(--brand-primary)}.editor-toolbar .ant-btn-primary{background:var(--brand-primary);color:#fff}.editor-toolbar .ant-btn-primary:hover{background:var(--brand-primary-dark);color:#fff}.editor-toolbar .ant-divider-vertical{border-color:var(--border-default);height:24px;margin:0 4px}.editor-content{padding:var(--space-md)}.editor-content .tiptap{color:var(--text-primary);font-size:var(--font-size-base);line-height:1.7;outline:none}.editor-content .tiptap p{margin:0 0 var(--space-sm) 0}.editor-content .tiptap p:last-child{margin-bottom:0}.editor-content .tiptap h1,.editor-content .tiptap h2,.editor-content .tiptap h3{color:var(--text-primary);font-weight:var(--font-weight-semibold);margin:var(--space-md) 0 var(--space-sm) 0}.editor-content .tiptap h1:first-child,.editor-content .tiptap h2:first-child,.editor-content .tiptap h3:first-child{margin-top:0}.editor-content .tiptap h1{font-size:1.75em}.editor-content .tiptap h2{font-size:1.5em}.editor-content .tiptap h3{font-size:1.25em}.editor-content .tiptap ol,.editor-content .tiptap ul{margin:var(--space-sm) 0;padding-left:var(--space-lg)}.editor-content .tiptap li{margin-bottom:var(--space-xs)}.editor-content .tiptap li p{margin:0}.editor-content .tiptap .editor-link,.editor-content .tiptap a{color:var(--brand-primary);cursor:pointer;text-decoration:none}.editor-content .tiptap .editor-link:hover,.editor-content .tiptap a:hover{text-decoration:underline}.editor-content .tiptap blockquote{border-left:3px solid var(--brand-primary);color:var(--text-secondary);font-style:italic;margin:var(--space-md) 0;padding-left:var(--space-md)}.editor-content .tiptap hr{border:none;border-top:1px solid var(--border-default);margin:var(--space-lg) 0}.editor-content .tiptap code{background:#a855f71a;border-radius:var(--radius-sm);color:var(--brand-primary);font-family:Fira Code,Monaco,monospace;font-size:.9em;padding:2px 6px}.editor-content .tiptap pre{background:var(--bg-sunken);border-radius:var(--radius-lg);margin:var(--space-md) 0;overflow-x:auto;padding:var(--space-md)}.editor-content .tiptap pre code{background:none;color:var(--text-primary);padding:0}.editor-content .tiptap p.is-editor-empty:first-child:before{color:var(--text-tertiary);content:attr(data-placeholder);float:left;height:0;pointer-events:none}.editor-content .tiptap [style*="text-align: center"]{text-align:center}.editor-content .tiptap [style*="text-align: right"]{text-align:right}.rich-text-editor.readonly .editor-content{padding:0}.rich-text-editor.readonly .editor-content .tiptap{cursor:default}[data-theme=dark] .rich-text-editor{background:var(--card-bg);border-color:var(--border-default)}[data-theme=dark] .editor-toolbar{background:#a855f70d;border-bottom-color:var(--border-default)}[data-theme=dark] .editor-content .tiptap code{background:#a855f726}[data-theme=dark] .editor-content .tiptap pre{background:#0000004d}@media (max-width:768px){.editor-toolbar{padding:var(--space-xs) var(--space-sm)}.editor-toolbar .ant-divider-vertical{display:none}.editor-content{padding:var(--space-sm)}}.performance-dashboard{background:var(--bg-primary);min-height:calc(100vh - 64px);padding:var(--space-lg)}.dashboard-header{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-2xl);box-shadow:var(--shadow-card);margin-bottom:var(--space-lg);overflow:hidden;padding:var(--space-lg);position:relative}.dashboard-header:before{background:linear-gradient(90deg,#a855f70d,#0000 50%);height:100%;pointer-events:none}.dashboard-header:after,.dashboard-header:before{content:"";left:0;position:absolute;right:0;top:0}.dashboard-header:after{background:var(--brand-gradient);height:3px}.stats-row{margin-bottom:var(--space-md)}.stats-row .ant-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-2xl);box-shadow:var(--shadow-card);overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.stats-row .ant-card:before{background:linear-gradient(180deg,#a855f70d,#0000);content:"";height:80px;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:0}.stats-row .ant-card:after{background:var(--brand-gradient);content:"";height:3px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.stats-row .ant-card:hover{border-color:#a855f733;box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}.stats-row .ant-card:hover:after{opacity:1}.stats-row .ant-card .ant-card-body{position:relative;z-index:1}.leaderboard-row{margin-bottom:var(--space-md)}.leaderboard-row .ant-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-2xl);box-shadow:var(--shadow-card);height:100%;overflow:hidden}.leaderboard-row .ant-card .ant-card-head{background:linear-gradient(180deg,var(--bg-sunken) 0,#a855f708 100%);border-bottom:1px solid var(--border-default)}.leaderboard-row .ant-card .ant-card-head-title{color:var(--text-primary);font-weight:var(--font-weight-semibold)}.chart-row{margin-bottom:var(--space-md)}.chart-row .ant-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-2xl);box-shadow:var(--shadow-card);overflow:hidden}.chart-row .ant-card .ant-card-head{background:linear-gradient(180deg,var(--bg-sunken) 0,#a855f708 100%);border-bottom:1px solid var(--border-default)}.chart-row .ant-card .ant-card-head-title{color:var(--text-primary);font-weight:var(--font-weight-semibold)}.table-row{margin-bottom:var(--space-md)}.table-row .ant-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-2xl);box-shadow:var(--shadow-card);overflow:hidden}.table-row .ant-card .ant-card-head{background:linear-gradient(180deg,var(--bg-sunken) 0,#a855f708 100%);border-bottom:1px solid var(--border-default)}.table-row .ant-table{background:#0000}.table-row .ant-table-thead>tr>th{background:linear-gradient(180deg,var(--bg-sunken) 0,#a855f708 100%);border-bottom:1px solid var(--border-default);color:var(--text-primary);font-weight:var(--font-weight-semibold)}.table-row .ant-table-tbody>tr>td{border-bottom:1px solid var(--border-light);color:var(--text-primary);transition:all .2s ease}.table-row .ant-table-tbody>tr:hover>td{background:linear-gradient(90deg,#a855f714,#0000)}.winner-section{background:linear-gradient(180deg,#a855f71a,#8b5cf60d 50%,#0000);border-radius:var(--radius-xl);margin-bottom:var(--space-md);overflow:hidden;padding:var(--space-lg) 0;position:relative;text-align:center}.winner-section:before{background:var(--brand-gradient);border-radius:0 0 3px 3px;content:"";height:3px;left:50%;position:absolute;top:0;transform:translateX(-50%);width:100px}.performance-stat-icon{font-size:32px;margin-right:var(--space-sm);transition:all .3s ease}.performance-stat-icon.primary{color:var(--brand-primary);filter:drop-shadow(0 0 5px rgba(168,85,247,.2))}.performance-stat-icon.success{color:var(--color-success);filter:drop-shadow(0 0 5px rgba(16,185,129,.18))}.performance-stat-icon.warning{color:var(--color-warning);filter:drop-shadow(0 0 5px rgba(245,158,11,.18))}.performance-stat-icon.error{color:var(--color-error);filter:drop-shadow(0 0 5px rgba(239,68,68,.18))}@media (max-width:768px){.dashboard-header,.performance-dashboard{padding:var(--space-md)}.dashboard-header{border-radius:var(--radius-xl);flex-direction:column;gap:var(--space-md)}.stats-row .ant-col{margin-bottom:var(--space-sm)}.chart-row .ant-card,.leaderboard-row .ant-card,.stats-row .ant-card,.table-row .ant-card{border-radius:var(--radius-xl)}}.chart-row .ant-card,.leaderboard-row .ant-card,.stats-row .ant-card,.table-row .ant-card{animation:fadeInUp .4s ease-out}.stats-row .ant-col:first-child .ant-card{animation-delay:0s}.stats-row .ant-col:nth-child(2) .ant-card{animation-delay:.1s}.stats-row .ant-col:nth-child(3) .ant-card{animation-delay:.2s}.stats-row .ant-col:nth-child(4) .ant-card{animation-delay:.3s}.ant-rate-star-full .ant-rate-star-second{color:var(--color-warning);filter:drop-shadow(0 0 3px rgba(245,158,11,.18))}.performance-dashboard .ant-table-wrapper{overflow-x:auto}.performance-dashboard .ant-tag{border-radius:var(--radius-md);font-weight:var(--font-weight-medium)}.performance-dashboard .ant-spin-nested-loading>div>.ant-spin{max-height:none}.period-label{color:var(--text-secondary);font-size:var(--font-size-xs);margin-top:var(--space-xs)}.performance-dashboard .ant-statistic-title{color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.performance-dashboard .ant-statistic-content-value{color:var(--text-primary);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold)}.performance-dashboard .ant-statistic-content-suffix{color:var(--text-secondary);font-size:var(--font-size-md)}.performance-dashboard .ant-progress-bg{background:var(--brand-gradient)}.performance-dashboard .ant-progress-success-bg{background:linear-gradient(90deg,var(--color-success) 0,#059669 100%)}.rank-badge{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);height:32px;justify-content:center;width:32px}.rank-badge.gold{background:linear-gradient(135deg,#fbbf24,#f59e0b);box-shadow:0 4px 12px #f59e0b66;color:#fff}.rank-badge.silver{background:linear-gradient(135deg,#9ca3af,#6b7280);box-shadow:0 4px 12px #6b728066;color:#fff}.rank-badge.bronze{background:linear-gradient(135deg,#d97706,#b45309);box-shadow:0 4px 12px #b4530966;color:#fff}.rank-badge.default{background:var(--bg-sunken);border:1px solid var(--border-default);color:var(--text-secondary)}.performance-card-title{align-items:center;display:flex;gap:var(--space-sm)}.performance-card-title .anticon{color:var(--brand-primary);filter:drop-shadow(0 0 3px rgba(168,85,247,.18))}.trend-up{color:var(--color-success)}.trend-down,.trend-up{align-items:center;display:inline-flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);gap:2px}.trend-down{color:var(--color-error)}.trend-neutral{align-items:center;color:var(--text-tertiary);display:inline-flex;font-size:var(--font-size-sm);gap:2px}.reports-page{padding:0}.reports-header{margin-bottom:24px}.reports-icon{color:var(--brand-primary);font-size:28px}.kpi-row{margin-bottom:24px}.kpi-card{height:100%}.kpi-card:hover{box-shadow:0 12px 24px #0000001a;transform:translateY(-4px)}.kpi-card .ant-card-body{padding:20px}.kpi-content{align-items:flex-start;display:flex;gap:16px}.kpi-icon{align-items:center;border-radius:12px;display:flex;flex-shrink:0;height:52px;justify-content:center;width:52px}.kpi-card .ant-statistic-title{color:var(--text-secondary);font-size:12px;margin-bottom:4px}.kpi-card .ant-statistic-content-value{font-size:28px}.kpi-mini-chart{margin:12px -20px -20px}.kpi-trend{font-size:12px;margin-top:12px}.trend-up{color:#f59e0b}.trend-down{color:#ef4444}.trend-normal{color:#10b981}.gauge-row{margin-bottom:24px}.gauge-card{border-radius:16px;cursor:pointer;height:100%;transition:all .3s ease}.gauge-card:hover{box-shadow:0 8px 16px #00000014;transform:translateY(-2px)}.gauge-card .ant-card-head{border-bottom:none;padding-bottom:0}.gauge-card .ant-card-head-title{font-size:14px;font-weight:500}.resolution-time{align-items:center;display:flex;flex-direction:column;height:200px;justify-content:center}.resolution-time .time-value{color:var(--brand-primary);font-size:56px;font-weight:700;line-height:1}.resolution-time .time-unit{color:var(--text-secondary);font-size:16px;margin-top:8px}.liquid-card{position:relative}.liquid-label{bottom:30px;color:var(--text-secondary);font-size:14px;left:50%;position:absolute;transform:translateX(-50%)}.resolution-time-3d{align-items:center;display:flex;flex-direction:column;height:220px;justify-content:center}.time-value-glow{-webkit-text-fill-color:#0000;animation:pulse-glow 2s ease-in-out infinite;background:linear-gradient(135deg,#a855f7,#6366f1);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 4px 6px rgba(0,0,0,.1));font-size:64px;font-weight:800;line-height:1;text-shadow:0 0 30px #a855f780}@keyframes pulse-glow{0%,to{filter:drop-shadow(0 0 10px rgba(168,85,247,.4))}50%{filter:drop-shadow(0 0 20px rgba(168,85,247,.6))}}.chart-3d{overflow:hidden}.chart-3d:hover{box-shadow:0 12px 32px #a855f726}.chart-row{margin-bottom:24px}.chart-card{cursor:pointer}.chart-card:hover{box-shadow:0 8px 16px #00000014;transform:translateY(-2px)}.quick-links{margin-bottom:24px}.links-card{border-radius:16px}.quick-link{align-items:center;background:var(--bg-secondary);border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:12px;padding:24px 16px;text-align:center;transition:all .3s ease}.quick-link:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.quick-link .link-icon{align-items:center;border-radius:16px;display:flex;font-size:24px;height:56px;justify-content:center;width:56px}.quick-link .link-icon.dept{background:#a855f71a;color:#a855f7}.quick-link .link-icon.personnel{background:#10b9811a;color:#10b981}.quick-link .link-icon.tickets{background:#3b82f61a;color:#3b82f6}.quick-link .link-icon.leaderboard{background:#f59e0b1a;color:#f59e0b}.quick-link span{color:var(--text-primary);font-size:13px;font-weight:500}.dept-comparison-card{border-radius:16px}.dept-summary-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.dept-summary-item{background:var(--bg-secondary);border-radius:12px;padding:16px;text-align:center}.dept-summary-item .label{color:var(--text-secondary);font-size:12px;margin-bottom:4px}.dept-summary-item .value{color:var(--brand-primary);font-size:24px;font-weight:700}.personnel-filters{margin-bottom:24px}.personnel-card{border-radius:16px;cursor:pointer;margin-bottom:16px;transition:all .3s ease}.personnel-card:hover{box-shadow:0 8px 16px #00000014;transform:translateY(-2px)}.personnel-header{align-items:center;display:flex;gap:16px}.personnel-rank{align-items:center;border-radius:50%;display:flex;font-size:16px;font-weight:700;height:40px;justify-content:center;width:40px}.personnel-rank.gold{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff}.personnel-rank.silver{background:linear-gradient(135deg,#9ca3af,#6b7280);color:#fff}.personnel-rank.bronze{background:linear-gradient(135deg,#d97706,#b45309);color:#fff}.personnel-rank.normal{background:var(--bg-secondary);color:var(--text-secondary)}.personnel-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));margin-top:16px}.personnel-stat{background:var(--bg-secondary);border-radius:8px;padding:12px;text-align:center}.personnel-stat .stat-value{font-size:20px;font-weight:700}.personnel-stat .stat-label{color:var(--text-secondary);font-size:11px;margin-top:4px}.trend-card{border-radius:16px}.sla-overview{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr);margin-bottom:24px}.sla-item{background:var(--bg-secondary);border-radius:12px;padding:20px;text-align:center}.sla-item.success{border-left:4px solid #10b981}.sla-item.warning{border-left:4px solid #f59e0b}.sla-item.danger{border-left:4px solid #ef4444}.sla-item .sla-value{font-size:32px;font-weight:700;margin-bottom:4px}.sla-item.success .sla-value{color:#10b981}.sla-item.warning .sla-value{color:#f59e0b}.sla-item.danger .sla-value{color:#ef4444}.sla-item .sla-label{color:var(--text-secondary);font-size:12px}.leaderboard-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.top-three{align-items:flex-end;display:flex;gap:24px;justify-content:center;margin-bottom:32px;padding:24px}.podium-item{cursor:pointer;transition:transform .3s ease}.podium-item:hover{transform:scale(1.05)}.podium-item.first{order:2}.podium-item.second{order:1}.podium-item.third{order:3}.podium-avatar{margin-bottom:12px;position:relative}.podium-avatar .crown{font-size:24px;left:50%;position:absolute;top:-20px;transform:translateX(-50%)}.podium-avatar .ant-avatar{border:3px solid}.podium-item.first .podium-avatar .ant-avatar{border-color:#fbbf24;font-size:32px;height:80px;width:80px}.podium-item.second .podium-avatar .ant-avatar{border-color:#9ca3af;font-size:24px;height:64px;width:64px}.podium-item.third .podium-avatar .ant-avatar{border-color:#d97706;font-size:24px;height:64px;width:64px}.podium-name{font-size:14px;text-align:center}.podium-score.gold{color:#fbbf24}.podium-score.silver{color:#9ca3af}.podium-score.bronze{color:#d97706}.podium-base{color:#fff;font-size:20px;font-weight:700;margin-top:12px;padding:12px 32px}.podium-item.first .podium-base{background:linear-gradient(135deg,#fbbf24,#f59e0b);height:80px}.podium-item.second .podium-base{background:linear-gradient(135deg,#9ca3af,#6b7280);height:60px}.podium-item.third .podium-base{background:linear-gradient(135deg,#d97706,#b45309);height:40px}.radar-card{border-radius:16px}:root{--neu-bg:#e8eef3;--neu-shadow-light:#fff;--neu-shadow-dark:#aebecd99;--neu-radius:24px;--neu-distance:8px;--neu-blur:16px;--neu-accent:#a855f7}[data-theme=dark]{--neu-bg:#1e1e2e;--neu-shadow-light:#ffffff0d}.neu-card{background:#e8eef3;background:var(--bg-primary,var(--neu-bg));border:none;border-radius:24px;border-radius:var(--neu-radius);box-shadow:8px 8px 16px #aebecd99,-8px -8px 16px #fff;box-shadow:var(--neu-distance) var(--neu-distance) var(--neu-blur) var(--neu-shadow-dark),calc(var(--neu-distance)*-1) calc(var(--neu-distance)*-1) var(--neu-blur) var(--neu-shadow-light);transition:all .3s ease}.neu-card:hover{box-shadow:12px 12px 24px #aebecd99,-12px -12px 24px #fff;box-shadow:calc(var(--neu-distance) + 4px) calc(var(--neu-distance) + 4px) calc(var(--neu-blur) + 8px) var(--neu-shadow-dark),calc(var(--neu-distance)*-1 - 4px) calc(var(--neu-distance)*-1 - 4px) calc(var(--neu-blur) + 8px) var(--neu-shadow-light);transform:translateY(-2px)}.neu-card-inset{background:#e8eef3;background:var(--bg-primary,var(--neu-bg));border:none;border-radius:24px;border-radius:var(--neu-radius);box-shadow:inset 8px 8px 16px #aebecd99,inset -8px -8px 16px #fff;box-shadow:inset var(--neu-distance) var(--neu-distance) var(--neu-blur) var(--neu-shadow-dark),inset calc(var(--neu-distance)*-1) calc(var(--neu-distance)*-1) var(--neu-blur) var(--neu-shadow-light)}.neu-kpi{cursor:pointer;min-height:160px;padding:28px}.neu-kpi .neu-kpi-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:16px}.neu-kpi .neu-kpi-value{color:#a855f7;color:var(--kpi-color,var(--neu-accent));font-size:44px;font-weight:800;line-height:1;margin-bottom:8px}.neu-kpi .neu-kpi-label{color:var(--text-secondary);font-size:12px;font-weight:600;letter-spacing:1px;text-transform:uppercase}.neu-icon{align-items:center;background:#e8eef3;background:var(--bg-primary,var(--neu-bg));border-radius:16px;box-shadow:4px 4px 10px #aebecd99,-4px -4px 10px #fff;box-shadow:4px 4px 10px var(--neu-shadow-dark),-4px -4px 10px var(--neu-shadow-light);color:#a855f7;color:var(--kpi-color,var(--neu-accent));display:flex;font-size:24px;height:56px;justify-content:center;transition:all .3s ease;width:56px}.neu-icon:hover{box-shadow:inset 4px 4px 10px #aebecd99,inset -4px -4px 10px #fff;box-shadow:inset 4px 4px 10px var(--neu-shadow-dark),inset -4px -4px 10px var(--neu-shadow-light)}.neu-badge{align-items:center;background:#e8eef3;background:var(--bg-primary,var(--neu-bg));border-radius:50px;box-shadow:3px 3px 8px #aebecd99,-3px -3px 8px #fff;box-shadow:3px 3px 8px var(--neu-shadow-dark),-3px -3px 8px var(--neu-shadow-light);display:inline-flex;font-size:12px;font-weight:600;gap:6px;padding:8px 16px}.neu-badge.success{color:#10b981}.neu-badge.warning{color:#f59e0b}.neu-badge.danger{color:#ef4444}.neu-gauge{padding:24px;text-align:center}.neu-gauge .neu-gauge-title{color:var(--text-primary);font-size:14px;font-weight:600;letter-spacing:.5px;margin-bottom:16px;text-transform:uppercase}.neu-gauge .neu-gauge-value{color:#a855f7;color:var(--neu-accent);font-size:40px;font-weight:800}.neu-gauge .neu-gauge-suffix{color:var(--text-secondary);font-size:18px;font-weight:500}.neu-progress-ring{box-shadow:inset 6px 6px 12px #aebecd99,inset -6px -6px 12px #fff;box-shadow:inset 6px 6px 12px var(--neu-shadow-dark),inset -6px -6px 12px var(--neu-shadow-light);height:120px;margin:0 auto 16px;width:120px}.neu-progress-ring,.neu-progress-ring-inner{align-items:center;background:#e8eef3;background:var(--bg-primary,var(--neu-bg));border-radius:50%;display:flex;justify-content:center}.neu-progress-ring-inner{box-shadow:4px 4px 8px #aebecd99,-4px -4px 8px #fff;box-shadow:4px 4px 8px var(--neu-shadow-dark),-4px -4px 8px var(--neu-shadow-light);flex-direction:column;height:90px;width:90px}.neu-progress-ring-inner .ring-value{color:#a855f7;color:var(--neu-accent);font-size:24px;font-weight:800;line-height:1}.neu-progress-ring-inner .ring-label{color:var(--text-secondary);font-size:10px;margin-top:4px}.neu-chart{padding:24px}.neu-chart .neu-chart-title{align-items:center;color:var(--text-primary);display:flex;font-size:16px;font-weight:700;gap:12px;margin-bottom:20px}.neu-chart .neu-chart-title:before{background:#a855f7;background:var(--neu-accent);border-radius:2px;content:"";height:24px;width:4px}.neu-quick-link{align-items:center;background:#e8eef3;background:var(--bg-primary,var(--neu-bg));border-radius:20px;box-shadow:6px 6px 14px #aebecd99,-6px -6px 14px #fff;box-shadow:6px 6px 14px var(--neu-shadow-dark),-6px -6px 14px var(--neu-shadow-light);cursor:pointer;display:flex;flex-direction:column;gap:16px;padding:24px 16px;transition:all .3s ease}.neu-quick-link:hover{box-shadow:inset 4px 4px 10px #aebecd99,inset -4px -4px 10px #fff;box-shadow:inset 4px 4px 10px var(--neu-shadow-dark),inset -4px -4px 10px var(--neu-shadow-light)}.neu-quick-link:hover .neu-link-icon{box-shadow:4px 4px 10px #aebecd99,-4px -4px 10px #fff;box-shadow:4px 4px 10px var(--neu-shadow-dark),-4px -4px 10px var(--neu-shadow-light)}.neu-link-icon{align-items:center;background:#e8eef3;background:var(--bg-primary,var(--neu-bg));border-radius:20px;box-shadow:inset 4px 4px 8px #aebecd99,inset -4px -4px 8px #fff;box-shadow:inset 4px 4px 8px var(--neu-shadow-dark),inset -4px -4px 8px var(--neu-shadow-light);display:flex;font-size:28px;height:64px;justify-content:center;transition:all .3s ease;width:64px}.neu-link-icon.purple{color:#a855f7}.neu-link-icon.green{color:#10b981}.neu-link-icon.blue{color:#3b82f6}.neu-link-icon.yellow{color:#f59e0b}.neu-link-text{color:var(--text-primary);font-size:13px;font-weight:600;text-align:center}.neu-section-title{border-left:4px solid #a855f7;border-left:4px solid var(--neu-accent);color:var(--text-primary);font-size:18px;font-weight:700;margin-bottom:24px;padding-left:16px}.neu-divider{background:#e8eef3;background:var(--bg-primary,var(--neu-bg));border-radius:2px;box-shadow:inset 1px 1px 2px #aebecd99,inset -1px -1px 2px #fff;box-shadow:inset 1px 1px 2px var(--neu-shadow-dark),inset -1px -1px 2px var(--neu-shadow-light);height:2px;margin:24px 0}@keyframes neu-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.neu-kpi:hover .neu-kpi-value{animation:neu-pulse .6s ease}.reports-header-modern{align-items:center;background:var(--bg-primary);border-radius:16px;box-shadow:0 2px 8px #0000000f;display:flex;justify-content:space-between;margin-bottom:24px;padding:20px 24px}.reports-header-left{align-items:center;display:flex;gap:16px}.reports-header-icon{color:#8b5cf6;font-size:32px}.kpi-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-bottom:20px}@media (max-width:1200px){.kpi-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:576px){.kpi-grid{grid-template-columns:1fr}}.kpi-card{align-items:center;background:var(--bg-primary);border-radius:16px;cursor:pointer;display:flex;gap:16px;overflow:hidden;padding:20px;position:relative;transition:all .3s ease}.kpi-card:before{content:"";height:100%;left:0;position:absolute;top:0;width:4px}.kpi-card:hover{box-shadow:0 8px 24px #0000001f;transform:translateY(-2px)}.kpi-card .kpi-icon{align-items:center;border-radius:12px;display:flex;font-size:22px;height:48px;justify-content:center;width:48px}.kpi-card .kpi-content{flex:1 1}.kpi-card .kpi-value{font-size:28px;font-weight:700;line-height:1.2}.kpi-card .kpi-percent{font-size:14px;font-weight:500;margin-left:8px;opacity:.7}.kpi-card .kpi-label{color:var(--text-secondary);font-size:13px;margin-top:2px}.kpi-card .kpi-arrow{font-size:16px;opacity:.3;transition:all .3s ease}.kpi-card:hover .kpi-arrow{opacity:1;transform:translateX(4px)}.kpi-card .kpi-badge{background:#fef2f2;border-radius:20px;color:#ef4444;font-size:11px;font-weight:600;padding:4px 10px;position:absolute;right:8px;top:8px}.kpi-purple:before{background:#8b5cf6}.kpi-purple .kpi-icon{background:#8b5cf61a;color:#8b5cf6}.kpi-purple .kpi-value{color:#8b5cf6}.kpi-blue:before{background:#3b82f6}.kpi-blue .kpi-icon{background:#3b82f61a;color:#3b82f6}.kpi-blue .kpi-value{color:#3b82f6}.kpi-green:before{background:#10b981}.kpi-green .kpi-icon{background:#10b9811a;color:#10b981}.kpi-green .kpi-value{color:#10b981}.kpi-red:before{background:#ef4444}.kpi-red .kpi-icon{background:#ef44441a;color:#ef4444}.kpi-red .kpi-value{color:#ef4444}.kpi-gray:before{background:#6b7280}.kpi-gray .kpi-icon{background:#6b72801a;color:#6b7280}.kpi-gray .kpi-value{color:#6b7280}.chart-card{background:var(--bg-primary);border-radius:16px;box-shadow:0 2px 8px #0000000f;height:100%;padding:20px;transition:all .3s ease}.chart-card:hover{box-shadow:0 4px 16px #0000001a}.chart-header{margin-bottom:16px}.chart-header h3{color:var(--text-primary);font-size:16px;font-weight:600;margin:0}.chart-subtitle{color:var(--text-secondary);font-size:12px}.top-performers{display:flex;flex-direction:column;gap:12px}.performer-item{align-items:center;background:var(--bg-secondary);border-radius:12px;cursor:pointer;display:flex;gap:12px;padding:12px;transition:all .2s ease}.performer-item:hover{background:var(--bg-tertiary);transform:translateX(4px)}.performer-rank{align-items:center;border-radius:8px;display:flex;font-size:14px;height:32px;justify-content:center;width:32px}.performer-rank.gold{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff}.performer-rank.silver{background:linear-gradient(135deg,#9ca3af,#6b7280);color:#fff}.performer-avatar-dept{align-items:center;background:linear-gradient(135deg,#8b5cf6,#6366f1);border-radius:10px;color:#fff;display:flex;font-size:16px;font-weight:700;height:40px;justify-content:center;width:40px}.performer-info{flex:1 1;min-width:0}.performer-name{font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.performer-detail{color:var(--text-secondary);font-size:12px}.performer-score{align-items:center;display:flex;font-size:14px;font-weight:600;gap:4px}.performer-more{border-radius:8px;color:#8b5cf6;cursor:pointer;font-size:13px;font-weight:500;padding:12px;text-align:center;transition:all .2s ease}.performer-more:hover{background:#8b5cf61a}.selected-user-header{align-items:center;background:var(--bg-secondary);border-radius:12px;display:flex;gap:12px;margin-bottom:12px;padding:12px 16px}.selected-user-info{flex:1 1;min-width:0}.selected-user-name{font-size:15px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.selected-user-detail{align-items:center;color:var(--text-secondary);display:flex;font-size:12px;gap:4px}.star-card{background:linear-gradient(135deg,#fbbf2414,#0000)}.star-card:hover{background:linear-gradient(135deg,#fbbf241f,#0000)}.metrics-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}.metric-item{background:var(--bg-secondary);border-radius:12px;padding:16px}.metric-label{color:var(--text-secondary);font-size:12px;margin-bottom:8px}.metric-value{color:var(--text-primary);font-size:24px;font-weight:700}.quick-nav{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,1fr);margin-top:20px}@media (max-width:768px){.quick-nav{grid-template-columns:repeat(2,1fr)}}.quick-nav-item{align-items:center;background:var(--bg-primary);border-radius:12px;box-shadow:0 2px 8px #0000000f;cursor:pointer;display:flex;gap:12px;padding:16px 20px;transition:all .2s ease}.quick-nav-item:hover{background:#8b5cf6;box-shadow:0 8px 20px #8b5cf64d;color:#fff;transform:translateY(-2px)}.quick-nav-item .anticon{font-size:20px}.quick-nav-item span{font-size:14px;font-weight:500}.back-button{align-items:center;background:var(--bg-secondary);border-radius:8px;cursor:pointer;display:flex;font-weight:500;gap:8px;padding:8px 16px;transition:all .2s ease}.back-button:hover{background:var(--bg-tertiary)}@media (max-width:768px){.top-three{flex-wrap:wrap}.podium-item.first{order:1;width:100%}.podium-item.second,.podium-item.third{width:calc(50% - 12px)}.sla-overview{grid-template-columns:1fr}.reports-header-modern{align-items:flex-start;flex-direction:column;gap:16px}}.podium-container{align-items:flex-end;display:flex;gap:20px;justify-content:center;padding:40px 20px}.podium-item{align-items:center;display:flex;flex-direction:column;text-align:center}.podium-first{order:2}.podium-second{order:1}.podium-third{order:3}.podium-crown{animation:bounce 2s infinite;color:#fbbf24;font-size:28px;margin-bottom:8px}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.podium-rank{align-items:center;border-radius:50%;color:#fff;display:flex;font-size:14px;font-weight:700;height:28px;justify-content:center;margin-bottom:8px;width:28px}.podium-first .podium-rank{background:linear-gradient(135deg,#fbbf24,#f59e0b)}.podium-second .podium-rank{background:linear-gradient(135deg,#9ca3af,#6b7280)}.podium-third .podium-rank{background:linear-gradient(135deg,#d97706,#b45309)}.podium-avatar.gold{border:3px solid #fbbf24;box-shadow:0 4px 16px #fbbf2466}.podium-avatar.silver{border:3px solid #9ca3af;box-shadow:0 4px 12px #9ca3af4d}.podium-avatar.bronze{border:3px solid #d97706;box-shadow:0 4px 12px #d977064d}.podium-name{font-weight:600;margin-bottom:4px;margin-top:12px;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.podium-score{align-items:center;display:flex;font-size:16px;font-weight:700;gap:4px}.podium-base{border-radius:8px 8px 0 0;margin-top:16px;width:100px}.podium-base.gold{background:linear-gradient(180deg,#fbbf24,#f59e0b);height:80px}.podium-base.silver{background:linear-gradient(180deg,#9ca3af,#6b7280);height:60px}.podium-base.bronze{background:linear-gradient(180deg,#d97706,#b45309);height:40px}.ranking-list{padding:0 20px 20px}.ranking-item{align-items:center;background:var(--bg-secondary);border-radius:12px;display:flex;gap:12px;margin-bottom:8px;padding:12px 16px;transition:all .2s ease}.ranking-item:hover{background:var(--bg-tertiary);transform:translateX(4px)}.ranking-position{align-items:center;background:var(--bg-primary);border-radius:8px;color:var(--text-secondary);display:flex;font-size:13px;font-weight:600;height:28px;justify-content:center;width:28px}.ranking-info{flex:1 1;min-width:0}.ranking-name{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ranking-secondary{color:var(--text-secondary);font-size:11px}.ranking-score-section{align-items:flex-end;display:flex;flex-direction:column;gap:4px}.ranking-score{font-size:14px;font-weight:600}.highlight-card{overflow:hidden;position:relative}.highlight-card.gold-highlight{border-left:4px solid #fbbf24}.highlight-card.purple-highlight{border-left:4px solid #8b5cf6}.highlight-badge{align-items:center;background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:20px;color:#fff;display:flex;font-size:11px;font-weight:600;gap:6px;padding:6px 12px;position:absolute;right:12px;top:12px}.highlight-badge.purple{background:linear-gradient(135deg,#8b5cf6,#6366f1)}.highlight-content{align-items:center;display:flex;gap:16px;padding:20px}.highlight-avatar{box-shadow:0 4px 12px #00000026;flex-shrink:0}.highlight-avatar.gold{border:3px solid #fbbf24;box-shadow:0 4px 12px #fbbf244d}.highlight-avatar.purple{border:3px solid #8b5cf6;box-shadow:0 4px 12px #8b5cf64d}.highlight-dept-avatar{align-items:center;background:linear-gradient(135deg,#8b5cf6,#6366f1);border-radius:16px;color:#fff;display:flex;font-size:28px;font-weight:700;height:64px;justify-content:center;width:64px}.highlight-info{flex:1 1}.highlight-name{font-size:18px;font-weight:600;margin-bottom:4px}.highlight-secondary{color:var(--text-secondary);font-size:13px;margin-bottom:8px}.highlight-score{align-items:center;color:#f59e0b;display:flex;font-size:16px;font-weight:600;gap:8px}.highlight-tickets{color:var(--text-secondary);font-size:12px;font-weight:400;margin-left:8px}.visitors-page{padding:0}.visitors-header-modern{align-items:center;background:var(--bg-primary);border-radius:16px;box-shadow:0 2px 8px #0000000f;display:flex;justify-content:space-between;margin-bottom:24px;padding:20px 24px}.visitors-header-left{align-items:center;display:flex;gap:16px}.visitors-header-icon{color:#8b5cf6;font-size:32px}.visitors-kpi-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-bottom:20px}@media (max-width:1200px){.visitors-kpi-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:576px){.visitors-kpi-grid{grid-template-columns:1fr}}.visitors-kpi-card{align-items:center;background:var(--bg-primary);border-radius:16px;box-shadow:0 2px 8px #0000000f;cursor:pointer;display:flex;gap:16px;overflow:hidden;padding:20px;position:relative;transition:all .3s ease}.visitors-kpi-card:before{content:"";height:100%;left:0;position:absolute;top:0;width:4px}.visitors-kpi-card:hover{box-shadow:0 8px 24px #0000001f;transform:translateY(-2px)}.visitors-kpi-card .kpi-icon{align-items:center;border-radius:12px;display:flex;font-size:22px;height:48px;justify-content:center;width:48px}.visitors-kpi-card .kpi-content{flex:1 1}.visitors-kpi-card .kpi-value{font-size:28px;font-weight:700;line-height:1.2}.visitors-kpi-card .kpi-label{color:var(--text-secondary);font-size:13px;margin-top:2px}.visitors-kpi-card .kpi-arrow{font-size:16px;opacity:.3;transition:all .3s ease}.visitors-kpi-card:hover .kpi-arrow{opacity:1;transform:translateX(4px)}.visitors-kpi-card.kpi-purple:before{background:#8b5cf6}.visitors-kpi-card.kpi-purple .kpi-icon{background:#8b5cf61a;color:#8b5cf6}.visitors-kpi-card.kpi-purple .kpi-value{color:#8b5cf6}.visitors-kpi-card.kpi-green:before{background:#10b981}.visitors-kpi-card.kpi-green .kpi-icon{background:#10b9811a;color:#10b981}.visitors-kpi-card.kpi-green .kpi-value{color:#10b981}.visitors-kpi-card.kpi-blue:before{background:#3b82f6}.visitors-kpi-card.kpi-blue .kpi-icon{background:#3b82f61a;color:#3b82f6}.visitors-kpi-card.kpi-blue .kpi-value{color:#3b82f6}.visitors-kpi-card.kpi-orange:before{background:#f59e0b}.visitors-kpi-card.kpi-orange .kpi-icon{background:#f59e0b1a;color:#f59e0b}.visitors-kpi-card.kpi-orange .kpi-value{color:#f59e0b}.visitors-table-card{background:var(--bg-primary);border-radius:16px;box-shadow:0 2px 8px #0000000f;padding:20px}.visitors-table-card:hover{box-shadow:0 4px 16px #0000001a}.visitor-modal .modal-title{align-items:center;display:flex;font-size:18px;font-weight:600;gap:12px}.visitor-modal .modal-title-icon{color:#8b5cf6;font-size:20px}.visitor-modal .ant-form-item{margin-bottom:16px}.visitor-modal .ant-form-item-label>label{color:var(--text-primary);font-weight:500}.visitor-modal .ant-input,.visitor-modal .ant-picker,.visitor-modal .ant-select-selector{width:100%}.visitor-modal .ant-tabs-nav{margin-bottom:16px}.visitor-modal .form-section{background:var(--bg-secondary);border-radius:12px;margin-bottom:24px;padding:20px}.visitor-modal .form-section-title{align-items:center;border-bottom:1px solid var(--border-color);color:#8b5cf6;display:flex;font-size:14px;font-weight:600;gap:8px;margin-bottom:16px;padding-bottom:12px}.visitor-modal .form-section-title .anticon{font-size:16px}.visitor-detail-card .form-section{background:var(--bg-secondary);border-radius:12px;margin-bottom:24px;padding:20px}.visitor-detail-card .form-section-title{align-items:center;border-bottom:1px solid var(--border-color);color:#8b5cf6;display:flex;font-size:14px;font-weight:600;gap:8px;margin-bottom:16px;padding-bottom:12px}.visitor-detail-card .form-section-title .anticon{font-size:16px}.visitor-detail-header{align-items:center;background:var(--bg-primary);border-radius:16px;box-shadow:0 2px 8px #0000000f;display:flex;justify-content:space-between;margin-bottom:24px;padding:20px 24px}.visitor-detail-header-left{align-items:center;display:flex;gap:16px}.visitor-detail-header .back-button{align-items:center;background:var(--bg-secondary);border-radius:10px;cursor:pointer;display:flex;font-size:16px;height:40px;justify-content:center;transition:all .2s ease;width:40px}.visitor-detail-header .back-button:hover{background:var(--bg-tertiary)}.visitor-detail-header .visitor-avatar{align-items:center;background:linear-gradient(135deg,#8b5cf6,#6366f1);border-radius:14px;color:#fff;display:flex;font-size:24px;height:56px;justify-content:center;width:56px}.visitor-header-info{display:flex;flex-direction:column;gap:4px}.visitor-header-name{align-items:center;display:flex;gap:12px}.visitor-code{background:var(--bg-secondary);border-radius:4px;font-family:Monaco,Consolas,monospace;font-size:12px;padding:2px 8px}.visitor-detail-card{background:var(--bg-primary);border-radius:16px;box-shadow:0 2px 8px #0000000f;height:100%;padding:24px}.visitor-detail-card .card-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;gap:12px;margin-bottom:20px;padding-bottom:16px}.visitor-detail-card .card-header h3{font-size:16px;font-weight:600;margin:0}.visitor-detail-card .card-icon{color:#8b5cf6;font-size:20px}.visitor-detail-card .card-icon.purple{color:#8b5cf6}.visitor-detail-card .card-icon.green{color:#10b981}.visitor-detail-card .card-icon.orange{color:#f59e0b}.visitor-detail-card .info-list{display:flex;flex-direction:column;gap:16px}.visitor-detail-card .info-item{align-items:flex-start;display:flex;gap:12px}.visitor-detail-card .info-icon{align-items:center;background:var(--bg-secondary);border-radius:10px;color:var(--text-secondary);display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.visitor-detail-card .info-content{flex:1 1;min-width:0}.visitor-detail-card .info-label{color:var(--text-secondary);font-size:12px;margin-bottom:2px}.visitor-detail-card .info-value{font-size:14px;font-weight:500;word-break:break-word}.visitor-detail-card .time-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.visitor-detail-card .time-item{background:var(--bg-secondary);border-radius:12px;padding:16px}.visitor-detail-card .time-label{color:var(--text-secondary);font-size:12px;margin-bottom:8px}.visitor-detail-card .time-value{font-size:18px;font-weight:600}.visitor-detail-card .time-by{color:var(--text-secondary);font-size:12px;margin-top:4px}.visitor-detail-card .notes-content{line-height:1.6;margin:0;white-space:pre-wrap}.visitor-status-tag{font-weight:500}.visitor-status-tag.checked-in{background:#f6ffed;border-color:#b7eb8f;color:#52c41a}.visitor-status-tag.checked-out{background:#e6f7ff;border-color:#91d5ff;color:#1890ff}.visitor-status-tag.pre-registered{background:#fffbe6;border-color:#ffe58f;color:#faad14}.visitor-status-tag.no-show{background:#fff1f0;border-color:#ffa39e;color:#ff4d4f}.visitor-status-tag.cancelled{background:#f5f5f5;border-color:#d9d9d9;color:#8c8c8c}.emergency-list-page{padding:0}.emergency-header{background:linear-gradient(135deg,#ff4d4f,#ff7875);border-radius:8px;color:#fff;margin-bottom:24px;padding:24px}.emergency-header h2{align-items:center;display:flex;font-size:24px;gap:12px;margin:0 0 8px}.emergency-header p{margin:0;opacity:.9}.emergency-count{font-size:48px;font-weight:700;margin-top:16px}.emergency-count span{font-size:16px;font-weight:400;opacity:.9}.emergency-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.emergency-visitor-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:16px;transition:box-shadow .2s}.emergency-visitor-card:hover{box-shadow:0 4px 12px #0000001a}.emergency-visitor-card .visitor-name{font-size:16px;font-weight:600;margin-bottom:4px}.emergency-visitor-card .visitor-company{color:var(--text-secondary);font-size:13px;margin-bottom:12px}.emergency-visitor-card .visitor-info{display:flex;flex-direction:column;font-size:13px;gap:8px}.emergency-visitor-card .visitor-info-item{align-items:center;display:flex;gap:8px}.emergency-visitor-card .visitor-info-item .anticon{color:var(--text-secondary);width:16px}.emergency-visitor-card .duration-badge{background:#f6ffed;border:1px solid #b7eb8f;border-radius:4px;color:#52c41a;display:inline-block;font-size:12px;margin-top:12px;padding:4px 12px}.blacklist-page .blacklist-warning{align-items:center;background:#fff2e8;border:1px solid #ffbb96;border-radius:8px;display:flex;gap:12px;margin-bottom:24px;padding:16px}.blacklist-page .blacklist-warning .anticon{color:#fa541c;font-size:24px}.pre-registration-page .invitation-code{background:var(--bg-primary);border-radius:4px;font-family:Monaco,Consolas,monospace;font-size:18px;font-weight:600;letter-spacing:2px;padding:8px 16px}.visitor-form-section{margin-bottom:24px}.visitor-form-section-title{align-items:center;border-bottom:1px solid var(--border-color);color:var(--text-secondary);display:flex;font-size:14px;font-weight:600;gap:8px;margin-bottom:16px;padding-bottom:8px}.entry-points-page{padding:0}.dark-theme .emergency-visitor-card,.dark-theme .visitor-stat-card,.dark-theme .visitors-table-card{background:var(--bg-secondary)}.dark-theme .visitor-status-tag.checked-in{background:#52c41a1a}.dark-theme .visitor-status-tag.checked-out{background:#1890ff1a}.dark-theme .visitor-status-tag.pre-registered{background:#faad141a}.dark-theme .visitor-status-tag.no-show{background:#ff4d4f1a}.dark-theme .visitor-status-tag.cancelled{background:#8c8c8c1a}.dark-theme .emergency-visitor-card .duration-badge{background:#52c41a1a}.visitor-detail-modal .ant-modal-content{border-radius:16px;overflow:hidden;padding:0}.visitor-detail-modal .ant-modal-body{padding:0}.visitor-detail-modal-content{display:flex;flex-direction:column}.visitor-detail-modal.compact .ant-modal-content{border-radius:12px}.detail-modal-header.compact{padding:16px 20px}.detail-modal-body.compact{background:var(--bg-primary);padding:16px}.detail-compact-layout{display:flex;gap:16px}.detail-photo-column{flex-shrink:0}.detail-large-photo{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;box-shadow:0 4px 12px #667eea40;cursor:pointer;display:flex;height:180px;justify-content:center;transition:transform .2s,box-shadow .2s;width:140px}.detail-large-photo:hover{box-shadow:0 6px 20px #667eea59;transform:scale(1.02)}.detail-info-column{flex:1 1;min-width:0}.detail-quick-info{display:flex;flex-direction:column;gap:10px}.quick-info-item{align-items:flex-start;display:flex;gap:10px}.quick-info-icon{align-items:center;background:var(--bg-secondary);border-radius:6px;color:#667eea;display:flex;flex-shrink:0;font-size:13px;height:28px;justify-content:center;width:28px}.quick-info-label{color:var(--text-tertiary);font-size:10px;letter-spacing:.3px;text-transform:uppercase}.quick-info-value{color:var(--text-primary);font-size:13px;font-weight:500;line-height:1.3}.detail-notes-compact{background:var(--bg-secondary);border-radius:8px;color:var(--text-secondary);font-size:12px;line-height:1.5;margin-top:12px;padding:10px 12px}.detail-action-footer{align-items:center;border-top:1px solid var(--border-color);display:flex;gap:10px;margin-top:16px;padding-top:16px}.detail-action-btn{border-radius:8px;font-size:14px;font-weight:600;height:44px;padding:0 24px}.detail-action-btn.checkin{background:linear-gradient(135deg,#10b981,#059669);border:none;flex:1 1}.detail-action-btn.checkin:hover{background:linear-gradient(135deg,#059669,#047857)}.detail-action-btn.checkout{background:linear-gradient(135deg,#ef4444,#dc2626);border:none;color:#fff;flex:1 1}.detail-action-btn.checkout:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff}.detail-modal-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;justify-content:space-between;padding:24px}.detail-modal-header-left{align-items:center;display:flex;gap:16px}.detail-modal-avatar{align-items:center;background:#fff3;border-radius:16px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:72px;justify-content:center;transition:transform .2s;width:72px}.detail-modal-avatar:hover{transform:scale(1.05)}.detail-modal-header-info h2{color:#fff}.detail-modal-body{background:var(--bg-secondary);padding:24px}.detail-info-card{background:var(--bg-primary);border-radius:12px;box-shadow:0 2px 8px #0000000a;height:100%;padding:20px}.detail-card-title{align-items:center;border-bottom:1px solid var(--border-color);color:var(--text-primary);display:flex;font-size:15px;font-weight:600;gap:10px;margin-bottom:16px;padding-bottom:12px}.detail-card-icon{color:#667eea;font-size:18px}.detail-card-icon.purple{color:#8b5cf6}.detail-card-icon.green{color:#10b981}.detail-card-icon.orange{color:#f59e0b}.detail-info-list{display:flex;flex-direction:column;gap:14px}.detail-info-item{align-items:flex-start;display:flex;gap:12px}.detail-info-icon{align-items:center;background:var(--bg-secondary);border-radius:8px;color:var(--text-secondary);display:flex;flex-shrink:0;font-size:14px;height:32px;justify-content:center;width:32px}.detail-info-label{color:var(--text-tertiary);font-size:11px;letter-spacing:.3px;margin-bottom:2px;text-transform:uppercase}.detail-info-value{color:var(--text-primary);font-size:14px;font-weight:500}.detail-time-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}.detail-time-item{background:var(--bg-secondary);border-radius:10px;padding:16px}.detail-time-label{color:var(--text-secondary);font-size:12px;margin-bottom:8px}.detail-time-value{color:var(--text-primary);font-size:18px;font-weight:600}.detail-time-by{color:var(--text-tertiary);font-size:12px;margin-top:4px}.detail-modal-actions{border-top:1px solid var(--border-color);display:flex;gap:10px;justify-content:flex-end;margin-top:20px;padding-top:16px}@media (max-width:768px){.visitor-detail-header,.visitors-header-modern{align-items:flex-start;flex-direction:column;gap:16px}.visitor-detail-header .visitor-avatar{font-size:20px;height:48px;width:48px}.emergency-grid,.visitor-detail-card .time-grid{grid-template-columns:1fr}.detail-modal-header{align-items:flex-start;flex-direction:column;gap:16px}.detail-time-grid{grid-template-columns:1fr}.detail-modal-actions{flex-wrap:wrap}.detail-compact-layout{align-items:center;flex-direction:column}.detail-large-photo{height:150px;width:120px}.detail-info-column{width:100%}.detail-action-footer{flex-direction:column}.detail-action-btn{width:100%}}.announcements-feed-page{margin:0 auto;max-width:720px;min-height:100vh;padding:24px}.feed-container{margin-top:24px}.feed-grid,.feed-skeleton{display:flex;flex-direction:column;gap:20px}.feed-card{background:var(--component-background);border:1px solid var(--border-color);border-radius:16px;cursor:pointer;overflow:hidden;padding:20px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.feed-card:hover{border-color:var(--primary-color);box-shadow:0 12px 40px #0000001f;transform:translateY(-4px)}.feed-card:hover .read-more-arrow{opacity:1;transform:translateX(0)}.feed-card:hover .feed-title{color:var(--primary-color)}.feed-card.unread{background:linear-gradient(90deg,#1890ff0a 0,var(--component-background) 50%);border-left:4px solid var(--primary-color)}.feed-card.pinned{background:linear-gradient(135deg,#faad140f 0,var(--component-background) 100%);border:1px solid #faad144d}.feed-card.pinned:hover{border-color:#faad14}.pinned-ribbon{background:linear-gradient(135deg,#faad14,#fa8c16);border-radius:0 16px 0 16px;box-shadow:0 2px 8px #faad1466;font-size:11px;font-weight:600;gap:6px;letter-spacing:.5px;padding:6px 16px 6px 12px;right:0;text-transform:uppercase;top:0}.pinned-ribbon,.read-more-arrow{align-items:center;color:#fff;display:flex;position:absolute}.read-more-arrow{background:var(--primary-color);border-radius:50%;font-size:14px;height:36px;justify-content:center;margin-top:-18px;opacity:0;right:20px;top:50%;transform:translateX(10px);transition:all .3s ease;width:36px}.feed-header{margin-bottom:16px}.author-section{align-items:flex-start;display:flex;gap:14px}.author-avatar-large{border:3px solid var(--background-color);box-shadow:0 4px 12px #0000001a;flex-shrink:0}.author-details{flex:1 1;min-width:0}.author-name-row{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.author-name{color:var(--text-primary);font-size:16px;font-weight:700;line-height:1.3}.new-badge{border-radius:10px;font-size:10px;font-weight:600;letter-spacing:.3px;padding:0 8px;text-transform:uppercase}.author-subtitle{align-items:center;display:flex;flex-wrap:wrap;font-size:13px;gap:6px;margin-top:2px}.author-title{color:var(--primary-color);font-weight:500}.separator{color:var(--text-tertiary)}.author-dept{color:var(--text-secondary)}.post-meta{align-items:center;color:var(--text-tertiary);display:flex;font-size:12px;gap:6px;margin-top:4px}.feed-content{margin-bottom:16px}.feed-title{-webkit-line-clamp:2;color:var(--text-primary);font-size:20px;font-weight:700;line-height:1.4;margin-bottom:10px;transition:color .2s ease}.feed-preview,.feed-title{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.feed-preview{-webkit-line-clamp:3;color:var(--text-secondary);font-size:14px;line-height:1.7}.feed-media{background:var(--background-color);margin:16px -20px;overflow:hidden}.feed-media img{max-height:400px;object-fit:cover;transition:transform .5s cubic-bezier(.4,0,.2,1);width:100%}.feed-card:hover .feed-media img{transform:scale(1.02)}.video-cover{align-items:center;background:linear-gradient(135deg,#1a1a2e,#16213e);display:flex;flex-direction:column;gap:12px;height:240px;justify-content:center;position:relative}.video-cover:before{background:radial-gradient(circle at center,#1890ff1a 0,#0000 70%);content:"";inset:0;position:absolute}.play-icon{color:#fff;filter:drop-shadow(0 4px 12px rgba(0,0,0,.3));font-size:64px;transition:transform .3s ease}.feed-card:hover .play-icon{transform:scale(1.1)}.video-label{color:#fffc;font-size:14px;font-weight:600;letter-spacing:2px;text-transform:uppercase}.feed-footer{border-top:1px solid var(--border-color-light);justify-content:space-between;padding-top:16px}.engagement-stats,.feed-footer,.reactions-summary{align-items:center;display:flex}.reactions-summary{gap:8px}.reaction-icons-group{display:flex;margin-left:4px}.reaction-icon{align-items:center;border:2px solid var(--component-background);border-radius:50%;display:flex;font-size:12px;height:22px;justify-content:center;margin-left:-6px;width:22px}.reaction-icon:first-child{margin-left:0}.reaction-icon.like{background:linear-gradient(135deg,#1890ff,#096dd9);color:#fff}.reaction-icon.love{background:linear-gradient(135deg,#ff4d4f,#cf1322);color:#fff}.reaction-icon.celebrate{background:linear-gradient(135deg,#faad14,#d48806);color:#fff}.reaction-icon.laugh{background:linear-gradient(135deg,#52c41a,#389e0d);color:#fff}.reaction-count{color:var(--text-secondary);font-size:13px;font-weight:500}.interaction-stats{gap:16px}.interaction-stats,.stat-badge{align-items:center;display:flex}.stat-badge{color:var(--text-secondary);font-size:13px;gap:6px;transition:color .2s ease}.stat-badge:hover{color:var(--primary-color)}.section-header{align-items:center;border-bottom:2px solid var(--border-color-light);display:flex;gap:10px;margin-bottom:16px;padding-bottom:12px}.section-header h3{color:var(--text-secondary);font-size:14px;font-weight:600;letter-spacing:.5px;margin:0;text-transform:uppercase}.section-icon{color:var(--text-secondary);font-size:16px}.section-icon.pinned{color:#faad14}.pinned-section{margin-bottom:32px}.regular-section{margin-bottom:24px}.skeleton-card{padding:20px}.empty-card{border-radius:16px;padding:64px 24px}.loading-more{color:var(--text-secondary);gap:12px}.loading-more,.no-more-posts{align-items:center;display:flex;justify-content:center;padding:32px}.no-more-posts{color:var(--text-tertiary);font-size:13px;gap:16px}.no-more-line{background:linear-gradient(90deg,#0000,var(--border-color),#0000);height:1px;width:60px}.announcement-detail-page{margin:0 auto;max-width:800px;padding:24px}.detail-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.announcement-detail-card{border:1px solid var(--border-color);border-radius:16px;margin-bottom:24px;overflow:hidden;position:relative}.detail-author{align-items:center;border-bottom:1px solid var(--border-color);display:flex;gap:16px;margin-bottom:24px;padding-bottom:24px}.detail-author .author-avatar{border:3px solid var(--background-color);box-shadow:0 4px 12px #0000001a;flex-shrink:0;height:56px;width:56px}.detail-author .author-name{font-size:18px;font-weight:700}.detail-author .author-meta{color:var(--text-secondary);font-size:14px}.publish-date{align-items:center;color:var(--text-tertiary);display:flex;font-size:13px;gap:6px;margin-top:4px}.detail-title{color:var(--text-primary);font-size:32px;font-weight:700;line-height:1.3;margin-bottom:24px}.detail-content{color:var(--text-primary);font-size:16px;line-height:1.9}.detail-content p{margin-bottom:16px}.detail-content h1,.detail-content h2,.detail-content h3{margin-bottom:14px;margin-top:28px}.detail-media{background:var(--background-color);border-radius:12px;margin:28px 0;overflow:hidden}.detail-media img{max-height:500px;object-fit:contain;width:100%}.detail-media video{background:#000;max-height:500px;width:100%}.detail-stats{align-items:center;border-top:1px solid var(--border-color);color:var(--text-secondary);display:flex;font-size:14px;gap:20px;padding:20px 0}.edited-label{font-style:italic}.reactions-bar{border-top:1px solid var(--border-color);padding:20px 0}.reactions-bar .ant-btn{border-radius:24px;font-size:18px;height:auto;padding:8px 16px;transition:all .2s}.reactions-bar .ant-btn:hover{transform:scale(1.1)}.comments-card{border:1px solid var(--border-color);border-radius:16px}.comments-card h3{font-size:18px;font-weight:600;margin-bottom:20px}.comment-input{margin-bottom:28px}.replying-to{align-items:center;background:var(--background-color);border-radius:8px;color:var(--text-secondary);display:flex;font-size:13px;justify-content:space-between;margin-bottom:10px;padding:8px 12px}.comment-input-row{display:flex;gap:12px}.comment-input-row textarea{border-radius:12px;flex:1 1}.comments-list{margin-top:20px}.no-comments{color:var(--text-secondary);padding:48px;text-align:center}.no-comments p{color:var(--text-tertiary);margin-top:8px}.comment-item{border-bottom:1px solid var(--border-color-light);padding:20px 0}.comment-item:last-child{border-bottom:none}.comment-item.level-1{background:linear-gradient(90deg,#1890ff05,#0000);border-left:3px solid var(--primary-color);margin-left:48px;padding-left:20px}.comment-item.level-2{margin-left:48px}.comment-header{gap:12px;margin-bottom:10px}.comment-header,.comment-meta{align-items:center;display:flex}.comment-meta{flex:1 1;flex-wrap:wrap;gap:6px}.comment-author{font-size:14px;font-weight:600}.comment-time{color:var(--text-tertiary);font-size:12px}.comment-content{font-size:14px;line-height:1.7;padding-left:44px}.comment-content.deleted{background:var(--background-color);border-radius:8px;color:var(--text-tertiary);font-style:italic;margin-left:44px;padding:12px}.comment-actions{margin-top:8px;padding-left:44px}.comment-replies{margin-top:12px}.announcement-management-modal .ant-modal-content{border-radius:16px}.announcement-management-modal .ant-modal-header{border-radius:16px 16px 0 0}.announcement-management-modal .ant-form-item-label>label{font-weight:500}.stat-card{border-radius:12px}.stat-card .ant-statistic-content{font-size:24px}[data-theme=dark] .feed-card{border-color:#ffffff14}[data-theme=dark] .feed-card:hover{border-color:var(--primary-color);box-shadow:0 12px 40px #0006}[data-theme=dark] .feed-card.pinned{background:linear-gradient(135deg,#faad1414 0,var(--component-background) 100%);border-color:#faad144d}[data-theme=dark] .feed-card.unread{background:linear-gradient(90deg,#1890ff0f 0,var(--component-background) 50%)}[data-theme=dark] .video-cover{background:linear-gradient(135deg,#0d1117,#161b22)}[data-theme=dark] .reaction-icon{border-color:var(--component-background)}[data-theme=dark] .feed-media{background:#0d1117}@media (max-width:768px){.announcements-feed-page,.feed-card{padding:16px}.feed-card{border-radius:12px}.feed-media{margin:12px -16px}.feed-title{font-size:17px}.author-avatar-large{height:44px!important;width:44px!important}.author-name{font-size:15px}.read-more-arrow{display:none}.announcement-detail-page{padding:16px}.detail-title{font-size:24px}.detail-author{align-items:flex-start;flex-direction:column}.comment-item.level-1{margin-left:24px;padding-left:12px}.comment-actions,.comment-content{padding-left:0}.stat-card .ant-statistic-content{font-size:20px}}@media (max-width:480px){.feed-card{padding:14px}.author-section{gap:10px}.author-avatar-large{height:40px!important;width:40px!important}.feed-title{font-size:16px}.feed-preview{-webkit-line-clamp:2;font-size:13px}.pinned-ribbon{font-size:10px;padding:4px 12px 4px 10px}.feed-footer{align-items:flex-start;flex-direction:column;gap:12px}.interaction-stats{justify-content:flex-end;width:100%}}.near-miss-list-page{padding:0}.report-button{background:linear-gradient(135deg,#ff4d4f,#ff7875)!important;border:none!important;box-shadow:0 4px 12px #ff4d4f66!important;font-weight:600!important}.report-button:hover{box-shadow:0 6px 16px #ff4d4f80!important;transform:translateY(-2px)}.stat-card{border-radius:12px!important;text-align:center;transition:all .3s ease}.stat-card:hover{box-shadow:0 8px 24px #0000001a;transform:translateY(-4px)}.stat-card .ant-statistic-title{color:var(--text-secondary);font-size:12px}.stat-card .ant-statistic-content{font-size:28px}.stat-card .ant-statistic-content-prefix{margin-right:8px}.filter-card{border-radius:12px!important}.filter-card .ant-segmented{background:var(--bg-secondary)}.filter-card .ant-segmented-item-selected{background:var(--primary-color)!important;color:#fff!important}.near-miss-card{border-radius:16px!important;display:flex;flex-direction:column;height:100%;overflow:hidden;transition:all .3s ease}.near-miss-card:hover{box-shadow:0 12px 32px #00000026;transform:translateY(-8px)}.near-miss-card.open{border-top:4px solid #fa8c16}.near-miss-card.critical{animation:pulse-border 2s infinite;border-top:4px solid #ff4d4f}@keyframes pulse-border{0%{box-shadow:0 0 0 0 #ff4d4f66}70%{box-shadow:0 0 0 10px #ff4d4f00}to{box-shadow:0 0 0 0 #ff4d4f00}}.near-miss-card.closed{border-top:4px solid #d9d9d9;opacity:.85}.near-miss-card .ant-card-body{display:flex;flex:1 1;flex-direction:column;padding:16px}.card-image-container{height:180px;overflow:hidden;position:relative}.card-image{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.near-miss-card:hover .card-image{transform:scale(1.05)}.card-placeholder{height:120px;justify-content:center}.card-placeholder,.risk-badge{align-items:center;display:flex}.risk-badge{border-radius:20px;box-shadow:0 2px 8px #0003;color:#fff;font-size:12px;font-weight:600;gap:6px;left:12px;padding:6px 12px;position:absolute;top:12px}.risk-badge.large{font-size:14px;padding:10px 20px;position:static}.risk-badge .anticon{font-size:14px}.card-content{display:flex;flex:1 1;flex-direction:column}.card-header{align-items:flex-start;display:flex;gap:8px;justify-content:space-between;margin-bottom:8px}.card-title{flex:1 1;font-size:16px!important;line-height:1.4!important;margin:0!important}.card-description{flex:1 1;font-size:13px;line-height:1.5;margin-bottom:12px!important}.card-meta{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}.meta-item{align-items:center;color:var(--text-secondary);display:flex;font-size:12px;gap:6px}.meta-item .anticon{color:var(--text-tertiary)}.card-footer{border-top:1px solid var(--border-color);margin-top:auto;padding-top:12px}.reporter-name{font-size:12px}.empty-card{border-radius:16px!important;padding:48px 24px;text-align:center}.empty-card .ant-empty-image{height:auto;margin-bottom:16px}.near-miss-create-page{margin:0 auto;max-width:800px;padding:0}.near-miss-create-page .ant-card{border-radius:16px!important}.near-miss-create-page .ant-alert{border-radius:12px!important}.photo-section{background:var(--bg-secondary);border-radius:12px;padding:24px;text-align:center}.photo-buttons{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.photo-buttons .ant-btn{border-radius:8px;height:48px;padding:0 24px}.captured-photo-container{text-align:center}.captured-photo-container .ant-image{border-radius:12px;overflow:hidden}.risk-level-option{align-items:center;display:flex;gap:8px}.risk-indicator{border-radius:50%;height:12px;width:12px}.near-miss-detail-page{padding:0}.near-miss-detail-page .ant-card{border-radius:16px!important;overflow:hidden}.detail-photo-card{padding:0!important}.detail-photo-card .ant-card-body{padding:0}.detail-photo{max-height:400px;object-fit:cover;width:100%}.detail-section{margin-bottom:24px}.detail-section-title{align-items:center;display:flex;font-size:16px;font-weight:600;gap:8px;margin-bottom:16px}.reporter-card{align-items:center;background:var(--bg-secondary);border-radius:12px;display:flex;gap:16px;padding:16px}.reporter-info{display:flex;flex-direction:column}.reporter-name-detail{font-size:16px;font-weight:600}.reporter-title{color:var(--text-secondary);font-size:13px}.close-modal .ant-modal-content{border-radius:16px}@media (max-width:576px){.near-miss-card .ant-card-body{padding:12px}.card-image-container{height:150px}.stat-card .ant-statistic-content{font-size:22px}.stat-card .ant-statistic-title{font-size:11px}.report-button{width:100%}.photo-buttons{flex-direction:column}.photo-buttons .ant-btn{width:100%}}[data-theme=dark] .filter-card,[data-theme=dark] .near-miss-card,[data-theme=dark] .stat-card{background:var(--bg-secondary)}[data-theme=dark] .card-placeholder{opacity:.8}[data-theme=dark] .reporter-card{background:var(--bg-tertiary)}.phone-directory-page{margin:0 auto;max-width:1600px;padding:24px}.directory-toolbar{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:24px}.search-section{flex:1 1;min-width:300px}.search-input{border-radius:12px;width:100%}.search-input .ant-input-affix-wrapper{border:2px solid var(--border-color);border-radius:12px;transition:all .3s ease}.search-input .ant-input-affix-wrapper:focus-within,.search-input .ant-input-affix-wrapper:hover{border-color:var(--primary-color);box-shadow:0 0 0 3px #a855f71a}.filter-section{min-width:250px}.department-filter{width:100%}.department-filter .ant-select-selector{border:2px solid var(--border-color)!important;border-radius:12px!important;height:40px!important}.department-filter.ant-select-focused .ant-select-selector,.department-filter:hover .ant-select-selector{border-color:var(--primary-color)!important}.quick-stats{background:linear-gradient(135deg,#a855f714,#7c3aed0a);border:1px solid #a855f726;border-radius:12px;display:flex;gap:24px;margin-bottom:24px;padding:16px 20px}.stat-item{align-items:center;color:var(--text-secondary);display:flex;font-size:14px;font-weight:500;gap:8px}.stat-item .anticon{color:var(--primary-color);font-size:16px}.directory-content{min-height:400px}.contact-card{border:1px solid var(--border-color);height:100%;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.contact-card:hover{border-color:var(--primary-color);box-shadow:0 12px 40px #0000001f;transform:translateY(-4px)}.contact-card .ant-card-body{padding:20px}.contact-card-header{align-items:flex-start;display:flex;gap:16px;margin-bottom:16px}.contact-avatar{border:3px solid var(--background-color);box-shadow:0 4px 12px #0000001a;flex-shrink:0}.contact-info{flex:1 1;min-width:0}.contact-name{color:var(--text-primary);font-size:16px;font-weight:700;line-height:1.3;margin:0 0 8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.contact-title{font-size:11px;margin-bottom:6px}.contact-department{align-items:center;color:var(--text-tertiary);display:flex;font-size:12px;gap:4px}.contact-department .anticon{font-size:11px}.extension-badge{align-items:center;background:linear-gradient(135deg,#a855f71a,#7c3aed0d);border-bottom:1px solid #a855f71a;border-top:1px solid #a855f71a;display:flex;gap:8px;justify-content:center;margin:0 -20px 16px;padding:12px}.ext-label{color:var(--text-secondary);font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.ext-number{color:var(--primary-color);font-family:JetBrains Mono,Fira Code,monospace;font-size:24px;font-weight:700;letter-spacing:2px}.contact-actions{margin-bottom:16px}.phone-buttons{display:flex;flex-wrap:wrap;gap:8px}.phone-btn{align-items:center;border-radius:20px;display:flex;font-size:12px;font-weight:500;gap:6px;padding:6px 12px;transition:all .2s ease}.phone-btn.purple{background:#a855f71a;color:#9333ea}.phone-btn.purple:hover{background:#a855f733}.phone-btn.blue{background:#3b82f61a;color:#2563eb}.phone-btn.blue:hover{background:#3b82f633}.phone-btn.green{background:#22c55e1a;color:#16a34a}.phone-btn.green:hover{background:#22c55e33}.phone-btn.orange{background:#f973161a;color:#ea580c}.phone-btn.orange:hover{background:#f9731633}.phone-label{max-width:60px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.no-phone-info{align-items:center;background:var(--background-color);border-radius:8px;color:var(--text-tertiary);display:flex;font-size:13px;gap:8px;justify-content:center;padding:16px}.contact-footer{border-top:1px solid var(--border-color-light);padding-top:12px}.email-btn{color:var(--text-secondary);font-size:12px;height:auto;padding:4px 0}.email-btn:hover{color:var(--primary-color)}.contact-detail-modal .ant-modal-content{border-radius:20px;overflow:hidden}.contact-detail-modal .ant-modal-close{right:16px;top:16px}.contact-detail,.contact-detail-modal .ant-modal-body{padding:0}.detail-header{background:linear-gradient(180deg,#a855f714,#0000);padding:32px 24px 24px;text-align:center}.detail-avatar{border:4px solid #fff;box-shadow:0 8px 24px #00000026;margin-bottom:16px}.detail-name{color:var(--text-primary);font-size:24px;font-weight:700;margin:0 0 12px}.detail-title{margin-bottom:8px}.detail-department{align-items:center;color:var(--text-secondary);display:flex;font-size:14px;gap:6px;justify-content:center}.detail-section{padding:24px}.detail-section h4{color:var(--text-tertiary);font-size:12px;font-weight:600;letter-spacing:1px;margin:0 0 16px;text-transform:uppercase}.detail-row{align-items:center;background:var(--background-color);border-radius:12px;display:flex;gap:16px;margin-bottom:12px;padding:16px;transition:all .2s ease}.detail-row:hover{background:#a855f70d}.detail-row.extension{background:linear-gradient(135deg,#a855f71a,#7c3aed0d);border:1px solid #a855f733}.detail-icon{align-items:center;border-radius:12px;display:flex;flex-shrink:0;font-size:18px;height:44px;justify-content:center;width:44px}.detail-icon.purple{background:#a855f726;color:#9333ea;font-weight:700}.detail-icon.blue{background:#3b82f626;color:#2563eb}.detail-icon.green{background:#22c55e26;color:#16a34a}.detail-icon.orange{background:#f9731626;color:#ea580c}.detail-icon.gray{background:#64748b26;color:#64748b}.detail-info{flex:1 1;min-width:0}.detail-label{color:var(--text-tertiary);font-size:11px;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.detail-label,.detail-value{display:block;font-weight:600}.detail-value{color:var(--text-primary);font-family:JetBrains Mono,Fira Code,monospace;font-size:16px}.email-row .detail-value{font-family:inherit;font-weight:500}.no-phone-warning{align-items:center;background:#f59e0b1a;border-radius:12px;color:#d97706;display:flex;font-size:14px;font-weight:500;gap:10px;justify-content:center;padding:24px}[data-theme=dark] .quick-stats{background:linear-gradient(135deg,#a855f71f,#7c3aed0f)}[data-theme=dark] .contact-card{background:var(--component-background);border-color:#ffffff14}[data-theme=dark] .contact-card:hover{border-color:var(--primary-color);box-shadow:0 12px 40px #0006}[data-theme=dark] .extension-badge{background:linear-gradient(135deg,#a855f726,#7c3aed14)}[data-theme=dark] .detail-row{background:#ffffff0a}[data-theme=dark] .detail-row:hover{background:#a855f71a}[data-theme=dark] .detail-row.extension{background:linear-gradient(135deg,#a855f726,#7c3aed14)}@media (max-width:768px){.phone-directory-page{padding:16px}.directory-toolbar{flex-direction:column}.filter-section,.search-section{min-width:100%}.quick-stats{flex-direction:column;gap:12px}.contact-card .ant-card-body{padding:16px}.contact-name{font-size:15px}.extension-badge{margin:0 -16px 16px;padding:10px}.ext-number{font-size:20px}.phone-buttons{flex-direction:column}.phone-btn{justify-content:center}.phone-label{max-width:none}.detail-row{flex-wrap:wrap}.detail-row .ant-space{justify-content:flex-end;margin-top:8px;width:100%}}@media (max-width:480px){.contact-card-header{flex-direction:column;text-align:center}.contact-info{width:100%}.contact-department{justify-content:center}.detail-header{padding:24px 16px}.detail-section{padding:16px}.detail-icon{height:36px;width:36px}.detail-icon,.detail-value{font-size:14px}}.kiosk-container{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);display:flex;flex-direction:column;min-height:100vh}.kiosk-container.fullscreen{background:linear-gradient(135deg,#1a1a2e,#16213e)}.kiosk-header{background:#fff;box-shadow:0 2px 8px #0000001a;justify-content:space-between;padding:16px 24px}.kiosk-header,.kiosk-main{align-items:center;display:flex}.kiosk-main{flex:1 1;justify-content:center;padding:24px}.qr-card{border-radius:16px;border-width:4px;box-shadow:0 8px 32px #00000026;max-width:500px;overflow:hidden;width:100%}.fullscreen .qr-card{max-width:600px;transform:scale(1.1)}.qr-type-header{margin:-24px -24px 24px;padding:24px;text-align:center}.qr-display{align-items:center;display:flex;justify-content:center;min-height:420px;padding:20px}.qr-image{border:4px solid;border-radius:12px;box-shadow:0 4px 16px #0000001a;height:auto;max-width:400px;transition:transform .2s ease;width:100%}.qr-image:hover{transform:scale(1.02)}.qr-countdown{background:#f5f5f5;border-radius:8px;margin:16px 0;padding:16px;text-align:center}.countdown-number{align-items:center;animation:pulse 1s infinite;border-radius:50%;color:#fff;display:inline-flex;font-size:24px;font-weight:700;height:40px;justify-content:center;width:40px}.qr-instructions{font-size:14px;padding:12px;text-align:center}.qr-toggle{border-top:1px solid #f0f0f0;padding:16px;text-align:center}.kiosk-footer{background:#fff;box-shadow:0 -2px 8px #0000001a;padding:16px 24px}.fullscreen-hint{background:#0009;border-radius:20px;bottom:20px;color:#fff;font-size:14px;left:50%;padding:8px 24px;position:fixed;transform:translateX(-50%)}.verify-container{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);display:flex;flex-direction:column;min-height:100vh}.verify-main{align-items:center;display:flex;flex:1 1;justify-content:center;padding:24px}.verify-card{border-radius:16px;box-shadow:0 8px 32px #00000026;max-width:450px;overflow:hidden;width:100%}.verify-header{margin:-24px -24px 0;padding:24px;text-align:center}.verify-content{padding:32px 24px;text-align:center}.verify-icon{font-size:80px;margin-bottom:24px}.verify-icon.success{color:#52c41a}.verify-icon.error{color:#ff4d4f}.verify-icon.loading{color:#1890ff}.verify-details,.verify-message{margin-bottom:24px}.verify-details{background:#f5f5f5;border-radius:12px;padding:24px}.verify-detail-item{align-items:center;display:flex;gap:12px;justify-content:flex-start;padding:8px 0}.verify-detail-item:not(:last-child){border-bottom:1px solid #e8e8e8}.verify-action{padding:16px 0}.attendance-page{padding:24px}.attendance-filters,.attendance-stats-row{margin-bottom:24px}.attendance-stat-card{border-radius:12px;text-align:center}.attendance-stat-card .ant-statistic-title{font-size:14px}.attendance-records-table{border-radius:12px;overflow:hidden}.attendance-type-tag{font-weight:600}.attendance-type-tag.check-in{background-color:#f6ffed;border-color:#b7eb8f;color:#52c41a}.attendance-type-tag.check-out{background-color:#fff7e6;border-color:#ffd591;color:#fa8c16}.anomaly-card{border-radius:12px;margin-bottom:16px}.anomaly-card.critical{border-left:4px solid #ff4d4f}.anomaly-card.high{border-left:4px solid #fa8c16}.anomaly-card.medium{border-left:4px solid #faad14}.anomaly-card.low{border-left:4px solid #52c41a}.anomaly-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.anomaly-description{color:#666;margin-bottom:12px}.anomaly-meta{color:#999;display:flex;font-size:12px;gap:16px}@media (max-width:768px){.kiosk-header{flex-direction:column;gap:16px}.qr-display{min-height:320px}.qr-image{max-width:280px}.verify-card{margin:16px}.verify-icon{font-size:60px}}@keyframes successPulse{0%{box-shadow:0 0 0 0 #52c41a66}70%{box-shadow:0 0 0 20px #52c41a00}to{box-shadow:0 0 0 0 #52c41a00}}@keyframes errorShake{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-5px)}20%,40%,60%,80%{transform:translateX(5px)}}.verify-card.success{animation:successPulse .6s ease-out}.verify-card.error{animation:errorShake .5s ease-out}:root{--showcase-primary:#2563eb;--showcase-secondary:#0891b2;--showcase-accent:#7c3aed;--showcase-bg:#0c1222;--showcase-text:#fff;--showcase-text-muted:#ffffffbf;--showcase-card-bg:#ffffff0a;--showcase-border:#2563eb33}.showcase-container{background:#0c1222;background:var(--showcase-bg);color:#fff;color:var(--showcase-text);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;overflow-x:hidden}.animated-bg{inset:0;pointer-events:none;position:fixed;z-index:0}.bg-gradient-1{animation:float1 40s ease-in-out infinite;background:radial-gradient(circle,#2563eb1f 0,#0000 60%);height:1000px;position:absolute;right:-300px;top:-300px;width:1000px}.bg-gradient-2{animation:float2 50s ease-in-out infinite;background:radial-gradient(circle,#0891b21a 0,#0000 60%);bottom:-200px;height:800px;left:-200px;position:absolute;width:800px}@keyframes float1{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-30px,30px) scale(1.05)}}@keyframes float2{0%,to{transform:translate(0)}50%{transform:translate(40px,-30px)}}.watermark-logo{height:500px;left:50%;opacity:.04;pointer-events:none;position:fixed;top:50%;transform:translate(-50%,-50%);width:500px;z-index:0}.watermark-rings{inset:0;position:absolute}.watermark-ring{border:3px solid #0000;border-radius:50%;position:absolute}.watermark-ring-1{animation:heroRingRotate1 20s linear infinite;border-color:#a855f7;inset:0}.watermark-ring-2{animation:heroRingRotate2 30s linear infinite reverse;border-color:#8b5cf6;border-style:dashed;inset:50px}.watermark-ring-3{animation:heroRingRotate1 15s linear infinite;border-color:#c084fc;border-width:2px;inset:100px}.watermark-core{align-items:center;background:linear-gradient(135deg,#a855f7,#8b5cf6 50%,#c084fc);border-radius:50%;display:flex;height:250px;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:250px}.watermark-core span{color:#fff;font-size:80px;font-weight:800;letter-spacing:-5px}.light-theme .watermark-logo{opacity:.03}.showcase-header{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0c122226;border-bottom:1px solid #ffffff08;display:flex;justify-content:space-between;left:0;padding:16px 48px;position:fixed;right:0;top:0;transition:background .3s ease,border-color .3s ease,-webkit-backdrop-filter .3s ease;transition:background .3s ease,border-color .3s ease,backdrop-filter .3s ease;transition:background .3s ease,border-color .3s ease,backdrop-filter .3s ease,-webkit-backdrop-filter .3s ease;z-index:1000}.showcase-header:hover{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0c1222b3;border-bottom-color:#2563eb33;border-bottom-color:var(--showcase-border)}.logo-section{align-items:center;display:flex;gap:16px}.header-logo{height:52px;position:relative;width:52px}.header-logo-rings{inset:0;position:absolute}.header-ring{border:2px solid #0000;border-radius:50%;position:absolute}.header-ring-1{animation:heroRingRotate1 8s linear infinite;border-color:#a855f7;box-shadow:0 0 12px #a855f780;inset:0}.header-ring-2{animation:heroRingRotate2 10s linear infinite reverse;border:1px dashed #8b5cf6;inset:6px}.header-ring-3{animation:heroRingRotate1 6s linear infinite;border-color:#c084fc;border-width:1px;inset:12px}.header-logo-core{align-items:center;background:linear-gradient(135deg,#a855f7,#8b5cf6);border-radius:50%;box-shadow:0 0 15px #a855f780;display:flex;height:26px;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:26px}.header-logo-core span{color:#fff;font-size:7px;font-weight:800}.logo-text-group{display:flex;flex-direction:column}.logo-text{color:#fff;color:var(--showcase-text);font-size:22px;font-weight:700;line-height:1.1}.logo-slogan{color:#ffffffbf;color:var(--showcase-text-muted);font-size:11px;font-weight:500}.logo-highlight{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#2563eb,#0891b2);background:linear-gradient(135deg,var(--showcase-primary) 0,var(--showcase-secondary) 100%);-webkit-background-clip:text;background-clip:text}.nav-dot,.nav-dots{align-items:center;display:flex;gap:6px}.nav-dot{background:#0000;border:1px solid #0000;border-radius:8px;color:#ffffffbf;color:var(--showcase-text-muted);cursor:pointer;font-size:14px;padding:10px 20px;transition:all .3s ease}.nav-dot:hover{background:#2563eb1a;color:#fff;color:var(--showcase-text)}.nav-dot.active{background:#2563eb26;border-color:#2563eb;border-color:var(--showcase-primary);color:#2563eb;color:var(--showcase-primary)}.dot-label{font-weight:500}.header-actions{gap:16px}.header-actions,.theme-toggle{align-items:center;display:flex}.theme-toggle{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;color:#fff;color:var(--showcase-text);cursor:pointer;font-size:18px;height:44px;justify-content:center;transition:all .3s ease;width:44px}.theme-toggle:hover{background:#2563eb26;border-color:#2563eb;border-color:var(--showcase-primary);color:#2563eb;color:var(--showcase-primary)}.login-btn{background:linear-gradient(135deg,#2563eb,#0891b2)!important;background:linear-gradient(135deg,var(--showcase-primary) 0,var(--showcase-secondary) 100%)!important;border:none!important;border-radius:10px!important;box-shadow:0 4px 20px #2563eb59!important;font-size:15px!important;font-weight:600!important;height:44px!important;padding:0 28px!important;transition:all .3s ease!important}.login-btn:hover{box-shadow:0 8px 30px #2563eb73!important;transform:translateY(-2px)!important}.section{align-items:center;display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:80px;position:relative;z-index:1}.section-inner{margin:0 auto;max-width:1400px;width:100%}.section-label{align-items:center;background:#2563eb1f;border:1px solid #2563eb4d;border-radius:10px;box-shadow:0 4px 16px #2563eb26;color:#2563eb;color:var(--showcase-primary);display:inline-flex;font-size:14px;font-weight:700;gap:10px;letter-spacing:1.5px;margin-bottom:24px;padding:12px 22px;text-transform:uppercase}.brush-accent{background:linear-gradient(135deg,#2563eb14,#0891b20f);border-radius:40% 60% 40% 60%;filter:blur(40px);height:150px;pointer-events:none;position:absolute;width:300px}.accent-1{right:5%;top:15%}.accent-2{left:-50px;top:-30px}.accent-2,.accent-3{height:100px;width:200px}.accent-3{bottom:-30px;right:-50px}.accent-4{height:200px;left:0;top:5%;width:400px}.highlight-brush{display:inline-block;position:relative}.highlight-brush:after{background:linear-gradient(90deg,#2563eb4d,#0891b240);border-radius:4px;bottom:2px;content:"";height:35%;left:-6px;position:absolute;right:-6px;transform:skewX(-3deg);z-index:-1}.text-gradient{background:linear-gradient(135deg,#2563eb,#0891b2);background:linear-gradient(135deg,var(--showcase-primary) 0,var(--showcase-secondary) 100%)}.about-section{padding-top:100px}.about-section .section-inner{grid-gap:60px;align-items:center;display:grid;gap:60px;grid-template-columns:1.2fr 1fr}.about-content{position:relative}.about-title{font-size:52px;font-weight:800;letter-spacing:-1px;line-height:1.15;margin:0 0 28px}.about-description{color:#ffffffbf;color:var(--showcase-text-muted);font-size:17px;letter-spacing:.2px;line-height:1.85;margin:0 0 20px}.about-description strong{color:#fff;color:var(--showcase-text);font-weight:700}.about-stats{border-top:1px solid #2563eb33;border-top:1px solid var(--showcase-border);display:flex;gap:48px;margin-top:48px;padding-top:32px}.about-stat{display:flex;flex-direction:column}.stat-number{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#2563eb,#0891b2);background:linear-gradient(135deg,var(--showcase-primary) 0,var(--showcase-secondary) 100%);-webkit-background-clip:text;background-clip:text;font-size:56px;font-weight:800;line-height:1}.stat-text{color:#ffffffbf;color:var(--showcase-text-muted);font-size:15px;font-weight:600;letter-spacing:.2px;margin-top:10px}.about-section-inner{grid-gap:60px;align-items:start;display:grid;gap:60px;grid-template-columns:1fr 1fr}.about-lead{font-size:19px;font-weight:500}.highlight-text{color:#2563eb;color:var(--showcase-primary);font-weight:600}.professional-badges{display:flex;flex-wrap:wrap;gap:12px;margin:28px 0}.pro-badge{align-items:center;background:linear-gradient(135deg,#2563eb26,#0891b21a);border:1px solid #2563eb4d;border-radius:12px;color:#fff;color:var(--showcase-text);display:flex;font-size:14px;font-weight:600;gap:10px;padding:12px 20px;transition:all .3s ease}.pro-badge:hover{border-color:#2563eb;border-color:var(--showcase-primary);box-shadow:0 8px 24px #2563eb33;transform:translateY(-3px)}.pro-badge .anticon{color:#2563eb;color:var(--showcase-primary);filter:drop-shadow(0 0 8px rgba(37,99,235,.4));font-size:18px}.about-timeline{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff0a;background:var(--showcase-card-bg);border:1px solid #2563eb33;border:1px solid var(--showcase-border);border-radius:24px;padding:40px;position:relative}.timeline-title{align-items:center;color:#fff;color:var(--showcase-text);display:flex;font-size:22px;font-weight:700;gap:12px;margin:0 0 32px}.timeline-title .anticon{color:#f59e0b;filter:drop-shadow(0 0 12px rgba(245,158,11,.5));font-size:24px}.timeline-container{padding-left:24px;position:relative}.timeline-container:before{background:linear-gradient(180deg,#2563eb,#0891b2 50%,#7c3aed);background:linear-gradient(180deg,var(--showcase-primary) 0,var(--showcase-secondary) 50%,var(--showcase-accent) 100%);border-radius:2px;bottom:0;content:"";left:0;position:absolute;top:0;width:3px}.timeline-item{padding:0 0 32px 32px;position:relative;transition:all .3s ease}.timeline-item:last-child{padding-bottom:0}.timeline-item:before{background:#0c1222;background:var(--showcase-bg);border:3px solid #2563eb;border:3px solid var(--showcase-primary);border-radius:50%;content:"";height:19px;left:-8px;position:absolute;top:4px;transition:all .3s ease;width:19px}.timeline-item.active:before,.timeline-item:hover:before{background:#2563eb;background:var(--showcase-primary);box-shadow:0 0 20px #2563eb80;transform:scale(1.2)}.timeline-year{background:#2563eb26;border-radius:6px;color:#2563eb;color:var(--showcase-primary);display:inline-block;font-size:13px;font-weight:800;letter-spacing:1px;margin-bottom:12px;padding:4px 12px}.timeline-item.active .timeline-year{background:linear-gradient(135deg,#2563eb,#0891b2);background:linear-gradient(135deg,var(--showcase-primary) 0,var(--showcase-secondary) 100%);box-shadow:0 4px 16px #2563eb4d;color:#fff}.timeline-content{position:relative}.timeline-icon{align-items:center;background:#ffffff0a;background:var(--showcase-card-bg);border:1px solid #2563eb33;border:1px solid var(--showcase-border);border-radius:10px;color:#2563eb;color:var(--showcase-primary);display:flex;font-size:18px;height:36px;justify-content:center;position:absolute;right:0;top:0;transition:all .3s ease;width:36px}.timeline-item:hover .timeline-icon{background:#2563eb;background:var(--showcase-primary);box-shadow:0 8px 24px #2563eb4d;color:#fff;transform:rotate(-5deg) scale(1.1)}.timeline-item.active .timeline-icon{animation:iconPulse 2s ease-in-out infinite;background:linear-gradient(135deg,#f59e0b,#d97706);border-color:#0000;box-shadow:0 8px 24px #f59e0b66;color:#fff}.timeline-content h4{color:#fff;color:var(--showcase-text);font-size:17px;font-weight:700;margin:0 0 8px;padding-right:48px}.timeline-content p{color:#ffffffbf;color:var(--showcase-text-muted);font-size:14px;line-height:1.7;margin:0;padding-right:48px}.timeline-content p strong{color:#fff;color:var(--showcase-text);font-weight:600}.timeline-visual{-ms-overflow-style:none;align-items:stretch;display:flex;gap:0;overflow-x:auto;padding:20px 0;scrollbar-width:none}.timeline-visual::-webkit-scrollbar{display:none}.timeline-card{background:#ffffff0a;border:1px solid #2563eb33;border:1px solid var(--showcase-border);border-radius:20px;flex:0 0 200px;min-width:200px;padding:24px 20px;position:relative;text-align:center;transition:all .4s cubic-bezier(.4,0,.2,1)}.timeline-card:hover{background:#ffffff14;box-shadow:0 20px 40px #2563eb33;transform:translateY(-8px)}.timeline-card.active,.timeline-card:hover{border-color:#2563eb;border-color:var(--showcase-primary)}.timeline-card.active{background:linear-gradient(135deg,#2563eb26,#0891b21a);box-shadow:0 12px 32px #2563eb40}.timeline-card-year{background:linear-gradient(135deg,#2563eb,#0891b2);background:linear-gradient(135deg,var(--showcase-primary) 0,var(--showcase-secondary) 100%);border-radius:20px;box-shadow:0 4px 12px #2563eb4d;color:#fff;font-size:12px;font-weight:800;left:50%;letter-spacing:1px;padding:4px 16px;position:absolute;top:-12px;transform:translateX(-50%)}.timeline-card.active .timeline-card-year{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 4px 16px #f59e0b66}.timeline-card-icon{align-items:center;border-radius:18px;color:#fff;display:flex;font-size:28px;height:64px;justify-content:center;margin:16px auto;transition:all .3s ease;width:64px}.timeline-card:hover .timeline-card-icon{transform:scale(1.1) rotate(-5deg)}.timeline-card-icon.startup{background:linear-gradient(135deg,#a855f7,#7c3aed);box-shadow:0 8px 24px #a855f766}.timeline-card-icon.growth{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 8px 24px #10b98166}.timeline-card-icon.cloud{background:linear-gradient(135deg,#06b6d4,#0891b2);box-shadow:0 8px 24px #06b6d466}.timeline-card-icon.ai{animation:iconGlow 2s ease-in-out infinite;background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 8px 24px #f59e0b66}@keyframes iconGlow{0%,to{box-shadow:0 8px 24px #f59e0b66}50%{box-shadow:0 8px 40px #f59e0b99}}.timeline-card h4{color:#fff;color:var(--showcase-text);font-size:16px;font-weight:700;margin:0 0 4px}.timeline-card>p{color:#ffffffbf;color:var(--showcase-text-muted);font-size:13px;margin:0 0 16px}.timeline-card-tags{display:flex;flex-direction:column;gap:6px}.timeline-card-tags span{align-items:center;background:#ffffff0f;border-radius:8px;color:#ffffffbf;color:var(--showcase-text-muted);display:flex;font-size:11px;font-weight:600;gap:6px;justify-content:center;padding:6px 10px;transition:all .2s ease}.timeline-card:hover .timeline-card-tags span{background:#ffffff1a;color:#fff;color:var(--showcase-text)}.timeline-card-tags .anticon{font-size:12px;opacity:.7}.timeline-card-badge{align-items:center;animation:badgePulse 2s ease-in-out infinite;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:12px;bottom:-10px;box-shadow:0 4px 12px #f59e0b66;color:#fff;display:flex;font-size:10px;font-weight:700;gap:6px;left:50%;padding:4px 12px;position:absolute;transform:translateX(-50%);white-space:nowrap}@keyframes badgePulse{0%,to{transform:translateX(-50%) scale(1)}50%{transform:translateX(-50%) scale(1.05)}}.timeline-connector{align-items:center;display:flex;justify-content:center;min-width:40px;position:relative}.connector-line{background:linear-gradient(90deg,#2563eb,#0891b2);background:linear-gradient(90deg,var(--showcase-primary) 0,var(--showcase-secondary) 100%);border-radius:2px;height:3px;width:100%}.connector-dot{background:#2563eb;background:var(--showcase-primary);border-radius:50%;box-shadow:0 0 12px #2563eb80;height:12px;position:absolute;width:12px}.expertise-section{border-top:1px solid #2563eb33;border-top:1px solid var(--showcase-border);margin-top:32px;padding-top:24px}.expertise-title{color:#ffffffbf;color:var(--showcase-text-muted);font-size:14px;font-weight:700;letter-spacing:2px;margin:0 0 20px;text-align:center;text-transform:uppercase}.expertise-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr)}.expertise-item{align-items:center;background:#2563eb14;border:1px solid #2563eb26;border-radius:12px;color:#fff;color:var(--showcase-text);display:flex;font-size:13px;font-weight:600;gap:10px;padding:12px 16px;transition:all .3s ease}.expertise-item:hover{background:#2563eb26;border-color:#2563eb;border-color:var(--showcase-primary);box-shadow:0 8px 20px #2563eb26;transform:translateY(-2px)}.expertise-item .anticon{color:#2563eb;color:var(--showcase-primary);font-size:18px}.timeline-horizontal{padding:60px 0 40px;position:relative}.timeline-track{background:#2563eb26;height:4px;right:0;top:90px}.timeline-track,.track-progress{border-radius:2px;left:0;position:absolute}.track-progress{animation:trackGrow 2s ease-out;background:linear-gradient(90deg,#a855f7,#10b981 33%,#06b6d4 66%,#f59e0b);height:100%;top:0;width:100%}@keyframes trackGrow{0%{width:0}to{width:100%}}.timeline-items{display:flex;justify-content:space-between;position:relative;z-index:2}.timeline-node{flex:1 1;flex-direction:column;max-width:260px}.node-dot,.timeline-node{align-items:center;display:flex}.node-dot{border-radius:50%;color:#fff;cursor:pointer;font-size:24px;height:56px;justify-content:center;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);width:56px;z-index:3}.node-dot:before{border:2px solid #0000;border-radius:50%;content:"";inset:-6px;position:absolute;transition:all .3s ease}.timeline-node:hover .node-dot{transform:scale(1.15)}.timeline-node:hover .node-dot:before{border-color:currentColor;inset:-10px}.node-dot.startup{background:linear-gradient(135deg,#a855f7,#7c3aed);box-shadow:0 8px 32px #a855f780}.node-dot.growth{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 8px 32px #10b98180}.node-dot.cloud{background:linear-gradient(135deg,#06b6d4,#0891b2);box-shadow:0 8px 32px #06b6d480}.node-dot.ai{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 8px 32px #f59e0b80}.node-pulse{animation:nodePulse 2s ease-in-out infinite;border:2px solid #f59e0b;border-radius:50%;inset:-8px;position:absolute}@keyframes nodePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:0;transform:scale(1.3)}}.node-year{color:#fff;color:var(--showcase-text);font-size:14px;font-weight:800;letter-spacing:1px;margin-top:12px}.node-card{background:#ffffff0a;background:var(--showcase-card-bg);border:1px solid #2563eb33;border:1px solid var(--showcase-border);border-radius:16px;margin-top:16px;max-width:220px;overflow:hidden;padding:20px;position:relative;text-align:center;transition:all .4s ease;width:100%}.timeline-node:hover .node-card{border-color:#2563eb;border-color:var(--showcase-primary);box-shadow:0 20px 40px #0003;transform:translateY(-8px)}.timeline-node.active .node-card{background:linear-gradient(135deg,#f59e0b1a,#d977060d);border-color:#f59e0b;box-shadow:0 12px 32px #f59e0b33}.node-card-header{height:4px;left:0;position:absolute;right:0;top:0}.node-card-header.startup{background:linear-gradient(90deg,#a855f7,#7c3aed)}.node-card-header.growth{background:linear-gradient(90deg,#10b981,#059669)}.node-card-header.cloud{background:linear-gradient(90deg,#06b6d4,#0891b2)}.node-card-header.ai{background:linear-gradient(90deg,#f59e0b,#d97706)}.node-badge{color:#ffffffbf;color:var(--showcase-text-muted);display:inline-block;font-size:10px;font-weight:700;letter-spacing:1.5px;margin-bottom:8px;text-transform:uppercase}.node-card h4{color:#fff;color:var(--showcase-text);font-size:16px;font-weight:700;margin:0 0 8px}.node-card>p{color:#ffffffbf;color:var(--showcase-text-muted);font-size:13px;line-height:1.6;margin:0 0 14px}.node-tags{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.node-tags span{align-items:center;background:#ffffff0f;border-radius:6px;color:#ffffffbf;color:var(--showcase-text-muted);display:flex;font-size:10px;font-weight:600;gap:4px;padding:4px 8px}.node-tags .anticon{font-size:10px;opacity:.7}.node-current{align-items:center;animation:currentPulse 2s ease-in-out infinite;background:#f59e0b26;border-radius:20px;color:#f59e0b;display:inline-flex;font-size:11px;font-weight:700;gap:6px;margin-top:12px;padding:6px 12px}@keyframes currentPulse{0%,to{box-shadow:0 0 0 0 #f59e0b66}50%{box-shadow:0 0 0 8px #f59e0b00}}.expertise-pills{border-top:1px solid #2563eb33;border-top:1px solid var(--showcase-border);display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:32px;padding-top:24px}.expertise-pill{align-items:center;background:linear-gradient(135deg,#2563eb1a,#0891b214);border:1px solid #2563eb33;border-radius:24px;color:#fff;color:var(--showcase-text);display:flex;font-size:13px;font-weight:600;gap:8px;padding:10px 18px;transition:all .3s ease}.expertise-pill:hover{background:linear-gradient(135deg,#2563eb33,#0891b226);border-color:#2563eb;border-color:var(--showcase-primary);box-shadow:0 8px 20px #2563eb26;transform:translateY(-2px)}.expertise-pill .anticon{color:#2563eb;color:var(--showcase-primary);font-size:16px}.about-visual{align-items:center;display:flex;height:450px;justify-content:center;position:relative}.hero-logo-container{height:280px;position:relative;width:280px}.hero-logo-rings{inset:0;position:absolute}.hero-ring{border:2px solid #0000;border-radius:50%;position:absolute}.hero-ring-1{animation:heroRingRotate1 8s linear infinite;border-color:#a855f7;box-shadow:0 0 40px #a855f780,inset 0 0 40px #a855f726;inset:0}.hero-ring-2{animation:heroRingRotate2 12s linear infinite reverse;border-color:#8b5cf6;border-style:dashed;box-shadow:0 0 30px #8b5cf666;inset:28px}.hero-ring-3{animation:heroRingRotate1 6s linear infinite;border-color:#c084fc;border-width:1px;box-shadow:0 0 20px #c084fc66;inset:56px}@keyframes heroRingRotate1{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes heroRingRotate2{0%{transform:rotate(0deg)}to{transform:rotate(-1turn)}}.hero-logo-core{align-items:center;animation:heroCorePulse 3s ease-in-out infinite;background:linear-gradient(135deg,#a855f7,#8b5cf6 50%,#c084fc);border-radius:50%;box-shadow:0 0 80px #a855f799,0 0 140px #8b5cf64d,inset 0 0 40px #fff3;display:flex;height:140px;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:140px}@keyframes heroCorePulse{0%,to{box-shadow:0 0 80px #a855f799,0 0 140px #8b5cf64d,inset 0 0 40px #fff3;transform:translate(-50%,-50%) scale(1)}50%{box-shadow:0 0 100px #a855f7b3,0 0 180px #8b5cf666,inset 0 0 50px #ffffff4d;transform:translate(-50%,-50%) scale(1.04)}}.hero-logo-360{color:#fff;font-size:42px;font-weight:800;letter-spacing:-3px;text-shadow:0 0 20px #fffc}.hero-logo-glow{animation:heroGlowPulse 4s ease-in-out infinite;background:radial-gradient(circle,#a855f74d 0,#0000 70%);height:340px;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:340px}@keyframes heroGlowPulse{0%,to{opacity:.5;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.15)}}.light-theme .hero-ring-1{box-shadow:0 0 50px #a855f766,inset 0 0 30px #a855f71a}.light-theme .hero-ring-2{box-shadow:0 0 40px #8b5cf64d}.light-theme .hero-ring-3{box-shadow:0 0 25px #c084fc4d}.light-theme .hero-logo-core{box-shadow:0 0 60px #a855f780,0 0 100px #8b5cf640,inset 0 0 30px #ffffff26}.light-theme .hero-logo-glow{background:radial-gradient(circle,#a855f733 0,#0000 70%)}.scroll-indicator{align-items:center;animation:scrollBounce 2.5s ease-in-out infinite;bottom:32px;color:#ffffffbf;color:var(--showcase-text-muted);display:flex;flex-direction:column;font-size:13px;font-weight:500;gap:10px;left:50%;position:absolute;transform:translateX(-50%)}.scroll-line{background:linear-gradient(180deg,#2563eb,#0000);background:linear-gradient(to bottom,var(--showcase-primary),#0000);border-radius:2px;height:36px;width:2px}@keyframes scrollBounce{0%,to{opacity:1;transform:translateX(-50%) translateY(0)}50%{opacity:.6;transform:translateX(-50%) translateY(12px)}}.vision-section{background:linear-gradient(180deg,#0000,#2563eb08 50%,#0000)}.vision-header{margin-bottom:32px;text-align:center}.vision-main-title{font-size:36px;font-weight:800;letter-spacing:-1px;margin:0 0 10px}.vision-subtitle{color:#ffffffbf;color:var(--showcase-text-muted);font-size:15px;font-style:italic;font-weight:400;margin:0}.vision-showcase{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr;margin-bottom:32px}.vision-card-premium{background:#ffffff0a;background:var(--showcase-card-bg);border:1px solid #2563eb33;border:1px solid var(--showcase-border);border-radius:24px;overflow:hidden;padding:0;position:relative;transition:all .5s cubic-bezier(.4,0,.2,1)}.vision-card-premium:hover{box-shadow:0 40px 80px #00000040;transform:translateY(-10px)}.vision-card-premium.mission{border-color:#2563eb4d}.vision-card-premium.vision{border-color:#0891b24d}.vision-card-premium:hover.mission{border-color:#2563eb;border-color:var(--showcase-primary)}.vision-card-premium:hover.vision{border-color:#0891b2;border-color:var(--showcase-secondary)}.vision-card-glow{border-radius:50%;filter:blur(80px);height:300px;opacity:.3;pointer-events:none;position:absolute;right:-100px;top:-100px;transition:opacity .5s ease;width:300px}.vision-card-premium.mission .vision-card-glow{background:#2563eb;background:var(--showcase-primary)}.vision-card-premium.vision .vision-card-glow{background:#0891b2;background:var(--showcase-secondary)}.vision-card-premium:hover .vision-card-glow{opacity:.5}.vision-card-content{padding:28px;position:relative;z-index:1}.vision-icon-wrapper{height:56px;margin-bottom:16px;position:relative;width:56px}.vision-icon-ring{animation:iconRingSpin 20s linear infinite;border:2px dashed #2563eb33;border:2px dashed var(--showcase-border);border-radius:50%;inset:-8px;position:absolute}@keyframes iconRingSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.vision-card-premium .vision-icon{align-items:center;border-radius:14px;color:#fff;display:flex;font-size:26px;height:56px;justify-content:center;position:relative;width:56px}.vision-card-premium.mission .vision-icon{background:linear-gradient(135deg,#2563eb,#0891b2);background:linear-gradient(135deg,var(--showcase-primary) 0,var(--showcase-secondary) 100%);box-shadow:0 12px 40px #2563eb66}.vision-card-premium.vision .vision-icon{background:linear-gradient(135deg,#0891b2,#7c3aed);background:linear-gradient(135deg,var(--showcase-secondary) 0,var(--showcase-accent) 100%);box-shadow:0 12px 40px #0891b266}.vision-label{color:#2563eb;color:var(--showcase-primary);font-size:11px;font-weight:800;letter-spacing:2px;margin-bottom:8px}.vision-card-premium.vision .vision-label{color:#0891b2;color:var(--showcase-secondary)}.vision-card-premium h3{color:#fff;color:var(--showcase-text);font-size:20px;font-weight:800;margin:0 0 10px}.vision-quote{border-left:2px solid #2563eb33;border-left:2px solid var(--showcase-border);color:#ffffffbf;color:var(--showcase-text-muted);font-size:13px;line-height:1.7;margin:0 0 16px;padding-left:12px}.vision-card-premium.mission .vision-quote{border-left-color:#2563eb;border-left-color:var(--showcase-primary)}.vision-card-premium.vision .vision-quote{border-left-color:#0891b2;border-left-color:var(--showcase-secondary)}.vision-quote strong{color:#fff;color:var(--showcase-text)}.vision-metrics{background:#ffffff08;border-radius:10px;display:flex;gap:12px;margin-bottom:16px;padding:12px}.vision-metrics .metric{flex:1 1;text-align:center}.metric-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#2563eb,#0891b2);background:linear-gradient(135deg,var(--showcase-primary) 0,var(--showcase-secondary) 100%);-webkit-background-clip:text;background-clip:text;display:block;font-size:20px;font-weight:800;line-height:1;margin-bottom:4px}.metric-label{color:#ffffffbf;color:var(--showcase-text-muted);font-size:10px;font-weight:600}.vision-features{display:flex;flex-direction:column;gap:6px}.vision-feature{align-items:center;background:#2563eb0f;border-radius:8px;color:#fff;color:var(--showcase-text);display:flex;font-size:12px;font-weight:600;gap:8px;padding:8px 12px;transition:all .3s ease}.vision-feature:hover{background:#2563eb1f;transform:translateX(4px)}.vision-feature .anticon{color:#2563eb;color:var(--showcase-primary);font-size:13px}.vision-card-premium.vision .vision-feature .anticon{color:#0891b2;color:var(--showcase-secondary)}.values-showcase{text-align:center}.values-heading{align-items:center;color:#ffffffbf;color:var(--showcase-text-muted);display:inline-flex;font-size:12px;font-weight:700;gap:8px;letter-spacing:2px;margin-bottom:20px;text-transform:uppercase}.values-heading .anticon{color:#2563eb;color:var(--showcase-primary);font-size:16px}.values-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(4,1fr)}.value-card{background:#ffffff0a;background:var(--showcase-card-bg);border:1px solid #2563eb33;border:1px solid var(--showcase-border);border-radius:14px;padding:18px 14px;text-align:center;transition:all .4s ease}.value-card:hover{border-color:#2563eb;border-color:var(--showcase-primary);box-shadow:0 20px 40px #2563eb26;transform:translateY(-8px)}.value-icon{align-items:center;background:linear-gradient(135deg,#2563eb26,#0891b21a);border-radius:12px;color:#2563eb;color:var(--showcase-primary);display:flex;font-size:18px;height:42px;justify-content:center;margin:0 auto 10px;transition:all .3s ease;width:42px}.value-card:hover .value-icon{background:linear-gradient(135deg,#2563eb,#0891b2);background:linear-gradient(135deg,var(--showcase-primary) 0,var(--showcase-secondary) 100%);color:#fff;transform:scale(1.1) rotate(-5deg)}.value-card h5{color:#fff;color:var(--showcase-text);font-size:13px;font-weight:700;margin:0 0 4px}.value-card p{color:#ffffffbf;color:var(--showcase-text-muted);font-size:11px;line-height:1.4;margin:0}.vision-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:1fr 1fr;margin-bottom:48px}.vision-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff0a;background:var(--showcase-card-bg);border:1px solid #2563eb33;border:1px solid var(--showcase-border);border-radius:20px;overflow:hidden;padding:48px;position:relative;transition:all .4s ease}.vision-card:hover{border-color:#2563eb66;box-shadow:0 30px 60px #0003;transform:translateY(-6px)}.vision-card:before{content:"";height:4px;left:0;position:absolute;right:0;top:0}.vision-card.mission:before{background:linear-gradient(90deg,#2563eb,#0891b2);background:linear-gradient(90deg,var(--showcase-primary) 0,var(--showcase-secondary) 100%)}.vision-card.vision:before{background:linear-gradient(90deg,#0891b2,#7c3aed);background:linear-gradient(90deg,var(--showcase-secondary) 0,var(--showcase-accent) 100%)}.vision-icon{align-items:center;border-radius:20px;display:flex;font-size:36px;height:80px;justify-content:center;margin-bottom:28px;width:80px}.vision-card.mission .vision-icon{background:linear-gradient(135deg,#2563eb,#0891b2);background:linear-gradient(135deg,var(--showcase-primary) 0,var(--showcase-secondary) 100%);box-shadow:0 12px 32px #2563eb4d;color:#fff}.vision-card.vision .vision-icon{background:linear-gradient(135deg,#0891b2,#7c3aed);background:linear-gradient(135deg,var(--showcase-secondary) 0,var(--showcase-accent) 100%);box-shadow:0 12px 32px #0891b24d;color:#fff}.vision-card h3{font-size:28px;font-weight:800;letter-spacing:-.3px;margin:0 0 20px}.vision-card p{color:#ffffffbf;color:var(--showcase-text-muted);font-size:16px;font-weight:400;line-height:1.9;margin:0 0 20px}.vision-highlights{display:flex;flex-wrap:wrap;gap:10px}.vision-highlights span{align-items:center;background:#2563eb14;border-radius:8px;color:#ffffffbf;color:var(--showcase-text-muted);display:flex;font-size:13px;font-weight:600;gap:8px;padding:8px 14px;transition:all .3s ease}.vision-highlights span:hover{background:#2563eb26;color:#fff;color:var(--showcase-text)}.vision-highlights .anticon{color:#2563eb;color:var(--showcase-primary);font-size:14px}.values-section{text-align:center}.values-title{color:#ffffffbf;color:var(--showcase-text-muted);font-size:18px;font-weight:700;letter-spacing:2px;margin:0 0 24px;text-transform:uppercase}.values-strip{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.values-strip span{align-items:center;background:#2563eb1a;border:1px solid #2563eb40;border-radius:12px;box-shadow:0 4px 16px #2563eb14;color:#fff;color:var(--showcase-text);display:flex;font-size:15px;font-weight:600;gap:12px;padding:16px 30px;transition:all .3s ease}.values-strip span:hover{background:#2563eb2e;box-shadow:0 8px 24px #2563eb26;transform:translateY(-3px)}.values-strip .anticon{color:#2563eb;color:var(--showcase-primary);filter:drop-shadow(0 0 6px rgba(37,99,235,.3));font-size:18px}.product-section{align-items:center;background:linear-gradient(180deg,#0000,#2563eb05 50%,#0000);display:flex;min-height:100vh;overflow:hidden;padding:100px 24px 60px}.product-section .section-inner{max-width:100%;overflow:hidden;width:100%}.product-inner{grid-gap:12px 48px;align-items:stretch;display:grid;gap:12px 48px;grid-template-columns:320px 1fr;grid-template-rows:auto auto;max-width:100%;overflow:hidden}.product-hero{align-items:center;display:flex;flex-direction:column;gap:24px;grid-column:1;grid-row:1/3;justify-content:center;padding:20px}.product-hero-logo{flex-shrink:0;height:180px;position:relative;width:180px}.product-hero .hero-logo-rings{inset:0;position:absolute}.product-hero .hero-ring{border:2px solid #0000;border-radius:50%;position:absolute}.product-hero .hero-ring-1{animation:heroRingRotate1 8s linear infinite;border-color:#a855f7;box-shadow:0 0 30px #a855f766,inset 0 0 30px #a855f71a;inset:0}.product-hero .hero-ring-2{animation:heroRingRotate2 12s linear infinite reverse;border-color:#8b5cf6;border-style:dashed;box-shadow:0 0 20px #8b5cf64d;inset:18px}.product-hero .hero-ring-3{animation:heroRingRotate1 6s linear infinite;border-color:#c084fc;border-width:1px;box-shadow:0 0 15px #c084fc4d;inset:36px}.product-hero .hero-logo-core{align-items:center;animation:heroCorePulse 3s ease-in-out infinite;background:linear-gradient(135deg,#a855f7,#8b5cf6 50%,#c084fc);border-radius:50%;box-shadow:0 0 50px #a855f780,0 0 100px #8b5cf640,inset 0 0 30px #ffffff26;display:flex;height:90px;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:90px}.product-hero .hero-logo-360{color:#fff;font-size:26px;font-weight:800;letter-spacing:-2px;text-shadow:0 0 15px #ffffffb3}.product-hero .hero-logo-glow{animation:heroGlowPulse 4s ease-in-out infinite;background:radial-gradient(circle,#a855f740 0,#0000 70%);height:220px;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:220px}.product-hero-text{text-align:center}.product-hero-title{font-size:52px;font-weight:800;letter-spacing:-2px;line-height:1;margin:0}.product-hero-subtitle{color:#ffffffbf;color:var(--showcase-text-muted);font-size:14px;letter-spacing:2px;margin:8px 0 0;text-transform:uppercase}.module-tabs-container{align-self:center;display:flex;grid-column:2;grid-row:1;justify-content:center;justify-self:center}.module-tabs{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #2563eb33;border:1px solid var(--showcase-border);border-radius:20px;display:flex;gap:8px;padding:8px}.module-tab{align-items:center;background:#ffffff0a;background:var(--showcase-card-bg);border:1px solid #2563eb33;border:1px solid var(--showcase-border);border-radius:14px;color:#ffffffbf;color:var(--showcase-text-muted);cursor:pointer;display:flex;font-size:20px;height:52px;justify-content:center;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:52px}.module-tab .tab-icon{position:relative;transition:all .3s ease;z-index:2}.module-tab .tab-glow{background:var(--tab-gradient);border-radius:14px;inset:0;opacity:0;position:absolute;transition:opacity .3s ease}.module-tab:hover{border-color:var(--tab-color);box-shadow:0 8px 24px #00000026;color:var(--tab-color);transform:translateY(-2px)}.module-tab.active{border-color:#0000;box-shadow:0 12px 32px #00000040;color:#fff;transform:translateY(-4px)}.module-tab.active .tab-glow{opacity:1}.module-tab.active .tab-icon{color:#fff;transform:scale(1.1)}.module-showcase{animation:moduleSlideIn .6s cubic-bezier(.16,1,.3,1);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff0a;background:var(--showcase-card-bg);border:1px solid #2563eb33;border:1px solid var(--showcase-border);border-radius:24px;box-sizing:border-box;grid-column:2;grid-row:2;justify-self:center;max-width:1300px;min-height:520px;overflow:hidden;padding:48px 72px;position:relative;width:100%}@keyframes moduleSlideIn{0%{opacity:0;transform:translateY(40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.module-glow{animation:glowPulse 4s ease-in-out infinite;background:var(--module-gradient);filter:blur(120px);height:500px;opacity:.25;pointer-events:none;position:absolute;right:-100px;top:-100px;width:500px}.module-arrow{align-items:center;background:#ffffff14;border:1px solid #ffffff26;border-radius:50%;color:#fff;color:var(--showcase-text);cursor:pointer;display:flex;font-size:14px;height:44px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease;width:44px;z-index:10}.module-arrow-prev{left:12px}.module-arrow-next{right:12px}.module-arrow:hover{background:var(--module-color);border-color:var(--module-color);box-shadow:0 0 30px var(--module-color);transform:translateY(-50%) scale(1.1)}.module-content{grid-gap:48px;align-items:center;display:grid;gap:48px;grid-template-columns:1fr 1fr;max-width:100%;overflow:hidden;position:relative;z-index:2}.module-info{display:flex;flex-direction:column}.module-icon-wrapper{height:88px;margin-bottom:28px;position:relative;width:88px}.module-icon-bg{animation:iconPulse 3s ease-in-out infinite;background:var(--module-gradient);border-radius:24px;filter:blur(12px);inset:-8px;opacity:.2;position:absolute}@keyframes iconPulse{0%,to{opacity:.15;transform:scale(1)}50%{opacity:.3;transform:scale(1.05)}}.module-icon{align-items:center;border-radius:22px;box-shadow:0 14px 40px #00000040;color:#fff;display:flex;font-size:40px;height:88px;justify-content:center;position:relative;width:88px}.module-title{color:#fff;color:var(--showcase-text);font-size:40px;font-weight:800;letter-spacing:-.5px;margin:0 0 12px}.module-subtitle{color:var(--module-color);font-size:15px;font-weight:600;letter-spacing:.3px;margin:0 0 16px;text-shadow:0 0 20px currentColor}.module-tagline{color:#ffffffbf;color:var(--showcase-text-muted);font-size:16px;font-weight:400;line-height:1.7;margin:0 0 24px}.module-features{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:24px}.feature-chip{align-items:center;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:10px;color:#ffffffbf;color:var(--showcase-text-muted);display:flex;font-size:13px;font-weight:500;gap:8px;padding:10px 14px;transition:all .3s ease}.feature-chip:hover{background:#ffffff1a;border-color:var(--module-color);color:#fff;color:var(--showcase-text);transform:translateY(-2px)}.feature-chip .anticon{color:var(--module-color);font-size:15px}.module-stat{align-items:baseline;background:var(--module-gradient);border-radius:14px;box-shadow:0 8px 24px #0003;color:#fff;display:inline-flex;gap:12px;padding:14px 24px;width:-webkit-fit-content;width:fit-content}.module-stat .stat-value{font-size:28px;font-weight:800;line-height:1;text-shadow:0 2px 8px #0003}.module-stat .stat-label{font-size:13px;font-weight:600;letter-spacing:.2px;opacity:.95}.module-preview{align-items:center;display:flex;justify-content:center}.preview-frame{aspect-ratio:4/3;border-radius:20px;box-shadow:0 20px 50px #00000059,inset 0 0 0 1px #ffffff1a;max-width:480px;overflow:hidden;position:relative;transform:perspective(1000px) rotateY(-4deg) rotateX(2deg);transition:transform .5s ease;width:100%}.module-showcase:hover .preview-frame{transform:perspective(1000px) rotateY(0deg) rotateX(0deg)}.preview-content{align-items:center;display:flex;inset:0;justify-content:center;padding:40px;position:absolute}.preview-shine{animation:shine 6s ease-in-out infinite;background:linear-gradient(45deg,#0000 40%,#ffffff1a 45%,#fff3 50%,#ffffff1a 55%,#0000 60%);height:200%;left:-50%;pointer-events:none;position:absolute;top:-50%;width:200%}@keyframes shine{0%,to{transform:translateX(-100%) translateY(-100%)}50%{transform:translateX(100%) translateY(100%)}}.module-dots{display:flex;gap:6px;justify-content:center;margin-top:20px;position:relative;z-index:2}.module-dot{background:#fff3;border:none;border-radius:50%;cursor:pointer;height:8px;transition:all .4s cubic-bezier(.16,1,.3,1);width:8px}.module-dot:hover{background:#ffffff80;transform:scale(1.3)}.module-dot.active{background:var(--dot-color);border-radius:4px;box-shadow:0 0 20px var(--dot-color);width:32px}.visual-chat{display:flex;flex-direction:column;gap:12px;width:100%}.chat-bubble{animation:chatFadeIn .5s ease-out backwards;border-radius:18px;color:#fff;font-size:14px;font-weight:500;letter-spacing:.2px;max-width:85%;padding:14px 18px}.chat-sent{align-self:flex-end;background:#ffffff40;border-bottom-right-radius:4px}.chat-received,.chat-sent{box-shadow:0 4px 12px #00000026}.chat-received{align-self:flex-start;animation-delay:.2s;background:#00000040;border-bottom-left-radius:4px}.chat-bubble:nth-child(3){animation-delay:.4s}.chat-typing{align-self:flex-start;animation:chatFadeIn .5s ease-out .6s backwards;background:#0003;border-radius:16px;display:flex;gap:4px;padding:12px 16px}.chat-typing span{animation:typing 1.4s infinite;background:#fff9;border-radius:50%;height:8px;width:8px}.chat-typing span:nth-child(2){animation-delay:.2s}.chat-typing span:nth-child(3){animation-delay:.4s}@keyframes chatFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes typing{0%,60%,to{opacity:.4;transform:translateY(0)}30%{opacity:1;transform:translateY(-6px)}}.visual-video{width:100%}.video-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr;margin-bottom:18px}.video-participant{align-items:center;aspect-ratio:4/3;background:#00000059;border-radius:14px;color:#fff9;display:flex;font-size:32px;justify-content:center;transition:all .3s ease}.video-participant.active{background:#0006;border:2px solid #ffffffe6;box-shadow:0 0 20px #ffffff26;color:#fff}.video-controls{display:flex;gap:14px;justify-content:center}.control-btn{background:#ffffff40;border-radius:50%;box-shadow:0 4px 12px #00000026;height:40px;width:40px}.control-btn.red{background:#ef4444;box-shadow:0 4px 16px #ef444466}.visual-document{background:#ffffff1f;border-radius:14px;box-shadow:0 8px 32px #0000001a;padding:24px;width:100%}.doc-header{color:#fff;font-size:16px;font-weight:700;letter-spacing:.3px;margin-bottom:18px}.doc-line{background:#ffffff38;border-radius:5px;height:10px;margin-bottom:10px}.doc-line.short{width:60%}.doc-line.medium{width:80%}.doc-checkbox{align-items:center;color:#ffffffd9;display:flex;font-size:13px;font-weight:500;gap:10px;margin-top:14px}.visual-chart{position:relative;width:100%}.chart-bars{align-items:flex-end;display:flex;height:160px;justify-content:space-around;padding:0 24px}.chart-bars .bar{animation:barGrow .8s ease-out backwards;background:linear-gradient(180deg,#ffffff73,#ffffff40);border-radius:6px 6px 0 0;box-shadow:0 -4px 20px #ffffff26;width:36px}.chart-bars .bar:first-child{animation-delay:0s}.chart-bars .bar:nth-child(2){animation-delay:.1s}.chart-bars .bar:nth-child(3){animation-delay:.2s}.chart-bars .bar:nth-child(4){animation-delay:.3s}.chart-bars .bar:nth-child(5){animation-delay:.4s}@keyframes barGrow{0%{height:0}}.chart-line{height:60px;left:20px;position:absolute;right:20px;top:20px}.chart-line svg{height:100%;width:100%}.visual-visitor{flex-direction:column;gap:20px}.visitor-card,.visual-visitor{align-items:center;display:flex;width:100%}.visitor-card{background:#ffffff1f;border-radius:14px;box-shadow:0 4px 16px #0000001a;gap:18px;padding:18px 26px}.visitor-avatar{align-items:center;background:#ffffff40;border-radius:50%;color:#fff;display:flex;font-size:26px;height:52px;justify-content:center;width:52px}.visitor-name{color:#fff;font-size:15px;font-weight:700;letter-spacing:.2px}.visitor-badge{background:#ffffff38;border-radius:6px;color:#ffffffe6;font-size:11px;font-weight:600;letter-spacing:.5px;margin-top:6px;padding:5px 10px}.visitor-qr{background:#fff;border-radius:10px;box-shadow:0 4px 20px #00000026;padding:18px}.qr-grid{grid-gap:4px;display:grid;gap:4px;grid-template-columns:repeat(5,1fr);height:90px;width:90px}.qr-grid span{background:#1a1625;border-radius:2px}.qr-grid span:nth-child(odd){background:#0000}.visual-emergency{text-align:center;width:100%}.emergency-alert{color:#fff;filter:drop-shadow(0 0 20px rgba(255,255,255,.3));font-size:72px;margin-bottom:28px}.emergency-alert .pulse{animation:emergencyPulse 1s ease-in-out infinite;display:inline-block}@keyframes emergencyPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.emergency-stats{display:flex;gap:32px;justify-content:center}.e-stat{color:#ffffffd9;font-size:13px;font-weight:500;text-align:center}.e-stat span{color:#fff;display:block;font-size:36px;font-weight:800;text-shadow:0 0 20px #ffffff4d}.visual-shield{text-align:center}.shield-icon{color:#fff;filter:drop-shadow(0 0 25px rgba(255,255,255,.25));font-size:88px;margin-bottom:20px}.shield-check{align-items:center;background:#22c55e40;border-radius:24px;box-shadow:0 4px 16px #22c55e33;color:#22c55e;display:inline-flex;font-size:15px;font-weight:600;gap:10px;justify-content:center;padding:10px 20px}.visual-calendar{background:#ffffff1f;border-radius:14px;box-shadow:0 8px 32px #0000001a;padding:20px;width:100%}.cal-header{color:#fff;font-size:16px;font-weight:700;letter-spacing:.3px;margin-bottom:16px;text-align:center}.cal-grid{grid-gap:5px;display:grid;font-size:12px;gap:5px;grid-template-columns:repeat(7,1fr)}.cal-day{color:#fff9;font-weight:600;padding:6px;text-align:center}.cal-date{border-radius:6px;color:#ffffffd9;padding:7px 5px;text-align:center;transition:all .2s ease}.cal-date.booked{background:#ffffff59;box-shadow:0 2px 8px #ffffff26;color:#fff;font-weight:700}.visual-ticket{width:100%}.ticket-item{align-items:center;background:#ffffff1f;border-radius:10px;display:flex;justify-content:space-between;margin-bottom:10px;padding:14px 18px;transition:all .2s ease}.ticket-id{color:#fff;font-size:14px;font-weight:700;letter-spacing:.3px}.ticket-status{border-radius:14px;font-size:12px;font-weight:600;padding:5px 12px}.ticket-status.open{background:#3b82f6;box-shadow:0 2px 8px #3b82f666;color:#fff}.ticket-status.progress{background:#f59e0b;box-shadow:0 2px 8px #f59e0b66;color:#fff}.ticket-status.done{background:#22c55e;box-shadow:0 2px 8px #22c55e66;color:#fff}.ticket-progress{background:#ffffff1f;border-radius:4px;height:8px;margin-top:14px;overflow:hidden}.progress-bar{background:linear-gradient(90deg,#22c55e,#3b82f6);border-radius:4px;box-shadow:0 0 12px #22c55e66;height:100%}.visual-org{text-align:center}.org-node{align-items:center;background:#ffffff38;border-radius:14px;box-shadow:0 4px 16px #00000026;color:#fff;display:inline-flex;font-size:15px;font-weight:700;height:60px;justify-content:center;transition:all .2s ease;width:60px}.org-node.top{background:#ffffff47;font-size:28px}.org-line{background:linear-gradient(180deg,#fff6,#ffffff26);border-radius:2px;height:28px;margin:10px auto;width:3px}.org-row{gap:20px}.features-strip,.org-row{display:flex;justify-content:center}.features-strip{border-top:1px solid #2563eb33;border-top:1px solid var(--showcase-border);flex-wrap:wrap;gap:28px;grid-column:1/-1;margin-top:28px;padding-top:28px}.feature-item{align-items:center;color:#ffffffbf;color:var(--showcase-text-muted);display:flex;font-size:15px;font-weight:600;gap:12px;transition:all .3s ease}.feature-item:hover{color:#fff;color:var(--showcase-text)}.feature-item .anticon{color:#2563eb;color:var(--showcase-primary);filter:drop-shadow(0 0 8px rgba(37,99,235,.3));font-size:22px}.contact-section{background:linear-gradient(180deg,#0000,#2563eb0a)}.contact-content{text-align:center}.contact-title{font-size:36px;font-weight:800;letter-spacing:-1px;margin:0 0 16px}.contact-description{color:#ffffffbf;color:var(--showcase-text-muted);font-size:15px;font-weight:400;line-height:1.6;margin:0 auto 32px;max-width:550px}.contact-cards{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(3,1fr);margin-bottom:32px;margin-left:auto;margin-right:auto;max-width:800px}.contact-card{align-items:center;background:#ffffff0a;background:var(--showcase-card-bg);border:1px solid #2563eb33;border:1px solid var(--showcase-border);border-radius:16px;color:#fff;color:var(--showcase-text);display:flex;flex-direction:column;gap:10px;padding:24px 20px;text-decoration:none;transition:all .4s ease}.contact-card:hover{background:#2563eb14;border-color:#2563eb;border-color:var(--showcase-primary);box-shadow:0 24px 48px #2563eb33;transform:translateY(-8px)}.contact-card-icon{align-items:center;background:linear-gradient(135deg,#2563eb26,#0891b21a);border-radius:14px;display:flex;height:48px;justify-content:center;transition:all .3s ease;width:48px}.contact-card-icon .anticon{color:#2563eb;color:var(--showcase-primary);filter:drop-shadow(0 0 8px rgba(37,99,235,.3));font-size:22px}.contact-card:hover .contact-card-icon{background:linear-gradient(135deg,#2563eb,#0891b2);background:linear-gradient(135deg,var(--showcase-primary) 0,var(--showcase-secondary) 100%);transform:scale(1.1) rotate(-5deg)}.contact-card:hover .contact-card-icon .anticon{color:#fff}.contact-card-primary{background:#2563eb0f;border-color:#2563eb;border-color:var(--showcase-primary)}.contact-card-primary .contact-card-icon{background:linear-gradient(135deg,#2563eb,#0891b2);background:linear-gradient(135deg,var(--showcase-primary) 0,var(--showcase-secondary) 100%)}.contact-card-primary .contact-card-icon .anticon{color:#fff}.contact-card-whatsapp:hover{background:#25d36614;border-color:#25d366}.contact-card-whatsapp:hover .contact-card-icon{background:linear-gradient(135deg,#25d366,#128c7e)}.contact-label{color:#ffffffbf;color:var(--showcase-text-muted);font-size:11px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase}.contact-value{font-size:15px;font-weight:700;letter-spacing:.2px}.contact-hint{color:#ffffffbf;color:var(--showcase-text-muted);font-size:11px;opacity:.8}.contact-cta-text{align-items:center;animation:ctaPulse 2s ease-in-out infinite;background:linear-gradient(135deg,#f59e0b26,#d977061a);border:1px solid #f59e0b4d;border-radius:10px;color:#f59e0b;display:inline-flex;font-size:14px;font-weight:600;gap:10px;margin-bottom:24px;padding:12px 20px}.contact-cta-text .anticon{filter:drop-shadow(0 0 6px rgba(245,158,11,.5));font-size:16px}@keyframes ctaPulse{0%,to{box-shadow:0 0 0 0 #f59e0b4d}50%{box-shadow:0 0 0 10px #f59e0b00}}.address-box{align-items:center;background:#ffffff0a;background:var(--showcase-card-bg);border:1px solid #2563eb33;border:1px solid var(--showcase-border);border-radius:14px;display:flex;gap:16px;justify-content:center;margin-bottom:24px;margin-left:auto;margin-right:auto;max-width:600px;padding:20px 32px;transition:all .3s ease}.address-box:hover{border-color:#2563eb;border-color:var(--showcase-primary);box-shadow:0 16px 48px #2563eb26}.address-icon{align-items:center;background:linear-gradient(135deg,#2563eb26,#0891b21a);border-radius:12px;display:flex;flex-shrink:0;height:44px;justify-content:center;width:44px}.address-icon .anticon{color:#2563eb;color:var(--showcase-primary);font-size:20px}.address-info{text-align:left}.address-info strong{display:block;font-size:14px;margin-bottom:4px}.address-info p{color:#ffffffbf;color:var(--showcase-text-muted);font-size:13px;line-height:1.5;margin:0 0 4px}.address-link{color:#2563eb;color:var(--showcase-primary);font-size:12px;font-weight:600;text-decoration:none;transition:all .3s ease}.address-link:hover{color:#0891b2;color:var(--showcase-secondary);text-decoration:underline}.social-links{display:flex;gap:14px;justify-content:center}.social-links a{align-items:center;background:#0000;border:1px solid #2563eb33;border:1px solid var(--showcase-border);border-radius:10px;color:#fff;color:var(--showcase-text);display:flex;font-size:13px;font-weight:600;gap:8px;padding:12px 20px;text-decoration:none;transition:all .3s ease}.social-links a:hover{transform:translateY(-3px)}.social-links .social-linkedin:hover{background:#0a66c2;border-color:#0a66c2;box-shadow:0 8px 24px #0a66c266}.social-links .social-web:hover{background:linear-gradient(135deg,#2563eb,#0891b2);background:linear-gradient(135deg,var(--showcase-primary) 0,var(--showcase-secondary) 100%);border-color:#2563eb;border-color:var(--showcase-primary);box-shadow:0 8px 24px #2563eb4d}.social-links .anticon{font-size:18px}.thanks-section{background:linear-gradient(180deg,#2563eb0a,#0891b214);min-height:50vh}.thanks-content{position:relative;text-align:center}.thanks-title{font-size:60px;font-weight:800;letter-spacing:-1.5px;margin:0 0 24px}.thanks-subtitle{color:#ffffffbf;color:var(--showcase-text-muted);font-size:20px;font-weight:400;line-height:1.6;margin:0 0 48px}.cta-button{background:linear-gradient(135deg,#2563eb,#0891b2)!important;background:linear-gradient(135deg,var(--showcase-primary) 0,var(--showcase-secondary) 100%)!important;border:none!important;border-radius:16px!important;box-shadow:0 12px 44px #2563eb73!important;font-size:18px!important;font-weight:700!important;height:62px!important;letter-spacing:.3px!important;padding:0 60px!important;transition:all .3s ease!important}.cta-button:hover{box-shadow:0 24px 60px #2563eb8c!important;transform:translateY(-5px)!important}.thanks-footer{color:#ffffffbf;color:var(--showcase-text-muted);font-size:14px;font-weight:500;margin-top:72px}.showcase-container.light-theme{--showcase-bg:#f8fafc;--showcase-text:#0f172a;--showcase-text-muted:#0f172ab3;--showcase-card-bg:#fffffff2;--showcase-border:#2563eb1f}.light-theme .animated-bg{opacity:.6}.light-theme .showcase-header{background:#f8fafc26;border-bottom-color:#00000008;box-shadow:none}.light-theme .showcase-header:hover{background:#f8fafcd9;box-shadow:0 2px 24px #2563eb0f}.light-theme .theme-toggle{background:#2563eb0f;border-color:#2563eb26;color:#2563eb;color:var(--showcase-primary)}.light-theme .nav-dot:hover{background:#2563eb0f}.light-theme .nav-dot.active{background:#2563eb1a}.light-theme .address-box,.light-theme .contact-card,.light-theme .showcase-card,.light-theme .v-card,.light-theme .vision-card{background:#fff;border-color:#2563eb1a;box-shadow:0 8px 48px #2563eb14}.light-theme .contact-card:hover,.light-theme .vision-card:hover{box-shadow:0 24px 64px #2563eb1f}.light-theme .module-tabs{background:#ffffffe6;box-shadow:0 4px 24px #2563eb14}.light-theme .module-tab{background:#fff;box-shadow:0 2px 12px #2563eb0f}.light-theme .module-showcase{background:#fff;box-shadow:0 16px 64px #2563eb1a}.light-theme .module-glow{opacity:.15}.light-theme .module-arrow{background:#fff;border-color:#2563eb26;box-shadow:0 4px 16px #2563eb14}.light-theme .feature-chip{background:#2563eb0a;border-color:#2563eb1a}.light-theme .feature-chip:hover{background:#2563eb14}.light-theme .module-dot{background:#2563eb26}.light-theme .module-dot:hover{background:#2563eb4d}.light-theme .section-label,.light-theme .social-links a,.light-theme .values-strip span{background:#fff;box-shadow:0 2px 12px #2563eb0f}.light-theme .about-timeline{background:#fff;box-shadow:0 8px 48px #2563eb14}.light-theme .timeline-item:before{background:#fff}.light-theme .timeline-icon{background:#fff;box-shadow:0 2px 12px #2563eb14}.light-theme .pro-badge{background:#fff;box-shadow:0 2px 12px #2563eb0f}.light-theme .timeline-card{background:#fff;box-shadow:0 4px 20px #2563eb0f}.light-theme .timeline-card:hover{box-shadow:0 16px 40px #2563eb1f}.light-theme .timeline-card.active{background:linear-gradient(135deg,#2563eb14,#0891b20d);box-shadow:0 12px 32px #2563eb26}.light-theme .timeline-card-tags span{background:#2563eb0f}.light-theme .timeline-card:hover .timeline-card-tags span{background:#2563eb1a}.light-theme .expertise-item{background:#fff;box-shadow:0 2px 12px #2563eb0f}.light-theme .node-card{background:#fff;box-shadow:0 4px 20px #2563eb0f}.light-theme .timeline-node:hover .node-card{box-shadow:0 16px 40px #2563eb1f}.light-theme .timeline-node.active .node-card{background:linear-gradient(135deg,#f59e0b14,#d977060a)}.light-theme .node-tags span{background:#2563eb0f}.light-theme .expertise-pill{background:#fff;box-shadow:0 2px 12px #2563eb0f}.light-theme .vision-card-premium{background:#fff;box-shadow:0 8px 32px #2563eb0f}.light-theme .vision-card-premium:hover{box-shadow:0 24px 64px #2563eb1f}.light-theme .vision-card-glow{opacity:.15}.light-theme .vision-feature,.light-theme .vision-metrics{background:#2563eb0a}.light-theme .value-card{background:#fff;box-shadow:0 4px 20px #2563eb0f}.light-theme .value-icon{background:#2563eb14}.light-theme .contact-cta-text{background:#f59e0b1a}.light-theme .address-icon,.light-theme .contact-card-icon{background:#2563eb1a}.light-theme .brush-accent{opacity:.5}.light-theme .highlight-brush:after{background:linear-gradient(90deg,#2563eb33,#0891b226)}.light-theme .thanks-section{background:linear-gradient(180deg,#2563eb05,#0891b20d)}.light-theme .vision-section{background:linear-gradient(180deg,#0000,rgba(37,99,235,.015) 50%,#0000)}.light-theme .contact-section{background:linear-gradient(180deg,#0000,#2563eb05)}@media (max-width:1200px){.section{padding:60px 48px}.about-section .section-inner{gap:48px}.about-title{font-size:44px}.product-section{padding:90px 20px 50px}.product-inner{gap:12px 36px;grid-template-columns:280px 1fr}.product-hero{padding:16px}.product-hero-logo{height:150px;width:150px}.product-hero .hero-ring-2{inset:15px}.product-hero .hero-ring-3{inset:30px}.product-hero .hero-logo-core{height:75px;width:75px}.product-hero .hero-logo-360{font-size:22px}.product-hero .hero-logo-glow{height:180px;width:180px}.product-hero-title{font-size:44px}.module-tab{font-size:17px;height:44px;width:44px}.module-showcase{min-height:460px;padding:40px 56px}.module-content{gap:36px}.module-icon{font-size:36px}.module-icon,.module-icon-wrapper{height:76px;width:76px}.module-title{font-size:34px}.module-tagline{font-size:15px}.preview-frame{max-width:400px}}@media (max-width:1024px){.section{padding:60px 40px}.about-section-inner{gap:40px;grid-template-columns:1fr}.about-timeline{padding:32px}.timeline-title{font-size:20px}.timeline-visual{gap:0;padding:16px 0}.timeline-card{flex:0 0 170px;min-width:170px;padding:22px 16px}.timeline-card-icon{font-size:24px;height:56px;width:56px}.timeline-card h4{font-size:15px}.timeline-card>p{font-size:12px}.timeline-card-tags span{font-size:10px;padding:5px 8px}.timeline-connector{min-width:30px}.expertise-grid{gap:10px;grid-template-columns:repeat(2,1fr)}.expertise-item{font-size:12px;padding:10px 14px}.vision-header{margin-bottom:40px}.vision-main-title{font-size:38px}.vision-subtitle{font-size:16px}.vision-showcase{gap:32px;grid-template-columns:1fr}.vision-card-content{padding:36px}.vision-metrics{gap:16px;padding:16px}.metric-value{font-size:24px}.values-grid{gap:16px;grid-template-columns:repeat(2,1fr)}.value-card{padding:24px 16px}.timeline-horizontal{padding:40px 0 30px}.timeline-track{top:70px}.node-dot{font-size:20px;height:48px;width:48px}.node-card{max-width:180px;padding:16px}.node-card h4{font-size:14px}.node-card>p{font-size:12px}.node-tags span{font-size:9px;padding:3px 6px}.expertise-pills{gap:8px}.expertise-pill{font-size:12px;padding:8px 14px}.about-section .section-inner{gap:48px;grid-template-columns:1fr}.about-visual{height:320px}.hero-logo-container{height:240px;width:240px}.hero-ring-2{inset:24px}.hero-ring-3{inset:48px}.hero-logo-core{height:120px;width:120px}.hero-logo-360{font-size:36px}.hero-logo-glow{height:300px;width:300px}.vision-grid{gap:24px;grid-template-columns:1fr}.contact-cards{grid-template-columns:1fr;max-width:400px}.nav-dots{display:none}.product-section{padding:80px 16px 40px}.product-inner{align-items:center;display:flex;flex-direction:column;gap:24px}.product-hero{flex-direction:row;gap:20px;grid-column:auto;grid-row:auto;min-width:auto;padding:0}.product-hero-text{text-align:left}.product-hero-logo{height:80px;width:80px}.product-hero .hero-ring-2{inset:8px}.product-hero .hero-ring-3{inset:16px}.product-hero .hero-logo-core{height:40px;width:40px}.product-hero .hero-logo-360{font-size:12px;letter-spacing:-1px}.product-hero .hero-logo-glow{height:100px;width:100px}.product-hero-title{font-size:32px}.module-tabs-container{grid-column:auto;grid-row:auto}.module-tabs{flex-wrap:wrap;justify-content:center;max-width:400px}.features-strip,.module-showcase{grid-column:auto;grid-row:auto}.module-tab{font-size:16px;height:42px;width:42px}.module-showcase{border-radius:22px;min-height:auto;padding:32px 36px;width:calc(100% - 16px)}.module-content{gap:28px;grid-template-columns:1fr;text-align:center}.module-info{align-items:center}.module-icon-wrapper{margin-bottom:20px}.module-title{font-size:26px}.module-subtitle{font-size:14px}.module-tagline{font-size:14px;margin-bottom:18px}.module-features{justify-content:center;margin-bottom:20px}.module-stat{margin:0 auto}.module-preview{order:-1}.preview-frame{max-width:280px;transform:none}.module-showcase:hover .preview-frame{transform:none}.module-arrow{font-size:12px;height:36px;width:36px}.module-arrow-prev{left:8px}.module-arrow-next{right:8px}}@media (max-width:768px){.showcase-header{padding:12px 24px}.logo-slogan{display:none}.section{min-height:auto;padding:60px 24px}.about-title{font-size:36px}.about-description{font-size:16px}.about-stats{flex-wrap:wrap;gap:32px}.stat-number{font-size:42px}.about-visual{height:300px}.hero-logo-container{height:220px;width:220px}.hero-ring-2{inset:22px}.hero-ring-3{inset:44px}.hero-logo-core{height:110px;width:110px}.hero-logo-360{font-size:32px}.hero-logo-glow{height:280px;width:280px}.vision-card{padding:36px}.vision-card h3{font-size:24px}.values-strip{gap:12px}.values-strip span{font-size:14px;padding:12px 20px}.timeline-horizontal{padding:30px 0 20px}.timeline-track{display:none}.timeline-items{flex-direction:column;gap:0}.timeline-node{align-items:flex-start;flex-direction:row;gap:16px;max-width:100%}.timeline-node:not(:last-child):after{background:linear-gradient(180deg,#2563eb,#0891b2);background:linear-gradient(180deg,var(--showcase-primary) 0,var(--showcase-secondary) 100%);border-radius:2px;content:"";height:calc(100% - 40px);left:27px;position:absolute;top:56px;width:3px}.node-dot{flex-shrink:0;font-size:20px;height:48px;width:48px}.node-year{display:none}.node-card{flex:1 1;margin-top:0;max-width:100%;text-align:left}.node-badge{margin-bottom:4px}.node-card h4{font-size:15px}.node-card>p{font-size:12px;margin-bottom:12px}.node-tags{justify-content:flex-start}.node-current,.node-tags span{font-size:10px}.node-current{margin-top:10px}.expertise-pills{gap:8px;margin-top:24px;padding-top:20px}.expertise-pill{font-size:11px;padding:8px 12px}.vision-subtitle{font-size:14px}.vision-showcase{gap:24px}.vision-card-content{padding:28px 20px}.vision-icon-wrapper{height:64px;margin-bottom:20px;width:64px}.vision-card-premium .vision-icon{font-size:28px;height:64px;width:64px}.vision-card-premium h3{font-size:22px}.vision-quote{font-size:14px}.vision-metrics{flex-direction:column;gap:12px;padding:16px}.metric-value{font-size:24px}.vision-features{gap:8px}.vision-feature{font-size:13px;padding:10px 14px}.values-grid{gap:12px;grid-template-columns:1fr 1fr}.value-card{padding:20px 14px}.value-icon{font-size:20px;height:48px;width:48px}.value-card h5{font-size:14px}.value-card p{font-size:11px}.product-inner{gap:24px}.product-hero-logo{height:80px;width:80px}.product-hero .hero-ring-2{inset:8px}.product-hero .hero-ring-3{inset:16px}.product-hero .hero-logo-core{height:40px;width:40px}.product-hero .hero-logo-360{font-size:12px;letter-spacing:-1px}.product-hero .hero-logo-glow{height:100px;width:100px}.product-hero-title{font-size:32px}.product-hero-subtitle{font-size:12px}.module-tabs{gap:6px;max-width:320px;padding:6px}.module-tab{border-radius:10px;font-size:14px;height:36px;width:36px}.module-showcase{border-radius:18px;min-height:auto;padding:28px 20px;width:calc(100% - 8px)}.module-glow{height:300px;right:-50px;top:-50px;width:300px}.module-arrow{display:none}.module-content{gap:24px}.module-icon-wrapper{height:60px;margin-bottom:16px;width:60px}.module-icon{border-radius:16px;font-size:28px;height:60px;width:60px}.module-title{font-size:24px}.module-subtitle{font-size:13px;margin-bottom:16px}.module-tagline{font-size:14px;margin-bottom:16px}.module-features{gap:8px;margin-bottom:20px}.feature-chip{font-size:12px;padding:8px 12px}.module-stat{padding:12px 20px}.module-stat .stat-value{font-size:24px}.module-stat .stat-label{font-size:12px}.preview-frame{max-width:280px}.preview-content{padding:20px}.module-dots{gap:6px;margin-top:24px}.module-dot{height:6px;width:6px}.module-dot.active{width:24px}.features-strip{gap:16px}.feature-item{font-size:13px}.contact-title{font-size:36px}.contact-description{font-size:16px;margin-bottom:40px}.address-box{padding:28px}.address-box div{text-align:center}.social-links{align-items:center;flex-direction:column;gap:12px}.about-timeline{padding:24px}.timeline-title{font-size:18px;margin-bottom:24px}.timeline-container{padding-left:20px}.timeline-item{padding:0 0 24px 24px}.timeline-item:before{height:15px;left:-6px;width:15px}.timeline-year{font-size:12px}.timeline-content h4{font-size:15px;padding-right:40px}.timeline-content p{font-size:13px;padding-right:40px}.timeline-icon{font-size:16px;height:32px;width:32px}.professional-badges{gap:8px;margin:20px 0}.pro-badge{font-size:13px;padding:10px 16px}.pro-badge .anticon{font-size:16px}.vision-header{margin-bottom:32px}.vision-main-title{font-size:32px}.vision-highlights{gap:8px}.vision-highlights span{font-size:12px;padding:6px 12px}.values-title{font-size:14px;margin-bottom:16px}.contact-cta-text{font-size:14px;margin-bottom:32px;padding:12px 20px}.contact-card-icon{height:52px;width:52px}.contact-card-icon .anticon{font-size:24px}.contact-hint{font-size:11px}.address-box{flex-direction:column;gap:16px;padding:24px}.address-box,.address-info{text-align:center}.thanks-title{font-size:40px}.cta-button{font-size:16px!important;height:52px!important;padding:0 40px!important}.scroll-indicator{display:none}.watermark-logo{height:350px;width:350px}.watermark-ring-2{inset:35px}.watermark-ring-3{inset:70px}.watermark-core{height:175px;width:175px}.watermark-core span{font-size:55px}}@media (max-width:480px){.about-title{font-size:30px}.about-lead{font-size:16px}.stat-number{font-size:36px}.about-timeline{padding:20px}.timeline-title{font-size:16px;gap:8px;margin-bottom:20px}.timeline-title .anticon{font-size:20px}.timeline-container{padding-left:16px}.timeline-item{padding:0 0 20px 20px}.timeline-item:before{border-width:2px;height:13px;left:-5px;width:13px}.timeline-year{font-size:11px;padding:3px 10px}.timeline-content h4{font-size:14px;padding-right:36px}.timeline-content p{font-size:12px;line-height:1.6;padding-right:36px}.timeline-icon{border-radius:8px;font-size:14px;height:28px;width:28px}.timeline-horizontal{padding:20px 0}.timeline-node{gap:12px}.node-dot{font-size:18px;height:40px;width:40px}.node-pulse{inset:-6px}.node-card{padding:14px}.node-card-header{height:3px}.node-badge{font-size:9px}.node-card h4{font-size:14px;margin-bottom:6px}.node-card>p{font-size:11px;margin-bottom:10px}.node-tags span{font-size:9px;padding:3px 5px}.node-current{font-size:9px;padding:4px 10px}.expertise-pills{gap:6px;margin-top:20px}.expertise-pill{font-size:10px;padding:6px 10px}.vision-showcase{gap:20px}.vision-card-content{padding:20px 16px}.vision-icon-wrapper{height:56px;margin-bottom:16px;width:56px}.vision-card-premium .vision-icon{font-size:24px;height:56px;width:56px}.vision-label{font-size:10px;letter-spacing:2px}.vision-card-premium h3{font-size:18px}.vision-quote{font-size:13px;padding-left:12px}.vision-metrics{gap:10px;padding:12px}.metric-value{font-size:20px}.metric-label{font-size:10px}.vision-feature{font-size:12px;gap:8px;padding:8px 12px}.values-heading{font-size:12px;gap:8px;margin-bottom:20px}.values-grid{gap:10px}.value-card{padding:16px 12px}.value-icon{font-size:18px;height:40px;margin-bottom:12px;width:40px}.value-card h5{font-size:13px}.value-card p{font-size:10px}.professional-badges{gap:6px}.pro-badge{font-size:12px;gap:6px;padding:8px 12px}.pro-badge .anticon{font-size:14px}.vision-main-title{font-size:26px}.vision-highlights span{font-size:11px;gap:6px;padding:5px 10px}.values-title{font-size:13px}.contact-cta-text{font-size:13px;gap:10px;padding:10px 16px}.contact-cta-text .anticon{font-size:18px}.contact-card-icon{border-radius:14px;height:48px;width:48px}.contact-card-icon .anticon{font-size:22px}.address-icon{height:48px;width:48px}.address-icon .anticon{font-size:22px}.address-info strong{font-size:14px}.address-info p,.address-link{font-size:13px}.product-hero-logo{height:70px;width:70px}.product-hero .hero-ring-2{inset:7px}.product-hero .hero-ring-3{inset:14px}.product-hero .hero-logo-core{height:35px;width:35px}.product-hero .hero-logo-360{font-size:10px;letter-spacing:-1px}.product-hero .hero-logo-glow{height:90px;width:90px}.product-hero-title{font-size:28px}.product-hero-subtitle{font-size:11px;letter-spacing:1px}.module-tabs{gap:4px;max-width:280px;padding:4px}.module-tab{border-radius:8px;font-size:12px;height:32px;width:32px}.module-showcase{padding:20px 14px;width:100%}.module-icon-wrapper{height:52px;margin-bottom:12px;width:52px}.module-icon{border-radius:14px;font-size:24px;height:52px;width:52px}.module-title{font-size:20px}.module-subtitle{font-size:12px;margin-bottom:12px}.module-tagline{font-size:13px;margin-bottom:12px}.feature-chip{font-size:11px;gap:6px;padding:6px 10px}.module-stat{padding:10px 16px}.module-stat .stat-value{font-size:20px}.module-stat .stat-label{font-size:11px}.preview-frame{max-width:240px}.preview-content{padding:16px}.contact-cards{gap:16px}.contact-card{padding:28px 20px}.thanks-title{font-size:32px}.watermark-logo{height:280px;width:280px}.watermark-ring-2{inset:28px}.watermark-ring-3{inset:56px}.watermark-core{height:140px;width:140px}.watermark-core span{font-size:45px}}:root{--brand-primary:#a855f7;--brand-primary-light:#c084fc;--brand-primary-dark:#9333ea;--brand-primary-darker:#7c3aed;--brand-secondary:#8b5cf6;--brand-secondary-light:#a78bfa;--brand-secondary-dark:#7c3aed;--brand-accent:#c084fc;--brand-accent-light:#d8b4fe;--brand-accent-dark:#9333ea;--purple-50:#faf5ff;--purple-100:#f3e8ff;--purple-200:#e9d5ff;--purple-300:#d8b4fe;--purple-400:#c084fc;--purple-500:#a855f7;--purple-600:#9333ea;--purple-700:#7c3aed;--purple-800:#6b21a8;--purple-900:#581c87;--purple-950:#3b0764;--brand-gradient:linear-gradient(135deg,#a855f7,#9333ea 50%,#7c3aed);--brand-gradient-hover:linear-gradient(135deg,#9333ea,#7c3aed 50%,#6b21a8);--brand-gradient-subtle:linear-gradient(135deg,#a855f714,#9333ea0a);--brand-gradient-vertical:linear-gradient(180deg,#a855f7,#9333ea);--sidebar-gradient:linear-gradient(180deg,#1a1625,#251f36 50%,#1a1625);--sidebar-gradient-accent:radial-gradient(ellipse at 0% 0%,#a855f726 0%,#0000 50%);--color-success:#10b981;--color-success-light:#34d399;--color-success-dark:#059669;--color-success-bg:#10b9811a;--color-success-bg-solid:#ecfdf5;--color-warning:#f59e0b;--color-warning-light:#fbbf24;--color-warning-dark:#d97706;--color-warning-bg:#f59e0b1a;--color-warning-bg-solid:#fffbeb;--color-error:#ef4444;--color-error-light:#f87171;--color-error-dark:#dc2626;--color-error-bg:#ef44441a;--color-error-bg-solid:#fef2f2;--color-info:#a855f7;--color-info-light:#c084fc;--color-info-dark:#9333ea;--color-info-bg:#a855f71a;--color-info-bg-solid:#faf5ff;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",sans-serif;--font-mono:"JetBrains Mono","Fira Code",Consolas,Monaco,monospace;--font-size-xs:11px;--font-size-sm:12px;--font-size-base:14px;--font-size-md:15px;--font-size-lg:16px;--font-size-xl:18px;--font-size-2xl:20px;--font-size-3xl:24px;--font-size-4xl:30px;--font-size-5xl:36px;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--line-height-tight:1.2;--line-height-snug:1.375;--line-height-base:1.5;--line-height-relaxed:1.625;--line-height-loose:2;--letter-spacing-tight:-0.025em;--letter-spacing-normal:0;--letter-spacing-wide:0.025em;--letter-spacing-wider:0.05em;--radius-xs:4px;--radius-sm:6px;--radius-md:8px;--radius-lg:10px;--radius-xl:12px;--radius-2xl:14px;--radius-3xl:16px;--radius-4xl:20px;--radius-full:9999px;--neu-shadow-light:#a68bbf1a;--neu-highlight-light:#ffffff26;--shadow-xs:2px 2px 4px var(--neu-shadow-light),-2px -2px 4px var(--neu-highlight-light);--shadow-sm:3px 3px 6px var(--neu-shadow-light),-3px -3px 6px var(--neu-highlight-light);--shadow-md:4px 4px 8px var(--neu-shadow-light),-4px -4px 8px var(--neu-highlight-light);--shadow-lg:6px 6px 12px var(--neu-shadow-light),-6px -6px 12px var(--neu-highlight-light);--shadow-xl:8px 8px 16px var(--neu-shadow-light),-8px -8px 16px var(--neu-highlight-light);--shadow-2xl:10px 10px 20px var(--neu-shadow-light),-10px -10px 20px var(--neu-highlight-light);--shadow-card:4px 4px 10px #a68bbf1a,-4px -4px 10px #fff3;--shadow-card-hover:6px 6px 14px #a68bbf1f,-6px -6px 14px #ffffff40;--shadow-modal:10px 10px 24px #a68bbf26,-10px -10px 24px #ffffff40;--shadow-glow-sm:0 0 8px #a855f714;--shadow-glow:0 0 12px #a855f71a;--shadow-glow-lg:0 0 18px #a855f71f;--shadow-glow-xl:0 0 24px #a855f726;--shadow-button:3px 3px 8px #a68bbf1a,-3px -3px 8px #fff3;--shadow-button-hover:4px 4px 10px #a68bbf1f,-4px -4px 10px #ffffff40;--shadow-button-active:inset 2px 2px 4px #a68bbf1a,inset -2px -2px 4px #ffffff26;--shadow-input:inset 2px 2px 4px #a68bbf14,inset -2px -2px 4px #ffffff26;--shadow-input-focus:inset 1px 1px 3px #a68bbf0f,inset -1px -1px 3px #ffffff1f,0 0 0 2px #a855f71a;--shadow-inset:inset 2px 2px 5px #a68bbf1a,inset -2px -2px 5px #ffffff26;--transition-instant:75ms ease;--transition-fast:150ms ease;--transition-base:200ms ease;--transition-normal:250ms cubic-bezier(0.4,0,0.2,1);--transition-slow:350ms cubic-bezier(0.4,0,0.2,1);--transition-slower:500ms cubic-bezier(0.4,0,0.2,1);--ease-out-expo:cubic-bezier(0.16,1,0.3,1);--ease-out-back:cubic-bezier(0.34,1.56,0.64,1);--ease-smooth:cubic-bezier(0.4,0,0.2,1);--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070}:root,[data-theme=light]{--bg-base:#f8f7fa;--bg-elevated:#fff;--bg-sunken:#f0eef4;--bg-hover:#a855f70f;--bg-active:#a855f71f;--bg-overlay:#1a162580;--bg-dark:#1a1625;--text-primary:#1f1f2e;--text-secondary:#4a4a5e;--text-tertiary:#6b6b80;--text-disabled:#a0a0b0;--text-inverse:#fff;--text-link:var(--brand-primary-dark);--text-link-hover:var(--brand-primary-darker);--label-color:#2d2d3d;--label-required:var(--color-error);--border-default:#c8c5d3;--border-light:#dddae5;--border-dark:#a8a4b5;--border-focus:var(--brand-primary);--border-purple:#a855f766;--card-bg:#fff;--card-bg-gradient:linear-gradient(180deg,#fff,#faf9fc);--card-border:#d5d3de;--card-shadow:0 2px 8px #00000014,0 1px 2px #0000000d;--card-hover-shadow:0 4px 16px #0000001a,0 2px 4px #0000000f;--card-accent-line:var(--brand-gradient);--input-bg:#fff;--input-border:#c0bcc8;--input-focus-border:var(--brand-primary);--input-focus-shadow:0 0 0 3px #a855f733;--input-placeholder:#8585a0;--sidebar-bg:var(--sidebar-gradient);--sidebar-text:#ffffffb3;--sidebar-text-active:#fff;--sidebar-hover-bg:#a855f726;--sidebar-active-bg:linear-gradient(90deg,#a855f740,#a855f714);--sidebar-active-border:var(--brand-primary);--sidebar-icon:#fff9;--sidebar-icon-active:var(--brand-primary);--sidebar-divider:#ffffff0f;--header-bg:#ede9f2;--header-bg-gradient:linear-gradient(180deg,#ede9f2,#a855f705);--header-border:#a855f714;--header-shadow:var(--shadow-sm);--table-header-bg:#e5e0eb;--table-row-hover:#a855f70f;--table-row-selected:#a855f71a;--table-border:#a855f714;--table-stripe:#a855f708;--modal-bg:#ede9f2;--modal-header-bg:#e5e0eb;--modal-shadow:var(--shadow-modal);--badge-bg:var(--bg-sunken);--badge-text:var(--text-secondary);--message-mine-bg:linear-gradient(135deg,#a855f7,#9333ea);--message-mine-text:#fff;--message-theirs-bg:#ede9f2;--message-theirs-text:var(--text-primary);--message-area-bg:linear-gradient(180deg,#f3e8ff,#e9d5ff);--message-time:var(--text-tertiary);--scrollbar-track:#e5e0eb;--scrollbar-thumb:#c084fc;--scrollbar-thumb-hover:#a855f7;--notification-bg:linear-gradient(135deg,#ef4444,#dc2626);--notification-shadow:0 2px 8px #ef444466}[data-theme=dark]{--neu-shadow-dark:#00000080;--neu-highlight-dark:#372d4b1f;--bg-base:#16141f;--bg-elevated:#1e1b28;--bg-sunken:#0f0d14;--bg-hover:#a855f71a;--bg-active:#a855f72e;--bg-overlay:#000000bf;--bg-dark:#16141f;--text-primary:#f5f5f7;--text-secondary:#c8c8d0;--text-tertiary:#9898a8;--text-disabled:#606070;--text-inverse:#1f1f2e;--text-link:var(--brand-primary-light);--text-link-hover:var(--brand-accent-light);--label-color:#e8e8f0;--label-required:#f87171;--border-default:#454358;--border-light:#353343;--border-dark:#555368;--border-focus:var(--brand-primary);--border-purple:#a855f780;--card-bg:#1e1b28;--card-bg-gradient:linear-gradient(180deg,#1e1b28,#1a1825);--card-border:#3a3850;--card-shadow:0 2px 8px #00000059,0 1px 2px #00000040;--card-hover-shadow:0 4px 16px #00000073,0 2px 4px #00000059;--input-bg:#1a1825;--input-border:#4a4860;--input-focus-border:var(--brand-primary);--input-focus-shadow:0 0 0 3px #a855f74d;--input-placeholder:#7a7a90;--sidebar-bg:linear-gradient(180deg,#120e1a,#1a1625 50%,#120e1a);--sidebar-text:#fff9;--sidebar-text-active:#fff;--sidebar-hover-bg:#a855f72e;--sidebar-active-bg:linear-gradient(90deg,#a855f74d,#a855f71f);--sidebar-active-border:var(--brand-primary);--sidebar-icon:#ffffff80;--sidebar-icon-active:var(--brand-primary-light);--sidebar-divider:#a855f71a;--header-bg:#1a1625;--header-bg-gradient:linear-gradient(180deg,#1a1625,#a855f708);--header-border:#a855f71f;--header-shadow:4px 4px 8px #0006,-4px -4px 8px #372d4b14;--table-header-bg:#120e1a;--table-row-hover:#a855f71a;--table-row-selected:#a855f72e;--table-border:#a855f71a;--table-stripe:#a855f70a;--modal-bg:#1a1625;--modal-header-bg:#120e1a;--modal-shadow:20px 20px 40px #0009,-20px -20px 40px #372d4b1a,var(--shadow-glow);--badge-bg:#a855f72e;--badge-text:var(--text-secondary);--message-mine-bg:linear-gradient(135deg,#9333ea,#7c3aed);--message-mine-text:#fff;--message-theirs-bg:#251f36;--message-theirs-text:var(--text-primary);--message-area-bg:linear-gradient(180deg,#1a1625,#120e1a);--message-time:var(--text-tertiary);--scrollbar-track:#120e1a;--scrollbar-thumb:#a855f766;--scrollbar-thumb-hover:#a855f799;--shadow-sm:2px 2px 5px #0003,-2px -2px 5px #372d4b05;--shadow-md:3px 3px 7px #00000038,-3px -3px 7px #372d4b08;--shadow-lg:4px 4px 10px #00000040,-4px -4px 10px #372d4b08;--shadow-xl:5px 5px 12px #00000047,-5px -5px 12px #372d4b0a;--shadow-card:3px 3px 8px #00000040,-3px -3px 8px #372d4b08;--shadow-button:2px 2px 6px #0003,-2px -2px 6px #372d4b05;--shadow-input:inset 1px 1px 3px #0003,inset -1px -1px 3px #372d4b05;--shadow-glow:0 0 10px #a855f71a;--shadow-glow-lg:0 0 16px #a855f71f}[data-color=purple]{--brand-primary:#a855f7;--brand-primary-light:#c084fc;--brand-primary-dark:#9333ea;--brand-primary-darker:#7c3aed;--brand-secondary:#8b5cf6;--brand-gradient:linear-gradient(135deg,#a855f7,#9333ea 50%,#7c3aed);--brand-gradient-hover:linear-gradient(135deg,#9333ea,#7c3aed 50%,#6b21a8);--brand-gradient-subtle:linear-gradient(135deg,#a855f714,#9333ea0a);--sidebar-gradient-accent:radial-gradient(ellipse at 0% 0%,#a855f726 0%,#0000 50%);--color-info:#a855f7;--color-info-light:#c084fc;--color-info-dark:#9333ea;--shadow-glow:0 0 12px #a855f71a;--shadow-glow-lg:0 0 18px #a855f71f}[data-color=blue]{--brand-primary:#3b82f6;--brand-primary-light:#60a5fa;--brand-primary-dark:#2563eb;--brand-primary-darker:#1d4ed8;--brand-secondary:#6366f1;--brand-gradient:linear-gradient(135deg,#3b82f6,#2563eb 50%,#1d4ed8);--brand-gradient-hover:linear-gradient(135deg,#2563eb,#1d4ed8 50%,#1e40af);--brand-gradient-subtle:linear-gradient(135deg,#3b82f614,#2563eb0a);--sidebar-gradient-accent:radial-gradient(ellipse at 0% 0%,#3b82f626 0%,#0000 50%);--color-info:#3b82f6;--color-info-light:#60a5fa;--color-info-dark:#2563eb;--shadow-glow:0 0 12px #3b82f61a;--shadow-glow-lg:0 0 18px #3b82f61f}[data-color=orange]{--brand-primary:#f97316;--brand-primary-light:#fb923c;--brand-primary-dark:#ea580c;--brand-primary-darker:#c2410c;--brand-secondary:#f59e0b;--brand-gradient:linear-gradient(135deg,#f97316,#ea580c 50%,#c2410c);--brand-gradient-hover:linear-gradient(135deg,#ea580c,#c2410c 50%,#9a3412);--brand-gradient-subtle:linear-gradient(135deg,#f9731614,#ea580c0a);--sidebar-gradient-accent:radial-gradient(ellipse at 0% 0%,#f9731626 0%,#0000 50%);--color-info:#f97316;--color-info-light:#fb923c;--color-info-dark:#ea580c;--shadow-glow:0 0 12px #f973161a;--shadow-glow-lg:0 0 18px #f973161f}[data-color=green]{--brand-primary:#10b981;--brand-primary-light:#34d399;--brand-primary-dark:#059669;--brand-primary-darker:#047857;--brand-secondary:#14b8a6;--brand-gradient:linear-gradient(135deg,#10b981,#059669 50%,#047857);--brand-gradient-hover:linear-gradient(135deg,#059669,#047857 50%,#065f46);--brand-gradient-subtle:linear-gradient(135deg,#10b98114,#0596690a);--sidebar-gradient-accent:radial-gradient(ellipse at 0% 0%,#10b98126 0%,#0000 50%);--color-info:#10b981;--color-info-light:#34d399;--color-info-dark:#059669;--shadow-glow:0 0 12px #10b9811a;--shadow-glow-lg:0 0 18px #10b9811f}[data-color=red]{--brand-primary:#ef4444;--brand-primary-light:#f87171;--brand-primary-dark:#dc2626;--brand-primary-darker:#b91c1c;--brand-secondary:#f43f5e;--brand-gradient:linear-gradient(135deg,#ef4444,#dc2626 50%,#b91c1c);--brand-gradient-hover:linear-gradient(135deg,#dc2626,#b91c1c 50%,#991b1b);--brand-gradient-subtle:linear-gradient(135deg,#ef444414,#dc26260a);--sidebar-gradient-accent:radial-gradient(ellipse at 0% 0%,#ef444426 0%,#0000 50%);--color-info:#ef4444;--color-info-light:#f87171;--color-info-dark:#dc2626;--shadow-glow:0 0 12px #ef44441a;--shadow-glow-lg:0 0 18px #ef44441f}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;background-color:#f8f7fa;background-color:var(--bg-base);color:#1f1f2e;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;font-family:var(--font-family);font-size:14px;font-size:var(--font-size-base);line-height:1.5;line-height:var(--line-height-base);overscroll-behavior:none;transition:background-color .35s cubic-bezier(.4,0,.2,1),color .35s cubic-bezier(.4,0,.2,1);transition:background-color var(--transition-slow),color var(--transition-slow)}body,html{overscroll-behavior-y:none}*{touch-action:manipulation}.conversations-list,.main-content,.messages-area,.sidebar-menu{-webkit-overflow-scrolling:touch;touch-action:pan-y}@supports (padding:env(safe-area-inset-bottom)){.main-footer{padding-bottom:calc(8px + env(safe-area-inset-bottom));padding-bottom:calc(var(--space-sm) + env(safe-area-inset-bottom))}.message-input-container{padding-bottom:calc(16px + env(safe-area-inset-bottom));padding-bottom:calc(var(--space-md) + env(safe-area-inset-bottom))}}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:#e5e0eb;background:var(--scrollbar-track)}::-webkit-scrollbar-thumb,::-webkit-scrollbar-track{border-radius:9999px;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb{background:#c084fc;background:var(--scrollbar-thumb);border:2px solid #e5e0eb;border:2px solid var(--scrollbar-track)}::-webkit-scrollbar-thumb:hover{background:#a855f7;background:var(--scrollbar-thumb-hover)}.scrollbar-thin::-webkit-scrollbar{width:6px}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-24px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(24px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes glowPulse{0%,to{box-shadow:0 0 8px #a855f714;box-shadow:var(--shadow-glow-sm)}50%{box-shadow:0 0 12px #a855f71a;box-shadow:var(--shadow-glow)}}@keyframes breathe{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.animate-fade-in{animation:fadeIn .3s cubic-bezier(.4,0,.2,1) forwards;animation:fadeIn .3s var(--ease-smooth) forwards}.animate-fade-in-up{animation:fadeInUp .4s cubic-bezier(.16,1,.3,1) forwards;animation:fadeInUp .4s var(--ease-out-expo) forwards}.animate-fade-in-scale{animation:fadeInScale .3s cubic-bezier(.4,0,.2,1) forwards;animation:fadeInScale .3s var(--ease-smooth) forwards}.animate-scale-in{animation:scaleIn .35s cubic-bezier(.34,1.56,.64,1) forwards;animation:scaleIn .35s var(--ease-out-back) forwards}.animate-slide-in-left{animation:slideInLeft .3s cubic-bezier(.4,0,.2,1) forwards;animation:slideInLeft .3s var(--ease-smooth) forwards}.animate-slide-in-right{animation:slideInRight .3s cubic-bezier(.4,0,.2,1) forwards;animation:slideInRight .3s var(--ease-smooth) forwards}.animate-slide-in-up{animation:slideInUp .3s cubic-bezier(.4,0,.2,1) forwards;animation:slideInUp .3s var(--ease-smooth) forwards}.animate-pulse{animation:pulse 2s ease-in-out infinite}.animate-spin{animation:spin 1s linear infinite}.animate-glow{animation:glowPulse 2s ease-in-out infinite}.animate-breathe{animation:breathe 3s ease-in-out infinite}.animate-float{animation:float 3s ease-in-out infinite}.text-primary{color:#1f1f2e!important;color:var(--text-primary)!important}.text-secondary{color:#4a4a5e!important;color:var(--text-secondary)!important}.text-tertiary{color:#6b6b80!important;color:var(--text-tertiary)!important}.text-brand{color:#a855f7!important;color:var(--brand-primary)!important}.text-success{color:#10b981!important;color:var(--color-success)!important}.text-warning{color:#f59e0b!important;color:var(--color-warning)!important}.text-error{color:#ef4444!important;color:var(--color-error)!important}.text-gradient{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#a855f7,#9333ea 50%,#7c3aed);background:var(--brand-gradient);-webkit-background-clip:text;background-clip:text}.bg-base{background-color:#f8f7fa!important;background-color:var(--bg-base)!important}.bg-elevated{background-color:#fff!important;background-color:var(--bg-elevated)!important}.bg-sunken{background-color:#f0eef4!important;background-color:var(--bg-sunken)!important}.bg-brand{background:linear-gradient(135deg,#a855f7,#9333ea 50%,#7c3aed)!important;background:var(--brand-gradient)!important}.circle-card{background:#fff;background:var(--card-bg);border:1px solid #d5d3de;border:1px solid var(--card-border);border-radius:10px;border-radius:var(--radius-lg);box-shadow:0 2px 8px #00000014,0 1px 2px #0000000d;box-shadow:var(--card-shadow);overflow:hidden;position:relative;transition:all .25s cubic-bezier(.4,0,.2,1);transition:all .25s var(--ease-smooth)}.circle-card:hover{box-shadow:0 4px 16px #0000001a,0 2px 4px #0000000f;box-shadow:var(--card-hover-shadow)}.circle-card-header{align-items:center;border-bottom:1px solid #c8c5d3;border-bottom:1px solid var(--border-default);display:flex;justify-content:space-between;padding:16px 24px;padding:var(--space-md) var(--space-lg);position:relative;z-index:1}.circle-card-title{color:#1f1f2e;color:var(--text-primary);font-size:16px;font-size:var(--font-size-lg);font-weight:600;font-weight:var(--font-weight-semibold);margin:0}.circle-card-body{padding:24px;padding:var(--space-lg);position:relative;z-index:1}.circle-card--elevated{box-shadow:8px 8px 16px #a68bbf1a,-8px -8px 16px #ffffff26;box-shadow:var(--shadow-xl)}.circle-card--interactive{cursor:pointer}.circle-card--accent{border-left:4px solid #a855f7;border-left:4px solid var(--brand-primary)}.page-header{background:#fff;background:var(--card-bg);border:1px solid #d5d3de;border-left:4px solid #a855f7;border:1px solid var(--card-border);border-left:4px solid var(--brand-primary);border-radius:10px;border-radius:var(--radius-lg);box-shadow:0 2px 8px #00000014,0 1px 2px #0000000d;box-shadow:var(--card-shadow);justify-content:space-between;margin-bottom:16px;margin-bottom:var(--space-md);padding:16px 24px;padding:var(--space-md) var(--space-lg);position:relative}.page-header,.page-header h2{align-items:center;display:flex}.page-header h2{color:#1f1f2e;color:var(--text-primary);font-size:16px;font-size:var(--font-size-lg);font-weight:700;font-weight:var(--font-weight-bold);gap:8px;gap:var(--space-sm);line-height:1.2;line-height:var(--line-height-tight);margin:0}.page-header h2 .anticon{color:#a855f7;color:var(--brand-primary);font-size:18px;font-size:var(--font-size-xl)}.page-header p{color:#4a4a5e;color:var(--text-secondary);font-size:12px;font-size:var(--font-size-sm);line-height:1.5;line-height:var(--line-height-base);margin-top:4px!important}.table-container{background:#fff;background:var(--card-bg);border:1px solid #d5d3de;border:1px solid var(--card-border);border-radius:10px;border-radius:var(--radius-lg);box-shadow:0 2px 8px #00000014,0 1px 2px #0000000d;box-shadow:var(--card-shadow);padding:16px;padding:var(--space-md)}.ant-table{background:#0000!important}.ant-table,.ant-table-container{border-radius:10px!important;border-radius:var(--radius-lg)!important;overflow:hidden}.ant-table-container{border:1px solid #c8c5d3!important;border:1px solid var(--border-default)!important}.ant-table-thead>tr>th{background:#f0eef4!important;background:var(--bg-sunken)!important;border-bottom:1px solid #c8c5d3!important;border-bottom:1px solid var(--border-default)!important;border-right:none!important;color:#1f1f2e!important;color:var(--text-primary)!important;font-size:12px!important;font-size:var(--font-size-sm)!important;font-weight:600!important;font-weight:var(--font-weight-semibold)!important;letter-spacing:normal;padding:12px 16px!important;padding:12px var(--space-md)!important;text-transform:none}.ant-table-thead>tr>th:before{display:none!important}.ant-table-tbody>tr>td{background:#fff!important;background:var(--card-bg)!important;border-bottom:1px solid #dddae5!important;border-bottom:1px solid var(--border-light)!important;border-right:none!important;color:#1f1f2e!important;color:var(--text-primary)!important;font-size:12px!important;font-size:var(--font-size-sm)!important;padding:12px 16px!important;padding:12px var(--space-md)!important;position:relative;transition:all .15s ease!important;transition:all var(--transition-fast)!important}.ant-table-tbody>tr{position:relative}.ant-table-tbody>tr:hover>td{background:#a855f70f!important;background:var(--bg-hover)!important}.ant-table-tbody>tr:hover>td:first-child:before{background:#a855f7;background:var(--brand-primary);bottom:0;content:"";left:0;position:absolute;top:0;width:3px}.ant-table-tbody>tr.ant-table-row-selected>td{background:#a855f714!important}.ant-pagination{margin:16px 0 0!important;margin:var(--space-md) 0 0 0!important}.ant-pagination-item,.ant-pagination-next,.ant-pagination-prev{background:#fff!important;background:var(--card-bg)!important;border:none!important;border-radius:10px!important;border-radius:var(--radius-lg)!important;box-shadow:2px 2px 4px #a68bbf1a,-2px -2px 4px #ffffff26;box-shadow:var(--shadow-xs)}.ant-pagination-item:hover,.ant-pagination-next:hover,.ant-pagination-prev:hover{box-shadow:3px 3px 6px #a68bbf1a,-3px -3px 6px #ffffff26;box-shadow:var(--shadow-sm);transform:translateY(-1px)}.ant-pagination-item-active{background:linear-gradient(135deg,#a855f7,#9333ea 50%,#7c3aed)!important;background:var(--brand-gradient)!important;box-shadow:0 0 8px #a855f714!important;box-shadow:var(--shadow-glow-sm)!important}.ant-pagination-item-active a{color:#fff!important}.ant-btn{align-items:center;border-radius:8px;border-radius:var(--radius-md);display:inline-flex;font-size:12px;font-size:var(--font-size-sm);font-weight:600;font-weight:var(--font-weight-semibold);gap:8px;gap:var(--space-sm);height:40px;justify-content:center;padding:0 20px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all .2s var(--ease-smooth)}.ant-btn-primary{background:#a855f7!important;background:var(--brand-primary)!important;border:none!important;box-shadow:0 2px 4px #a855f740;color:#fff!important}.ant-btn-primary:hover{background:#9333ea!important;background:var(--brand-primary-dark)!important;box-shadow:0 4px 8px #a855f759}.ant-btn-primary:active{background:#7c3aed!important;background:var(--brand-primary-darker)!important;box-shadow:0 1px 2px #a855f733}.ant-btn-default{background:#fff!important;background:var(--card-bg)!important;border:1px solid #c8c5d3!important;border:1px solid var(--border-default)!important;color:#1f1f2e!important;color:var(--text-primary)!important}.ant-btn-default:hover{border-color:#a855f7!important;border-color:var(--brand-primary)!important;color:#a855f7!important;color:var(--brand-primary)!important}.ant-btn-default:active{border-color:#9333ea!important;border-color:var(--brand-primary-dark)!important;color:#9333ea!important;color:var(--brand-primary-dark)!important}.ant-btn-ghost{background:#0000!important;border:1px solid #a855f7!important;border:1px solid var(--brand-primary)!important;color:#a855f7!important;color:var(--brand-primary)!important}.ant-btn-ghost:hover{background:#a855f714!important;border-color:#9333ea!important;border-color:var(--brand-primary-dark)!important;color:#9333ea!important;color:var(--brand-primary-dark)!important}.ant-btn-lg{font-size:14px;font-size:var(--font-size-base);height:48px;padding:0 28px}.ant-btn-sm{font-size:11px;font-size:var(--font-size-xs);height:32px;padding:0 14px}.ant-input{padding:10px 16px}.ant-input,.ant-input-affix-wrapper{background:#fff!important;background:var(--input-bg)!important;border:1px solid #c0bcc8!important;border:1px solid var(--input-border)!important;border-radius:8px!important;border-radius:var(--radius-md)!important;box-shadow:none;color:#1f1f2e!important;color:var(--text-primary)!important;font-size:14px;font-size:var(--font-size-base);height:44px;transition:all .15s ease!important;transition:all var(--transition-fast)!important}.ant-input-affix-wrapper{align-items:center!important;display:flex!important;padding:0 16px}.ant-input-affix-wrapper>.ant-input{background:#0000!important;border:none!important;box-shadow:none!important;height:auto!important;padding:0!important}.ant-input-affix-wrapper>.ant-input:focus{box-shadow:none!important}.ant-input-affix-wrapper-focused,.ant-input-affix-wrapper:hover,.ant-input:focus,.ant-input:hover{border-color:#a855f7!important;border-color:var(--brand-primary)!important}.ant-input-affix-wrapper-focused,.ant-input:focus{box-shadow:0 0 0 3px #a855f733!important;box-shadow:var(--input-focus-shadow)!important}.ant-input::placeholder{color:#8585a0!important;color:var(--input-placeholder)!important}.ant-input-prefix{align-items:center;color:#6b6b80;color:var(--text-tertiary);display:flex;margin-right:12px}.ant-input-suffix{align-items:center;display:flex;margin-left:12px}.ant-input-affix-wrapper .ant-input-prefix .anticon{color:#a855f7;color:var(--brand-primary);font-size:18px;opacity:.7;transition:opacity .15s ease;transition:opacity var(--transition-fast)}.ant-input-affix-wrapper-focused .ant-input-prefix .anticon{opacity:1}.ant-input-textarea .ant-input{height:auto!important;min-height:100px;padding:14px 16px!important}.ant-input-number,.ant-input-textarea .ant-input{border:1px solid #c0bcc8!important;border:1px solid var(--input-border)!important}.ant-input-number{align-items:center!important;background:#fff!important;background:var(--input-bg)!important;border-radius:8px!important;border-radius:var(--radius-md)!important;box-shadow:none;display:flex!important;height:44px!important;width:100%}.ant-input-number-focused,.ant-input-number:hover{border-color:#a855f7!important;border-color:var(--brand-primary)!important}.ant-input-number-focused{box-shadow:0 0 0 3px #a855f733!important;box-shadow:var(--input-focus-shadow)!important}.ant-input-number-input-wrap{align-items:center!important;display:flex!important;height:100%!important}.ant-input-number-input{color:#1f1f2e!important;color:var(--text-primary)!important;height:auto!important}.ant-input-number-handler-wrap{background:#f0eef4!important;background:var(--bg-sunken)!important;border-left:1px solid #c8c5d3!important;border-left:1px solid var(--border-default)!important;border-radius:0 8px 8px 0;border-radius:0 var(--radius-md) var(--radius-md) 0}.ant-select-selector{align-items:center!important;background:#fff!important;background:var(--input-bg)!important;border:1px solid #c0bcc8!important;border:1px solid var(--input-border)!important;border-radius:8px!important;border-radius:var(--radius-md)!important;box-shadow:none;display:flex!important;height:44px!important;padding:0 16px!important}.ant-select-selection-item,.ant-select-selection-placeholder{color:#1f1f2e;color:var(--text-primary);line-height:42px!important}.ant-select-selection-placeholder{color:#8585a0!important;color:var(--input-placeholder)!important}.ant-select-selection-search{align-items:center!important;display:flex!important}.ant-select-selection-search-input{height:42px!important}.ant-select-focused .ant-select-selector,.ant-select:hover .ant-select-selector{border-color:#a855f7!important;border-color:var(--brand-primary)!important}.ant-select-focused .ant-select-selector{box-shadow:0 0 0 3px #a855f733!important;box-shadow:var(--input-focus-shadow)!important}.ant-select-dropdown{background:#fff!important;background:var(--card-bg)!important;border:1px solid #c8c5d3!important;border:1px solid var(--border-default)!important;border-radius:8px!important;border-radius:var(--radius-md)!important;box-shadow:0 8px 24px #0000001f!important;padding:4px!important}[data-theme=dark] .ant-select-dropdown{box-shadow:0 8px 24px #0006!important}.ant-select-item{border-radius:6px!important;border-radius:var(--radius-sm)!important;color:#1f1f2e!important;color:var(--text-primary)!important;margin:2px 0;padding:8px 12px!important}.ant-select-item-option-selected{background:#a855f71a!important;font-weight:500!important;font-weight:var(--font-weight-medium)!important}.ant-select-item-option-active{background:#a855f70f!important;background:var(--bg-hover)!important}.ant-modal-content{background:#fff!important;background:var(--card-bg)!important;border:1px solid #c8c5d3;border:1px solid var(--border-default);border-radius:12px!important;border-radius:var(--radius-xl)!important;box-shadow:0 20px 60px #00000026,0 8px 24px #0000001a!important;overflow:hidden}[data-theme=dark] .ant-modal-content{box-shadow:0 20px 60px #00000080,0 8px 24px #0006!important}.ant-modal-header{background:#f0eef4!important;background:var(--bg-sunken)!important;border-bottom:1px solid #c8c5d3!important;border-bottom:1px solid var(--border-default)!important;padding:16px 24px!important;position:relative}.ant-modal-header:before{background:linear-gradient(135deg,#a855f7,#9333ea 50%,#7c3aed);background:var(--brand-gradient);content:"";height:3px;left:0;position:absolute;right:0;top:0}.ant-modal-title{color:#1f1f2e!important;color:var(--text-primary)!important;font-size:16px!important;font-size:var(--font-size-lg)!important;font-weight:600!important;font-weight:var(--font-weight-semibold)!important}.ant-modal-body{background:#fff!important;background:var(--card-bg)!important;padding:24px!important}.ant-modal-footer{background:#f0eef4!important;background:var(--bg-sunken)!important;border-top:1px solid #c8c5d3!important;border-top:1px solid var(--border-default)!important;padding:12px 24px!important}.ant-modal-close{color:#6b6b80!important;color:var(--text-tertiary)!important;right:16px!important;top:16px!important}.ant-modal-close:hover{background:#a855f70f!important;background:var(--bg-hover)!important;border-radius:6px;border-radius:var(--radius-sm);color:#1f1f2e!important;color:var(--text-primary)!important}.ant-card{background:#fff!important;background:var(--card-bg)!important;border:1px solid #d5d3de!important;border:1px solid var(--card-border)!important;border-radius:12px!important;border-radius:var(--radius-xl)!important;box-shadow:0 2px 8px #00000014,0 1px 2px #0000000d!important;box-shadow:var(--card-shadow)!important;transition:all .25s cubic-bezier(.4,0,.2,1)!important;transition:all .25s var(--ease-smooth)!important}.ant-card:hover{box-shadow:0 4px 16px #0000001a,0 2px 4px #0000000f!important;box-shadow:var(--card-hover-shadow)!important}.ant-card-head{background:#f0eef4!important;background:var(--bg-sunken)!important;border-bottom:1px solid #c8c5d3!important;border-bottom:1px solid var(--border-default)!important;min-height:52px!important;padding:0 24px!important;padding:0 var(--space-lg)!important}.ant-card-head-title{color:#1f1f2e!important;color:var(--text-primary)!important;font-size:14px!important;font-size:var(--font-size-base)!important;font-weight:600!important;font-weight:var(--font-weight-semibold)!important}.ant-card-body{padding:24px!important;padding:var(--space-lg)!important}.ant-form-item{align-items:flex-start;display:flex;flex-wrap:nowrap;margin-bottom:20px}.ant-form-item-label{flex:0 0 160px;padding-right:16px!important;padding-top:8px;text-align:right;width:160px}.ant-form-item-label>label{color:#1f1f2e!important;color:var(--text-primary)!important;font-size:12px!important;font-size:var(--font-size-sm)!important;font-weight:600!important;font-weight:var(--font-weight-semibold)!important;height:auto!important;line-height:1.5!important;white-space:nowrap}.ant-form-item-label>label:after{content:":";margin-left:2px}.ant-form-item-label>label.ant-form-item-required:before{color:#ef4444!important;color:var(--color-error)!important;margin-right:4px}.ant-form-item-control{flex:1 1;max-width:calc(100% - 160px);min-width:0}.ant-form-item-control .ant-input,.ant-form-item-control .ant-input-affix-wrapper,.ant-form-item-control .ant-input-number,.ant-form-item-control .ant-picker,.ant-form-item-control .ant-select{width:100%!important}.ant-modal-body .ant-form-item{align-items:flex-start;display:flex;flex-wrap:nowrap}.ant-modal-body .ant-form-item-label{flex:0 0 140px;padding-right:16px!important;text-align:right;width:140px}.ant-modal-body .ant-form-item-control{flex:1 1;max-width:calc(100% - 140px);min-width:0}.ant-card-body .ant-form-item,.circle-card-body .ant-form-item{align-items:flex-start;display:flex;flex-wrap:nowrap}.ant-card-body .ant-form-item-label,.circle-card-body .ant-form-item-label{flex:0 0 140px;padding-right:16px!important;text-align:right;width:140px}.ant-card-body .ant-form-item-control,.circle-card-body .ant-form-item-control{flex:1 1;max-width:calc(100% - 140px);min-width:0}.ant-form-item-explain-error{color:#ef4444!important;color:var(--color-error)!important;font-weight:500;font-weight:var(--font-weight-medium)}.ant-form-item-explain-error,.ant-form-item-explain-warning{font-size:11px!important;font-size:var(--font-size-xs)!important;margin-top:4px}.ant-form-item-explain-warning{color:#f59e0b!important;color:var(--color-warning)!important}.ant-form-vertical .ant-form-item,.ant-form[class*=vertical] .ant-form-item{display:block!important;flex-wrap:wrap!important}.ant-form-vertical .ant-form-item-label,.ant-form[class*=vertical] .ant-form-item-label{flex:none!important;max-width:none!important;padding-bottom:8px!important;padding-right:0!important;padding-top:0!important;text-align:left!important;width:auto!important}.ant-form-vertical .ant-form-item-label>label,.ant-form[class*=vertical] .ant-form-item-label>label{height:auto!important;line-height:1.5!important}.ant-form-vertical .ant-form-item-label>label:after,.ant-form[class*=vertical] .ant-form-item-label>label:after{content:""!important}.ant-form-vertical .ant-form-item-control,.ant-form[class*=vertical] .ant-form-item-control{flex:none!important;max-width:100%!important;width:100%!important}@media (max-width:768px){.ant-form-item{display:block}.ant-form-item-label{flex:none;max-width:none;padding-bottom:6px!important;padding-right:0!important;padding-top:0;text-align:left;width:auto}.ant-form-item-label>label:after{content:""}.ant-form-item-control{max-width:100%}.ant-card-body .ant-form-item,.ant-modal-body .ant-form-item,.circle-card-body .ant-form-item{display:block}.ant-card-body .ant-form-item-label,.ant-modal-body .ant-form-item-label,.circle-card-body .ant-form-item-label{flex:none;padding-bottom:6px!important;padding-right:0!important;text-align:left;width:auto}.ant-card-body .ant-form-item-control,.ant-modal-body .ant-form-item-control,.circle-card-body .ant-form-item-control{max-width:100%}}.ant-tag{border:none!important;border-radius:9999px!important;border-radius:var(--radius-full)!important;box-shadow:2px 2px 4px #a68bbf1a,-2px -2px 4px #ffffff26;box-shadow:var(--shadow-xs);font-size:12px!important;font-size:var(--font-size-sm)!important;font-weight:500!important;font-weight:var(--font-weight-medium)!important;padding:4px 12px!important}.ant-badge .ant-badge-count{background:linear-gradient(135deg,#ef4444,#dc2626)!important;background:var(--notification-bg)!important;box-shadow:0 2px 8px #ef444466!important;box-shadow:var(--notification-shadow)!important;font-weight:700!important;font-weight:var(--font-weight-bold)!important}.ant-dropdown-menu{background:#fff!important;background:var(--card-bg)!important;border:1px solid #c8c5d3!important;border:1px solid var(--border-default)!important;border-radius:8px!important;border-radius:var(--radius-md)!important;box-shadow:0 8px 24px #0000001f!important;padding:4px!important}[data-theme=dark] .ant-dropdown-menu{box-shadow:0 8px 24px #0006!important}.ant-dropdown-menu-item{border-radius:6px!important;border-radius:var(--radius-sm)!important;color:#1f1f2e!important;color:var(--text-primary)!important;margin:2px 0;padding:8px 12px!important}.ant-dropdown-menu-item:hover{background:#a855f70f!important;background:var(--bg-hover)!important}.ant-tabs-tab{color:#4a4a5e!important;color:var(--text-secondary)!important;font-weight:500!important;font-weight:var(--font-weight-medium)!important;padding:12px 18px!important;transition:all .15s ease!important;transition:all var(--transition-fast)!important}.ant-tabs-tab-active .ant-tabs-tab-btn,.ant-tabs-tab:hover{color:#a855f7!important;color:var(--brand-primary)!important}.ant-tabs-tab-active .ant-tabs-tab-btn{font-weight:600!important;font-weight:var(--font-weight-semibold)!important}.ant-tabs-ink-bar{background:linear-gradient(135deg,#a855f7,#9333ea 50%,#7c3aed)!important;background:var(--brand-gradient)!important;border-radius:3px!important;height:3px!important}.ant-empty-description{color:#4a4a5e!important;color:var(--text-secondary)!important}.ant-tooltip-inner{border-radius:10px!important;border-radius:var(--radius-lg)!important;box-shadow:6px 6px 12px #a68bbf1a,-6px -6px 12px #ffffff26!important;box-shadow:var(--shadow-lg)!important;color:#fff!important;font-size:12px!important;font-size:var(--font-size-sm)!important;padding:10px 14px!important}.ant-tooltip-arrow-content,.ant-tooltip-inner{background:#1a1625!important;background:var(--bg-dark)!important}.ant-avatar{background:linear-gradient(135deg,#a855f7,#9333ea 50%,#7c3aed)!important;background:var(--brand-gradient)!important;border:2px solid #fff3!important;box-shadow:3px 3px 6px #a68bbf1a,-3px -3px 6px #ffffff26;box-shadow:var(--shadow-sm)}.ant-spin-dot-item{background-color:#a855f7!important;background-color:var(--brand-primary)!important}.ant-message-notice-content{background:#fff!important;background:var(--card-bg)!important;border:none!important;border-radius:12px!important;border-radius:var(--radius-xl)!important;box-shadow:6px 6px 12px #a68bbf1a,-6px -6px 12px #ffffff26!important;box-shadow:var(--shadow-lg)!important}.ant-statistic-title{color:#4a4a5e!important;color:var(--text-secondary)!important;font-size:12px!important;font-size:var(--font-size-sm)!important;font-weight:500!important;font-weight:var(--font-weight-medium)!important}.ant-statistic-content{color:#1f1f2e!important;color:var(--text-primary)!important}.ant-statistic-content-value{font-weight:700!important;font-weight:var(--font-weight-bold)!important}.ant-picker{background:#fff!important;background:var(--input-bg)!important;border:1px solid #c0bcc8!important;border:1px solid var(--input-border)!important;border-radius:8px!important;border-radius:var(--radius-md)!important;box-shadow:none;height:44px!important;padding:0 16px!important}.ant-picker,.ant-picker-input{align-items:center!important;display:flex!important}.ant-picker-input>input{color:#1f1f2e!important;color:var(--text-primary)!important;height:auto!important}.ant-picker-input>input::placeholder{color:#8585a0!important;color:var(--input-placeholder)!important}.ant-picker-clear,.ant-picker-suffix{align-items:center!important;color:#6b6b80!important;color:var(--text-tertiary)!important;display:flex!important}.ant-picker:hover{border-color:#a855f7!important;border-color:var(--brand-primary)!important}.ant-picker:hover .ant-picker-suffix{color:#a855f7!important;color:var(--brand-primary)!important}.ant-picker-focused{border-color:#a855f7!important;border-color:var(--brand-primary)!important;box-shadow:0 0 0 3px #a855f733!important;box-shadow:var(--input-focus-shadow)!important}.ant-picker-dropdown{background:#fff!important;background:var(--card-bg)!important;border:none!important;border-radius:12px!important;border-radius:var(--radius-xl)!important;box-shadow:6px 6px 12px #a68bbf1a,-6px -6px 12px #ffffff26!important;box-shadow:var(--shadow-lg)!important}.ant-rate-star-full .anticon{color:#f59e0b!important}.ant-progress-bg{background:linear-gradient(135deg,#a855f7,#9333ea 50%,#7c3aed)!important;background:var(--brand-gradient)!important}.status-badge{align-items:center;border-radius:9999px;border-radius:var(--radius-full);box-shadow:2px 2px 4px #a68bbf1a,-2px -2px 4px #ffffff26;box-shadow:var(--shadow-xs);display:inline-flex;font-size:12px;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium);gap:6px;padding:6px 14px}.status-badge.active,.status-badge.success{background:#10b9811a;background:var(--color-success-bg);color:#10b981;color:var(--color-success)}.status-badge.error,.status-badge.inactive{background:#ef44441a;background:var(--color-error-bg);color:#ef4444;color:var(--color-error)}.status-badge.pending,.status-badge.warning{background:#f59e0b1a;background:var(--color-warning-bg);color:#f59e0b;color:var(--color-warning)}.status-badge.info{background:#a855f71a;background:var(--color-info-bg);color:#a855f7;color:var(--color-info)}.empty-state{color:#4a4a5e;color:var(--text-secondary);padding:48px 24px;padding:var(--space-2xl) var(--space-lg);text-align:center}.empty-state-icon{color:#a0a0b0;color:var(--text-disabled);font-size:64px;margin-bottom:16px;margin-bottom:var(--space-md)}.empty-state-text{color:#4a4a5e;color:var(--text-secondary);font-size:16px;font-size:var(--font-size-lg);margin:0}.loading-container{align-items:center;display:flex;justify-content:center;min-height:400px}.loading-skeleton{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#f0eef4 25%,#a855f70f 50%,#f0eef4 75%);background:linear-gradient(90deg,var(--bg-sunken) 25%,var(--bg-hover) 50%,var(--bg-sunken) 75%);background-size:200% 100%;border-radius:8px;border-radius:var(--radius-md)}@media (max-width:768px){.page-header{align-items:flex-start;flex-direction:column;gap:16px;gap:var(--space-md)}.table-container{overflow-x:auto}.circle-card-body{padding:16px;padding:var(--space-md)}}@media (max-width:480px){:root{--font-size-base:13px}.page-header{padding:8px 16px;padding:var(--space-sm) var(--space-md)}}.main-layout{background:var(--bg-base);min-height:100vh}.main-sidebar{background:var(--sidebar-gradient)!important;border-right:1px solid #a855f71a;bottom:0;box-shadow:4px 0 24px #0003,1px 0 0 #a855f726;display:flex;flex-direction:column;height:100vh;left:0;position:fixed!important;top:0;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:var(--z-fixed)}.main-sidebar:before{background:radial-gradient(ellipse at 0 0,#a855f726 0,#0000 50%),radial-gradient(ellipse at 100% 100%,#8b5cf614 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:0}.sidebar-logo{align-items:center;background:linear-gradient(180deg,#a855f71f,#0000);border-bottom:1px solid #a855f726;display:flex;flex-shrink:0;gap:12px;height:72px;padding:0 20px;position:relative;z-index:1}.logo-icon{animation:logoGlow 3s ease-in-out infinite alternate;color:var(--brand-primary);filter:drop-shadow(0 0 5px rgba(168,85,247,.2));flex-shrink:0;height:42px;width:42px}@keyframes logoGlow{0%{filter:drop-shadow(0 0 5px rgba(168,85,247,.18));transform:scale(1)}to{filter:drop-shadow(0 0 8px rgba(168,85,247,.28));transform:scale(1.02)}}.logo-icon svg{height:100%;width:100%}.logo-text{display:flex;flex-direction:column;line-height:1.2}.logo-title{color:#fff;font-size:22px;font-weight:700;letter-spacing:-.5px;text-shadow:0 0 20px #a855f766}.logo-subtitle{color:#ffffff80;font-size:10px;font-weight:600;letter-spacing:2px;text-transform:uppercase}.sidebar-search{padding:12px 16px;position:relative;z-index:1}.sidebar-search-input{background:#ffffff14!important;border:1px solid #a855f733!important;border-radius:var(--radius-xl)!important;color:#ffffffe6!important;height:44px;transition:all .3s ease}.sidebar-search-input:hover{background:#ffffff1f!important;border-color:#a855f766!important}.sidebar-search-input.ant-input-affix-wrapper-focused,.sidebar-search-input:focus{background:#ffffff26!important;border-color:var(--brand-primary)!important;box-shadow:0 0 0 3px #a855f733!important}.sidebar-search-input .ant-input{background:#0000!important;color:#ffffffe6!important;font-size:var(--font-size-sm)}.sidebar-search-input .ant-input::placeholder{color:#fff6!important}.sidebar-search-input .ant-input-prefix{color:#ffffff80;margin-right:10px}.sidebar-search-input .ant-input-prefix .anticon{font-size:16px}.sidebar-search-input .ant-input-clear-icon{color:#fff6}.sidebar-search-input .ant-input-clear-icon:hover{color:#fffc}.sidebar-user{align-items:center;background:#a855f71a;border:1px solid #a855f726;border-radius:var(--radius-xl);display:flex;gap:12px;margin:8px 12px;padding:16px;position:relative;transition:all .3s ease;z-index:1}.sidebar-user:hover{background:#a855f726;border-color:#a855f740}.sidebar-user-avatar{background:var(--brand-gradient)!important;box-shadow:0 4px 12px #a855f766;flex-shrink:0}.sidebar-user-info{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.sidebar-user-name{color:#fff;font-size:var(--font-size-sm);font-weight:600}.sidebar-user-name,.sidebar-user-role{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-user-role{color:#ffffff80;font-size:var(--font-size-xs)}.sidebar-logout{align-items:center;border-radius:var(--radius-md);color:#ffffff80;cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;transition:all .2s ease;width:32px}.sidebar-logout:hover{background:#ef444433;color:#ef4444}.sidebar-menu{background:#0000!important;border-right:none!important;flex:1 1;max-height:calc(100vh - 250px);min-height:0;padding:12px 6px;position:relative;z-index:1}.sidebar-menu,.sidebar-menu.ant-menu{overflow-x:hidden!important;overflow-y:auto!important}.sidebar-menu .ant-menu-root{overflow:visible!important}.sidebar-menu::-webkit-scrollbar{width:6px}.sidebar-menu::-webkit-scrollbar-track{background:#0000001a;border-radius:3px}.sidebar-menu::-webkit-scrollbar-thumb{background:#a855f766;border-radius:3px}.sidebar-menu::-webkit-scrollbar-thumb:hover{background:#a855f799}.sidebar-menu .ant-menu-item,.sidebar-menu .ant-menu-submenu-title{border-radius:var(--radius-lg)!important;color:#ffffffa6!important;font-size:var(--font-size-base)!important;font-weight:500!important;height:48px!important;line-height:48px!important;margin:4px 0!important;padding:0 16px!important;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1)!important}.sidebar-menu .ant-menu-item:hover,.sidebar-menu .ant-menu-submenu-title:hover{background:#a855f726!important;color:#fff!important}.sidebar-menu .ant-menu-item-selected{background:linear-gradient(90deg,#a855f74d,#a855f71a)!important;box-shadow:inset 3px 0 0 var(--brand-primary),0 0 20px #a855f733;color:#fff!important;font-weight:600!important}.sidebar-menu .ant-menu-item-selected:after{display:none!important}.sidebar-menu .ant-menu-item .anticon,.sidebar-menu .ant-menu-submenu-title .anticon{color:#fff9;font-size:20px!important;margin-right:12px;transition:all .2s ease}.sidebar-menu .ant-menu-item:hover .anticon,.sidebar-menu .ant-menu-submenu-title:hover .anticon{color:#ffffffe6}.sidebar-menu .ant-menu-item-selected .anticon{color:var(--brand-primary)!important;filter:drop-shadow(0 0 6px rgba(168,85,247,.6))}.sidebar-menu .ant-menu-submenu-arrow{color:#fff6!important}.sidebar-menu .ant-menu-submenu-open>.ant-menu-submenu-title{background:#a855f71a!important}.sidebar-menu .ant-menu-submenu-open>.ant-menu-submenu-title .ant-menu-submenu-arrow{color:var(--brand-primary)!important}.sidebar-menu .ant-menu-sub{background:#0000!important}.sidebar-menu .ant-menu-sub .ant-menu-item{font-size:var(--font-size-sm)!important;height:42px!important;line-height:42px!important;padding-left:36px!important}.sidebar-menu .ant-menu-sub .ant-menu-item:before{background:#fff3;border-radius:50%;content:"";height:6px;left:18px;position:absolute;top:50%;transform:translateY(-50%);transition:all .2s ease;width:6px}.sidebar-menu .ant-menu-sub .ant-menu-item-selected:before,.sidebar-menu .ant-menu-sub .ant-menu-item:hover:before{background:var(--brand-primary);box-shadow:0 0 8px #a855f7b3}.sidebar-collapse{align-items:center;border-top:1px solid #a855f726;color:#ffffff80;cursor:pointer;display:flex;flex-shrink:0;height:50px;justify-content:center;position:relative;transition:all .2s ease;z-index:1}.sidebar-collapse:hover{background:#a855f726;color:#fff}.sidebar-collapse .anticon{font-size:18px;transition:transform .3s ease}.sidebar-collapse:hover .anticon{color:var(--brand-primary)}.content-layout{display:flex;flex-direction:column;min-height:100vh;transition:margin-left .3s cubic-bezier(.4,0,.2,1)}.main-header{background:var(--card-bg);border-bottom:1px solid var(--border-default);height:60px;justify-content:space-between;padding:0 var(--space-lg);position:-webkit-sticky;position:sticky;top:0;z-index:var(--z-sticky)}.header-left,.main-header{align-items:center;display:flex}.header-title{-webkit-text-fill-color:#0000;background:var(--brand-gradient);-webkit-background-clip:text;background-clip:text;font-size:var(--font-size-xl);font-weight:700;letter-spacing:-.5px;margin:0}.header-right{align-items:center;display:flex;gap:var(--space-xs)}.header-action-btn{align-items:center;background:#0000;border:1px solid #0000;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:flex;gap:6px;height:36px;justify-content:center;min-width:36px;padding:0 12px;position:relative;transition:all .2s ease}.header-action-btn:hover{background:var(--bg-hover);border-color:var(--border-default);color:var(--brand-primary)}.header-action-btn .anticon{font-size:20px;transition:all .2s ease}.header-action-btn:hover .anticon{transform:scale(1.1)}.header-action-btn .icon-active{color:var(--color-warning)}.language-code{color:inherit;font-size:12px;font-weight:600}.header-action{align-items:center;border-radius:var(--radius-lg);color:var(--text-secondary);cursor:pointer;display:flex;height:42px;justify-content:center;transition:all .2s ease;width:42px}[data-theme=light] .header-action{background:var(--bg-base);box-shadow:var(--shadow-xs)}[data-theme=light] .header-action:hover{box-shadow:var(--shadow-sm);color:var(--brand-primary)}[data-theme=dark] .header-action:hover{background:#a855f71a;color:var(--brand-primary)}.header-action .anticon{font-size:18px}.header-action .icon-active{color:var(--color-warning)}.header-user{align-items:center;border:none;border-radius:var(--radius-xl);cursor:pointer;display:flex;gap:12px;margin-left:8px;padding:6px 14px 6px 6px;transition:all .2s ease}[data-theme=light] .header-user{background:var(--bg-base);box-shadow:var(--shadow-sm)}[data-theme=light] .header-user:hover{box-shadow:var(--shadow-md)}[data-theme=dark] .header-user{background:#a855f70d;border:1px solid #a855f71a}[data-theme=dark] .header-user:hover{background:#a855f71a;border-color:#a855f733}.user-avatar{background:var(--brand-gradient)!important;border:2px solid #fff3!important;box-shadow:0 2px 10px #a855f766}.user-info{display:flex;flex-direction:column;line-height:1.3}.user-name{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:600}.user-role{color:var(--text-secondary);font-size:var(--font-size-xs)}.main-content{background:var(--bg-base);flex:1 1;padding:var(--space-lg)}.content-wrapper{animation:fadeInUp .4s var(--ease-out-expo) forwards}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.main-footer{align-items:center;background:var(--card-bg);border-top:1px solid var(--border-default);color:var(--text-secondary);display:flex;font-size:var(--font-size-sm);justify-content:space-between;padding:var(--space-md) var(--space-lg)}[data-theme=light] .main-footer{box-shadow:0 -4px 12px #a68bbf14}.footer-divider{color:var(--text-tertiary);margin:0 var(--space-sm)}.main-footer a{color:var(--brand-primary);font-weight:500;text-decoration:none;transition:all .2s ease}.main-footer a:hover{color:var(--brand-primary-light);text-shadow:0 0 10px #a855f766}.notification-dropdown{background:var(--card-bg);border:none;border-radius:var(--radius-2xl);overflow:hidden;width:380px}[data-theme=light] .notification-dropdown{box-shadow:var(--shadow-modal)}[data-theme=dark] .notification-dropdown{border:1px solid #a855f726;box-shadow:0 20px 40px #0006}.notification-header{align-items:center;background:var(--bg-sunken);border-bottom:1px solid var(--border-default);display:flex;justify-content:space-between;padding:var(--space-md) var(--space-lg);position:relative}.notification-header:before{background:var(--brand-gradient);content:"";height:3px;left:0;position:absolute;right:0;top:0}.notification-header h4{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:600;margin:0}.notification-header-actions{align-items:center;display:flex;gap:var(--space-sm)}.notification-mark-read,.notification-sound-toggle{border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;padding:var(--space-xs);transition:all .2s ease}.notification-mark-read:hover,.notification-sound-toggle:hover{background:#a855f71a;color:var(--brand-primary)}.notification-list{max-height:360px;overflow-y:auto}.notification-list .ant-list-item{border-bottom:1px solid var(--border-light)!important;cursor:pointer;padding:var(--space-sm) var(--space-lg)!important;position:relative;transition:all .2s ease}.notification-list .ant-list-item:hover{background:#a855f70d}.notification-list .ant-list-item:hover:before{background:var(--brand-gradient);bottom:0;content:"";left:0;position:absolute;top:0;width:3px}.notification-list .ant-list-item:last-child{border-bottom:none!important}.notification-item-header{align-items:center;display:flex;justify-content:space-between;width:100%}.notification-sender{color:var(--text-primary);font-size:var(--font-size-base);font-weight:600}.notification-time{color:var(--text-tertiary);font-size:var(--font-size-xs)}.notification-content{color:var(--text-secondary);font-size:var(--font-size-sm);line-height:1.4;max-width:260px}.notification-empty{padding:var(--space-2xl) var(--space-lg);text-align:center}.notification-footer{background:var(--bg-sunken);border-top:1px solid var(--border-default);color:var(--brand-primary);cursor:pointer;font-size:var(--font-size-sm);font-weight:600;padding:var(--space-md) var(--space-lg);text-align:center;transition:all .2s ease}.notification-footer:hover{background:#a855f71a}.notification-dropdown-overlay{z-index:calc(var(--z-fixed) + 10)!important}@media (max-width:768px){.notification-dropdown-overlay{left:16px!important;position:fixed!important;right:16px!important;top:60px!important;transform:none!important;width:auto!important}.notification-dropdown-overlay .notification-dropdown{max-width:100%!important;width:100%!important}}@media (max-width:480px){.notification-dropdown-overlay{left:8px!important;right:8px!important;top:56px!important}}.ant-badge .ant-badge-count{background:var(--brand-gradient);box-shadow:0 2px 8px #a855f780;font-weight:700}.notification-count{align-items:center;background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:10px;box-shadow:0 2px 8px #ef444466;color:#fff;display:flex;font-size:11px;font-weight:700;height:20px;justify-content:center;min-width:20px;padding:0 6px;position:absolute;right:4px;top:4px}.language-dropdown .ant-dropdown-menu{border-radius:var(--radius-xl);min-width:140px}[data-theme=light] .language-dropdown .ant-dropdown-menu{box-shadow:var(--shadow-lg)}.language-dropdown .ant-dropdown-menu-item{align-items:center;border-radius:var(--radius-md);display:flex;gap:var(--space-sm);margin:4px}.language-dropdown .ant-dropdown-menu-item:hover{background:#a855f714}.mobile-overlay{animation:fadeIn .2s ease;background:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:calc(var(--z-fixed) - 1)}.mobile-menu-btn{align-items:center;background:var(--bg-hover);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;display:flex;height:40px;justify-content:center;margin-right:var(--space-sm);transition:all .2s ease;width:40px}.mobile-menu-btn:hover{background:var(--bg-active);color:var(--brand-primary)}.mobile-menu-btn .anticon{font-size:20px}.mobile-close-btn{align-items:center;border-radius:var(--radius-md);color:#fff9;cursor:pointer;display:flex;height:32px;justify-content:center;margin-left:auto;transition:all .2s ease;width:32px}.mobile-close-btn:hover{background:#ffffff1a;color:#fff}@media (max-width:768px){.main-sidebar{position:fixed!important;transform:translateX(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:var(--z-fixed)}.main-sidebar.mobile-open{transform:translateX(0)}.main-sidebar.mobile-closed{transform:translateX(-100%)}.content-layout{margin-left:0!important}.main-header{height:56px;padding:0 var(--space-md)}.header-left{align-items:center;display:flex}.header-title{font-size:var(--font-size-lg);margin:0}.header-right{gap:var(--space-xs)}.user-info{display:none}.header-user{margin-left:4px;padding:4px}.main-content{min-height:calc(100vh - 116px);padding:var(--space-md)}.main-footer{flex-direction:column;font-size:var(--font-size-xs);gap:var(--space-xs);padding:var(--space-sm) var(--space-md);text-align:center}.main-footer>div{display:flex;flex-wrap:wrap;gap:var(--space-xs);justify-content:center}.notification-dropdown{max-width:360px;width:calc(100vw - 32px)}.header-action-btn{height:36px;min-width:36px;padding:0 8px}.header-action-btn .anticon{font-size:18px}.sidebar-menu{max-height:calc(100vh - 200px)}.sidebar-collapse{display:none}}@media (max-width:480px){.main-header{height:52px;padding:0 var(--space-sm)}.header-right{gap:2px}.header-action-btn{height:34px;min-width:34px;padding:0 6px}.header-action-btn .anticon{font-size:16px}.language-code{display:none}.header-title{font-size:var(--font-size-base)}.mobile-menu-btn{height:36px;margin-right:var(--space-xs);width:36px}.mobile-menu-btn .anticon{font-size:18px}.main-content{padding:var(--space-sm)}.notification-dropdown{max-width:100%;width:100%}.main-footer{padding:var(--space-xs) var(--space-sm)}.footer-divider{display:none}.main-sidebar{width:260px!important}.sidebar-logo{height:60px;padding:0 var(--space-md)}.logo-icon{height:36px;width:36px}.logo-title{font-size:18px}.sidebar-search{padding:var(--space-sm) var(--space-md)}.sidebar-search-input{height:40px}.sidebar-user{margin:var(--space-xs) var(--space-sm);padding:var(--space-sm)}}@media (max-width:768px) and (orientation:landscape){.sidebar-menu{max-height:calc(100vh - 160px)}.sidebar-user{padding:var(--space-xs) var(--space-sm)}}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loader{animation:spin .8s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#1890ff;height:40px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.92ce960a.css.map*/