@import url(https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,300;0,14..32,400;0,14..32,500;0,14..32,600;0,14..32,700;0,14..32,800;0,14..32,900;1,14..32,400&display=swap);*{box-sizing:border-box;margin:0;padding:0}:root{--navy-950:#020918;--navy-900:#040d1a;--navy-800:#071428;--navy-700:#0c1e3d;--navy-600:#112754;--navy-500:#163169;--navy-400:#1d4080;--navy-300:#265299;--gold-700:#0f3d7a;--gold-600:#134a8e;--gold-500:#1a5fa8;--gold-400:#2171c7;--gold-300:#3e8fe4;--gold-200:#a8cfff;--gold-100:#e0eeff;--gold-50:#f0f7ff;--blue-700:#0f3d7a;--blue-600:#1040a0;--blue-500:#1549b3;--blue-400:#1b5cc7;--blue-300:#3572d9;--blue-100:#dce9fb;--blue-50:#eef5ff;--indigo-600:#4338ca;--indigo-500:#4f46e5;--indigo-400:#6366f1;--indigo-100:#e0e7ff;--indigo-50:#eef2ff;--success-700:#065f46;--success-600:#0d7a4d;--success-500:#059669;--success-400:#10b981;--success-100:#d1fae5;--success-50:#ecfdf5;--warning-700:#92400e;--warning-600:#b45309;--warning-500:#d97706;--warning-400:#f59e0b;--warning-100:#fef3c7;--warning-50:#fffbeb;--danger-700:#991b1b;--danger-600:#dc2626;--danger-500:#ef4444;--danger-400:#f87171;--danger-100:#fee2e2;--danger-50:#fff5f5;--critical-700:#450a0a;--critical-600:#7f1d1d;--critical-500:#991b1b;--gray-50:#f8fafc;--gray-100:#f1f5f9;--gray-200:#e2e8f0;--gray-300:#cbd5e1;--gray-400:#94a3b8;--gray-500:#64748b;--gray-600:#475569;--gray-700:#334155;--gray-800:#1e293b;--gray-900:#0f172a;--shadow-xs:0 1px 2px #0209180f;--shadow-sm:0 2px 6px #02091812,0 1px 2px #0209180d;--shadow-md:0 4px 16px #02091817,0 2px 6px #0209180d;--shadow-lg:0 8px 28px #0209181c,0 4px 10px #0209180f;--shadow-xl:0 20px 50px #02091824,0 10px 20px #02091812;--glow-blue:0 0 24px #1b5cc759,0 4px 16px #1b5cc733;--glow-green:0 0 24px #0596694d,0 4px 12px #0596692e;--glow-red:0 0 24px #ef44444d,0 4px 12px #ef44442e;--glow-indigo:0 0 24px #4f46e54d,0 4px 12px #4f46e52e;--shadow-gold:0 4px 20px #1a5fa866,0 0 40px #1a5fa81f;--shadow-navy:0 6px 24px #040d1a66;--glass-bg:#ffffffb3;--glass-border:#ffffff80;--glass-blur:blur(16px);--glass-bg-dark:#071428b3;--glass-border-dark:#ffffff1a;--radius-xs:4px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-2xl:32px;--transition-fast:140ms cubic-bezier(0.4,0,0.2,1);--transition-normal:240ms cubic-bezier(0.4,0,0.2,1);--transition-slow:400ms cubic-bezier(0.4,0,0.2,1);--transition-bounce:300ms cubic-bezier(0.34,1.56,0.64,1)}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"cv02","cv03","cv04","cv11";background:linear-gradient(135deg,#f0f4ff,#f8fafc 40%,#eff6ff);background-attachment:fixed;color:#1e293b;color:var(--gray-800);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-size:14px;line-height:1.6;min-height:100vh}::selection{background:#3572d9;background:var(--blue-300);color:#fff}::-webkit-scrollbar{height:6px;width:6px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#cbd5e1;background:var(--gray-300);background-clip:padding-box;border:2px solid #0000;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#94a3b8;background:var(--gray-400);background-clip:padding-box}.app-container{display:flex;min-height:100vh}.app-loading{align-items:center;background:#f1f5f9;background:var(--gray-100);justify-content:center}.app-loading,.sidebar{display:flex;height:100vh}.sidebar{background:linear-gradient(160deg,#071428,#0c1e3d 50%,#040d1a);border-right:1px solid #ffffff0f;box-shadow:4px 0 30px #02091880,1px 0 0 #ffffff0d;flex-direction:column;position:fixed;width:260px;z-index:100}.sidebar-logo{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#1b5cc726,#4f46e514);border-bottom:1px solid #ffffff0f;display:flex;gap:12px;min-height:72px;padding:18px 16px}.sidebar-logo-icon{align-items:center;background:linear-gradient(135deg,#1b5cc7,#4f46e5);background:linear-gradient(135deg,var(--blue-400),var(--indigo-500));border-radius:12px;border-radius:var(--radius-md);box-shadow:0 0 24px #1b5cc759,0 4px 16px #1b5cc733,inset 0 1px 0 #fff3;box-shadow:var(--glow-blue),inset 0 1px 0 #fff3;color:#fff;display:flex;flex-shrink:0;font-size:14px;font-weight:800;height:40px;justify-content:center;letter-spacing:-.5px;width:40px}.sidebar-logo-title{color:#fff;font-size:12px;font-weight:700;letter-spacing:.01em;line-height:1.35;text-shadow:0 1px 8px #0000004d}.sidebar-logo-subtitle{color:#fff6;font-size:10px;font-weight:400;margin-top:1px}.sidebar-close-btn{background:none;border:none;color:#ffffff80;cursor:pointer;display:none;margin-left:auto;padding:4px}.nav-group-label{color:#ffffff4d;font-size:9.5px;font-weight:700;letter-spacing:.1em;padding:12px 14px 4px;text-transform:uppercase}.sidebar-nav{display:flex;flex:1 1;flex-direction:column;gap:1px;overflow-y:auto;padding:10px}.nav-item{align-items:center;border:1px solid #0000;border-radius:12px;border-radius:var(--radius-md);color:#ffffff80;display:flex;font-size:13px;font-weight:500;gap:10px;overflow:hidden;padding:10px 12px;position:relative;text-decoration:none;transition:all .24s cubic-bezier(.4,0,.2,1);transition:all var(--transition-normal)}.nav-item:before{background:#3572d9;background:var(--blue-300);border-radius:0 2px 2px 0;content:"";height:70%;left:0;position:absolute;top:50%;transform:translateY(-50%) scaleY(0);transition:transform .3s cubic-bezier(.34,1.56,.64,1);transition:transform var(--transition-bounce);width:3px}.nav-item:hover{background:#ffffff0f;color:#ffffffe6;transform:translateX(2px)}.nav-item.active{background:linear-gradient(135deg,#1b5cc766,#4f46e540);border-color:#6366f140;box-shadow:0 4px 16px #1b5cc740,inset 0 1px 0 #ffffff1a;color:#fff;font-weight:600}.nav-item.active:before{transform:translateY(-50%) scaleY(1)}.nav-item.active svg{color:#fffffff2}.sidebar-footer{border-top:1px solid #ffffff12;padding:10px 10px 12px}.sidebar-user-profile{position:relative}.sidebar-user-trigger{align-items:center;border-radius:12px;border-radius:var(--radius-md);cursor:pointer;display:flex;gap:10px;padding:10px 12px;transition:background .14s cubic-bezier(.4,0,.2,1);transition:background var(--transition-fast)}.sidebar-user-trigger:hover{background:#ffffff12}.sidebar-user-info{display:flex;flex:1 1;flex-direction:column;min-width:0}.sidebar-user-name{color:#fff;font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-user-role{color:#ffffff73;font-size:11px;font-weight:400}.sidebar-user-trigger .chevron{color:#ffffff59;flex-shrink:0;transition:transform .14s cubic-bezier(.4,0,.2,1);transition:transform var(--transition-fast)}.sidebar-user-trigger .chevron.open{transform:rotate(180deg)}.sidebar-user-dropdown{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--gray-200);border-radius:16px;border-radius:var(--radius-lg);bottom:100%;box-shadow:0 20px 50px #02091824,0 10px 20px #02091812;box-shadow:var(--shadow-xl);left:0;margin-bottom:6px;overflow:hidden;position:absolute;right:0;z-index:200}.sidebar-user-dropdown .dropdown-header{align-items:center;background:#f8fafc;background:var(--gray-50);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--gray-200);display:flex;gap:10px;padding:14px}.sidebar-user-dropdown .dropdown-name{color:#0f172a;color:var(--gray-900);font-size:13px;font-weight:700}.sidebar-user-dropdown .dropdown-role{font-size:11px;font-weight:500}.sidebar-user-dropdown .dropdown-divider{background:#e2e8f0;background:var(--gray-200);height:1px}.sidebar-user-dropdown .dropdown-item{align-items:center;background:none;border:none;color:#334155;color:var(--gray-700);cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:10px;padding:11px 14px;transition:background .14s cubic-bezier(.4,0,.2,1);transition:background var(--transition-fast);width:100%}.sidebar-user-dropdown .dropdown-item:hover{background:#f8fafc;background:var(--gray-50)}.sidebar-user-dropdown .dropdown-item.logout{color:#dc2626;color:var(--danger-600)}.version-text{color:#ffffff40;font-size:10px;letter-spacing:.03em;margin-top:6px;padding-left:12px}.sidebar-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#040d1a99;display:none;inset:0;position:fixed;z-index:99}.main-content{background:#0000;display:flex;flex:1 1;flex-direction:column;margin-left:260px;min-height:100vh}.header{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffffd9;border-bottom:1px solid #cbd5e199;box-shadow:0 1px 12px #0209180f,0 0 1px #0209180a;flex-shrink:0;height:62px;justify-content:space-between;padding:0 28px;position:-webkit-sticky;position:sticky;top:0;z-index:50}.header,.header-left{align-items:center;display:flex}.header-left{gap:14px}.hamburger-btn{background:none;border:none;border-radius:8px;border-radius:var(--radius-sm);color:#475569;color:var(--gray-600);cursor:pointer;display:none;padding:6px}.hamburger-btn:hover{color:#0c1e3d;color:var(--navy-700)}.region-badge{background:linear-gradient(135deg,#eef5ff,#eef2ff);background:linear-gradient(135deg,var(--blue-50),var(--indigo-50));border:1px solid #1b5cc72e;border-radius:20px;box-shadow:0 1px 4px #1b5cc71a;color:#1549b3;color:var(--blue-500);font-size:12px;font-weight:600;letter-spacing:.02em;padding:5px 14px}.header-divider{background:#e2e8f0;background:var(--gray-200);height:24px;width:1px}.header-page-title{color:#071428;color:var(--navy-800);font-size:15px;font-weight:700;letter-spacing:-.01em}.header-right{align-items:center;display:flex;gap:12px}.real-time-indicator{align-items:center;background:#f8fafc;background:var(--gray-50);border:1px solid #e2e8f0;border:1px solid var(--gray-200);border-radius:10px;color:#64748b;color:var(--gray-500);display:flex;font-size:12px;font-weight:500;gap:8px;padding:5px 12px;transition:all .24s cubic-bezier(.4,0,.2,1);transition:all var(--transition-normal)}.real-time-indicator:hover{background:#fff;box-shadow:0 2px 6px #02091812,0 1px 2px #0209180d;box-shadow:var(--shadow-sm)}.real-time-indicator .pulse-dot{animation:live-pulse 2s infinite;background:#10b981;background:var(--success-400);border-radius:50%;box-shadow:0 0 0 0 #10b98180;height:8px;width:8px}@keyframes live-pulse{0%{box-shadow:0 0 0 0 #10b98180}70%{box-shadow:0 0 0 6px #10b98100}to{box-shadow:0 0 0 0 #10b98100}}.notification-bell{align-items:center;background:#f8fafc;background:var(--gray-50);border:1px solid #e2e8f0;border:1px solid var(--gray-200);border-radius:9px;color:#64748b;color:var(--gray-500);cursor:pointer;display:flex;height:36px;justify-content:center;position:relative;text-decoration:none;transition:all .14s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast);width:36px}.notification-bell:hover{background:#eef5ff;background:var(--blue-50);border-color:#dce9fb;border-color:var(--blue-100);color:#1040a0;color:var(--blue-600)}.notification-badge{animation:badgePop .3s ease-out;background:#ef4444;background:var(--danger-500);border:2px solid #fff;border-radius:9px;font-size:10px;height:18px;min-width:18px;padding:0 4px;position:absolute;right:-5px;top:-5px}.notification-badge,.user-avatar{align-items:center;color:#fff;display:flex;font-weight:700;justify-content:center}.user-avatar{border-radius:9px;flex-shrink:0;font-size:13px;height:34px;width:34px}.language-selector{position:relative}.language-btn{align-items:center;background:#f8fafc;background:var(--gray-50);border:1px solid #e2e8f0;border:1px solid var(--gray-200);border-radius:10px;color:#475569;color:var(--gray-600);cursor:pointer;display:flex;height:36px;justify-content:center;padding:0;transition:all .14s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast);width:36px}.language-btn:hover{background:#eef5ff;background:var(--blue-50);border-color:#dce9fb;border-color:var(--blue-100);color:#1040a0;color:var(--blue-600)}.language-dropdown{animation:menuFadeIn .18s ease-out;background:#fff;border:1px solid #e2e8f0;border:1px solid var(--gray-200);border-radius:12px;border-radius:var(--radius-md);box-shadow:0 8px 28px #0209181c,0 4px 10px #0209180f;box-shadow:var(--shadow-lg);min-width:140px;overflow:hidden;position:absolute;right:0;top:calc(100% + 6px);z-index:200}.language-option{align-items:center;background:none;border:none;color:#334155;color:var(--gray-700);cursor:pointer;display:flex;font-size:13px;gap:8px;padding:9px 14px;transition:background .14s cubic-bezier(.4,0,.2,1);transition:background var(--transition-fast);width:100%}.language-option:hover{background:#f8fafc;background:var(--gray-50)}.language-option.active{background:#eef5ff;background:var(--blue-50);color:#1040a0;color:var(--blue-600);font-weight:600}.lang-short{font-size:11px;font-weight:700;letter-spacing:.04em;min-width:20px;text-align:center}.page-content{flex:1 1;min-width:0;overflow-x:hidden;overflow-y:auto;padding:24px 28px 32px}.dashboard-header,.page-header{align-items:flex-start;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--gray-200);display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:16px}.dashboard-header h1,.page-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#071428,#1549b3);background:linear-gradient(135deg,var(--navy-800) 0,var(--blue-500) 100%);-webkit-background-clip:text;background-clip:text;color:#040d1a;color:var(--navy-900);font-size:22px;font-weight:800;letter-spacing:-.03em;margin:0}.dashboard-header .subtitle,.page-header .subtitle{color:#64748b;color:var(--gray-500);font-size:13px;font-weight:400;margin-top:3px}.dashboard-actions{align-items:center;display:flex;gap:8px}.card{animation:fadeInUp .35s ease-out;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#ffffffeb;border:1px solid #cbd5e199;border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 2px 6px #02091812,0 1px 2px #0209180d,inset 0 0 0 1px #fffc;box-shadow:var(--shadow-sm),0 0 0 1px #fffc inset;overflow:hidden;padding:22px;position:relative;transition:box-shadow .24s cubic-bezier(.4,0,.2,1),transform .24s cubic-bezier(.4,0,.2,1);transition:box-shadow var(--transition-normal),transform var(--transition-normal)}.card:before{background:linear-gradient(135deg,#fff9,#0000 60%);border-radius:inherit;content:"";inset:0;pointer-events:none;position:absolute;z-index:0}.card>*{position:relative;z-index:1}.card:hover{box-shadow:0 4px 16px #02091817,0 2px 6px #0209180d,inset 0 0 0 1px #ffffffe6;box-shadow:var(--shadow-md),0 0 0 1px #ffffffe6 inset;transform:translateY(-1px)}.card-lg,.card-sm{min-height:260px}.card h3{font-size:14px;margin:0 0 14px}.card h3,.card-title{color:#071428;color:var(--navy-800);font-weight:700;letter-spacing:-.01em}.card-title{align-items:center;display:flex;font-size:15px;gap:8px}.card-subtitle{color:#64748b;color:var(--gray-500);font-size:12.5px;margin-top:2px}.stats-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-bottom:20px}.stat-card{align-items:center;background:#fff;border:1px solid #e2e8f0;border:1px solid var(--gray-200);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 2px 6px #02091812,0 1px 2px #0209180d;box-shadow:var(--shadow-sm);display:flex;gap:14px;overflow:hidden;padding:18px 20px;position:relative;transition:box-shadow .14s cubic-bezier(.4,0,.2,1),transform .14s cubic-bezier(.4,0,.2,1);transition:box-shadow var(--transition-fast),transform var(--transition-fast)}.stat-card:before{border-radius:14px 14px 0 0;content:"";height:3px;left:0;position:absolute;right:0;top:0}.stat-card.blue:before{background:linear-gradient(90deg,#1040a0,#1b5cc7);background:linear-gradient(90deg,var(--blue-600),var(--blue-400))}.stat-card.green:before{background:linear-gradient(90deg,#0d7a4d,#059669);background:linear-gradient(90deg,var(--success-600),var(--success-500))}.stat-card.red:before{background:linear-gradient(90deg,#dc2626,#ef4444);background:linear-gradient(90deg,var(--danger-600),var(--danger-500))}.stat-card.gold:before{background:linear-gradient(90deg,#134a8e,#2171c7);background:linear-gradient(90deg,var(--gold-600),var(--gold-400))}.stat-card.purple:before{background:linear-gradient(90deg,#7c3aed,#a855f7)}.stat-card:hover{box-shadow:0 4px 16px #02091817,0 2px 6px #0209180d;box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-icon{align-items:center;border-radius:12px;border-radius:var(--radius-md);display:flex;flex-shrink:0;height:46px;justify-content:center;width:46px}.stat-info{display:flex;flex-direction:column}.stat-value{color:#071428;color:var(--navy-800);font-size:24px;font-weight:800;letter-spacing:-.03em;line-height:1.1}.stat-label{color:#64748b;color:var(--gray-500);font-size:12px;font-weight:500;margin-top:2px}.stat-icon.blue{background:#eef5ff;background:var(--blue-50);color:#1040a0;color:var(--blue-600)}.stat-icon.green{background:#ecfdf5;background:var(--success-50);color:#0d7a4d;color:var(--success-600)}.stat-icon.red{background:#fff5f5;background:var(--danger-50);color:#dc2626;color:var(--danger-600)}.stat-icon.gold{background:#f0f7ff;background:var(--gold-50);color:#134a8e;color:var(--gold-600)}.stat-icon.purple{background:#f3e8ff;color:#7c3aed}.btn{align-items:center;border:1px solid #0000;border-radius:12px;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:7px;letter-spacing:.01em;padding:9px 18px;text-decoration:none;transition:all .14s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.btn-primary{background:linear-gradient(135deg,#0f3d7a,#1549b3);background:linear-gradient(135deg,var(--blue-700),var(--blue-500));border-color:#0f3d7a;border-color:var(--blue-700);box-shadow:0 2px 6px #1549b340;color:#fff}.btn-primary:hover{background:linear-gradient(135deg,#112754,#1040a0);background:linear-gradient(135deg,var(--navy-600),var(--blue-600));box-shadow:0 4px 14px #1549b359;transform:translateY(-1px)}.btn-gold{background:linear-gradient(135deg,#134a8e,#2171c7);background:linear-gradient(135deg,var(--gold-600),var(--gold-400));border-color:#134a8e;border-color:var(--gold-600);box-shadow:0 2px 6px #1e5fa84d;color:#fff}.btn-gold:hover{background:linear-gradient(135deg,#0f3d7a,#1a5fa8);background:linear-gradient(135deg,var(--gold-700),var(--gold-500));box-shadow:0 4px 20px #1a5fa866,0 0 40px #1a5fa81f;box-shadow:var(--shadow-gold);transform:translateY(-1px)}.btn-secondary{background:#fff;border-color:#e2e8f0;border-color:var(--gray-200);color:#334155;color:var(--gray-700)}.btn-secondary:hover{background:#f8fafc;background:var(--gray-50);border-color:#cbd5e1;border-color:var(--gray-300)}.btn-danger{background:#fff;border-color:#fee2e2;border-color:var(--danger-100);color:#dc2626;color:var(--danger-600)}.btn-danger:hover{background:#fff5f5;background:var(--danger-50);border-color:#ef4444;border-color:var(--danger-500)}.btn-icon{align-items:center;background:#fff;border:1px solid #e2e8f0;border:1px solid var(--gray-200);border-radius:12px;border-radius:var(--radius-md);color:#64748b;color:var(--gray-500);cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .14s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast);width:36px}.btn-icon:hover{background:#eef5ff;background:var(--blue-50);border-color:#dce9fb;border-color:var(--blue-100);color:#1040a0;color:var(--blue-600)}.filter-btn{align-items:center;background:linear-gradient(135deg,#1040a0,#1549b3);background:linear-gradient(135deg,var(--blue-600),var(--blue-500));border:none;border-radius:12px;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:8px;padding:9px 18px;transition:all .14s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.filter-btn:hover{background:linear-gradient(135deg,#112754,#1040a0);background:linear-gradient(135deg,var(--navy-600),var(--blue-600));box-shadow:0 4px 12px #1549b34d;transform:translateY(-1px)}.refresh-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border:1px solid var(--gray-200);border-radius:12px;border-radius:var(--radius-md);color:#64748b;color:var(--gray-500);cursor:pointer;display:flex;height:38px;justify-content:center;transition:all .14s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast);width:38px}.refresh-btn:hover{background:#f8fafc;background:var(--gray-50);color:#1040a0;color:var(--blue-600)}.search-wrapper{flex:1 1;min-width:200px;position:relative}.search-input{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--gray-200);border-radius:12px;border-radius:var(--radius-md);color:#1e293b;color:var(--gray-800);font-size:13px;outline:none;padding:9px 14px 9px 38px;transition:all .14s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast);width:100%}.search-input:focus{border-color:#1549b3;border-color:var(--blue-500);box-shadow:0 0 0 3px #1b5cc71a}.search-icon{color:#94a3b8;color:var(--gray-400);left:11px;position:absolute;top:50%;transform:translateY(-50%)}.filter-select{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--gray-200);border-radius:12px;border-radius:var(--radius-md);color:#334155;color:var(--gray-700);cursor:pointer;font-size:13px;min-width:148px;outline:none;padding:9px 14px;transition:border-color .14s cubic-bezier(.4,0,.2,1);transition:border-color var(--transition-fast)}.filter-select:focus{border-color:#1549b3;border-color:var(--blue-500)}.filters-row{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.charts-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 2fr 1fr;margin-bottom:20px}.chart-wrapper{height:200px;position:relative}.chart-container{height:300px;position:relative}.live-badge{align-items:center;color:#0d7a4d;color:var(--success-600);display:flex;font-size:12px;font-weight:600;gap:6px}.live-dot{animation:pulse 2s infinite;background:#059669;background:var(--success-500);border-radius:50%;height:7px;position:relative;width:7px}.live-dot:after{animation:livePulse 1.8s ease-out infinite;background:#10a06440;border-radius:50%;content:"";inset:-4px;position:absolute}.live-status{align-items:center;color:#0d7a4d;color:var(--success-600);display:flex;font-size:12px;font-weight:600;gap:6px}.live-feed{display:flex;flex-direction:column;gap:8px;max-height:220px;overflow-y:auto}.feed-container{max-height:420px;overflow-y:auto}.feed-item{animation:fadeInUp .3s ease-out;border-left:3px solid #0000;border-radius:12px;border-radius:var(--radius-md);padding:12px 14px;transition:all .14s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.feed-item:hover{transform:translateX(3px)}.feed-item.critical{background:#fff5f5;background:var(--danger-50);border-left-color:#ef4444;border-left-color:var(--danger-500)}.feed-item.negative{background:#fffbeb;background:var(--warning-50);border-left-color:#d97706;border-left-color:var(--warning-500)}.feed-item.neutral{background:#f8fafc;background:var(--gray-50);border-left-color:#cbd5e1;border-left-color:var(--gray-300)}.feed-item.positive{background:#ecfdf5;background:var(--success-50);border-left-color:#059669;border-left-color:var(--success-500)}.feed-item-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:6px}.feed-item-source{align-items:center;color:#dc2626;color:var(--danger-600);display:flex;font-size:12px;font-weight:600;gap:7px}.feed-item-time{color:#94a3b8;color:var(--gray-400);font-size:11px}.feed-text{color:#334155;color:var(--gray-700);font-size:12.5px;line-height:1.45;margin-bottom:5px}.feed-meta{color:#94a3b8;color:var(--gray-400);display:flex;font-size:10.5px;gap:8px}.feed-item-text{color:#475569;color:var(--gray-600);font-size:13px;line-height:1.5;margin-bottom:8px}.feed-item-tags{display:flex;flex-wrap:wrap;gap:6px}.feed-tag{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--gray-200);border-radius:4px;color:#64748b;color:var(--gray-500);font-size:11px;padding:3px 8px}.dashboard{width:100%}.dashboard-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:2fr 1fr}.dashboard-grid-full{grid-column:1/-1}.district-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:2fr 1fr}.badge{align-items:center;border-radius:8px;border-radius:var(--radius-sm);display:inline-flex;font-size:11px;font-weight:700;letter-spacing:.04em;padding:3px 10px;text-transform:uppercase}.badge.critical{background:#fff5f5;background:var(--danger-50);border:1px solid #fee2e2;border:1px solid var(--danger-100);color:#991b1b;color:var(--danger-700)}.badge.high{background:#fffbeb;background:var(--warning-50);border:1px solid #fef3c7;border:1px solid var(--warning-100);color:#92400e;color:var(--warning-700)}.badge.medium{background:#fefce8;border:1px solid #fef08a;color:#854d0e}.badge.low{background:#ecfdf5;background:var(--success-50);border:1px solid #d1fae5;border:1px solid var(--success-100);color:#065f46;color:var(--success-700)}.badge.info{background:#eef5ff;background:var(--blue-50);border:1px solid #dce9fb;border:1px solid var(--blue-100);color:#0f3d7a;color:var(--blue-700)}.badge.neutral{background:#f1f5f9;background:var(--gray-100);border:1px solid #e2e8f0;border:1px solid var(--gray-200);color:#475569;color:var(--gray-600)}.region-map{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr);padding:16px}.region-card{border:1px solid #0000;border-radius:16px;border-radius:var(--radius-lg);cursor:pointer;padding:18px 14px;text-align:center;transition:all .25s cubic-bezier(.4,0,.2,1)}.region-card:hover{box-shadow:0 4px 16px #02091817,0 2px 6px #0209180d;box-shadow:var(--shadow-md);transform:scale(1.04) translateY(-2px)}.region-card.critical{background:linear-gradient(135deg,#fee2e2,#fecaca);border-color:#dc262633}.region-card.high{background:linear-gradient(135deg,#fef0e0,#fed7aa);border-color:#e0702033}.region-card.medium{background:linear-gradient(135deg,#fefce8,#fef08a);border-color:#ca8a0433}.region-card.low{background:linear-gradient(135deg,#dcfce7,#bbf7d0);border-color:#10a06433}.region-name{color:#071428;color:var(--navy-800);font-size:13px;font-weight:700}.region-count{color:#475569;color:var(--gray-600);font-size:12px;margin-top:4px}.pressure-bar{background:#f1f5f9;background:var(--gray-100);border-radius:4px;height:8px;overflow:hidden}.pressure-bar-fill{border-radius:4px;height:100%;transition:width .6s ease}.pressure-bar-fill.critical{background:linear-gradient(90deg,#dc2626,#ef4444);background:linear-gradient(90deg,var(--danger-600),var(--danger-500))}.pressure-bar-fill.high{background:linear-gradient(90deg,#b45309,#d97706);background:linear-gradient(90deg,var(--warning-600),var(--warning-500))}.pressure-bar-fill.medium{background:linear-gradient(90deg,#d97706,#f59e0b)}.pressure-bar-fill.low{background:linear-gradient(90deg,#0d7a4d,#059669);background:linear-gradient(90deg,var(--success-600),var(--success-500))}.problem-bar{border-radius:5px;height:100%;transition:width .5s ease}.problem-bar.red{background:linear-gradient(90deg,#dc2626,#ef4444);background:linear-gradient(90deg,var(--danger-600),var(--danger-500))}.problem-bar.orange{background:linear-gradient(90deg,#b45309,#d97706);background:linear-gradient(90deg,var(--warning-600),var(--warning-500))}.problem-bar.yellow{background:linear-gradient(90deg,#d97706,#f59e0b)}.problem-bar.green{background:linear-gradient(90deg,#0d7a4d,#059669);background:linear-gradient(90deg,var(--success-600),var(--success-500))}.problem-bar.blue{background:linear-gradient(90deg,#1040a0,#1549b3);background:linear-gradient(90deg,var(--blue-600),var(--blue-500))}.problem-bar.purple{background:linear-gradient(90deg,#7c3aed,#a855f7)}.problem-bar.pink{background:linear-gradient(90deg,#be185d,#ec4899)}.problems-chart{display:flex;flex-direction:column;gap:12px}.problem-bar-item{align-items:center;display:flex;gap:12px}.problem-bar-label{color:#475569;color:var(--gray-600);font-size:12.5px;font-weight:500;text-align:right;width:140px}.problem-bar-container{background:#f1f5f9;background:var(--gray-100);border-radius:5px;flex:1 1;height:22px;overflow:hidden}.data-table{border-collapse:initial;border-spacing:0;width:100%}.data-table th{background:#f8fafc;background:var(--gray-50);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--gray-200);color:#64748b;color:var(--gray-500);font-size:11px;font-weight:700;letter-spacing:.06em;padding:12px 16px;position:-webkit-sticky;position:sticky;text-align:left;text-transform:uppercase;top:0;z-index:1}.data-table th:first-child{border-radius:12px 0 0 0;border-radius:var(--radius-md) 0 0 0}.data-table th:last-child{border-radius:0 12px 0 0;border-radius:0 var(--radius-md) 0 0}.data-table td{border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--gray-100);color:#334155;color:var(--gray-700);font-size:13px;padding:13px 16px;transition:background .14s cubic-bezier(.4,0,.2,1);transition:background var(--transition-fast)}.data-table tr:hover td{background:#f8fafc;background:var(--gray-50)}.data-table tr:last-child td{border-bottom:none}.notifications-container{display:flex;flex-direction:column;gap:10px}.notification-item{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--gray-200);border-left:4px solid #0000;border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 1px 2px #0209180f;box-shadow:var(--shadow-xs);display:flex;gap:14px;padding:14px 16px;transition:all .14s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.notification-item:hover{box-shadow:0 2px 6px #02091812,0 1px 2px #0209180d;box-shadow:var(--shadow-sm)}.notification-item.critical{border-left-color:#ef4444;border-left-color:var(--danger-500)}.notification-item.warning{border-left-color:#d97706;border-left-color:var(--warning-500)}.notification-item.info{border-left-color:#1549b3;border-left-color:var(--blue-500)}.notification-item.success{border-left-color:#059669;border-left-color:var(--success-500)}.notification-icon{align-items:center;border-radius:10px;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.notification-icon.critical{background:#fff5f5;background:var(--danger-50);color:#dc2626;color:var(--danger-600)}.notification-icon.warning{background:#fffbeb;background:var(--warning-50);color:#b45309;color:var(--warning-600)}.notification-icon.info{background:#eef5ff;background:var(--blue-50);color:#1040a0;color:var(--blue-600)}.notification-icon.success{background:#ecfdf5;background:var(--success-50);color:#0d7a4d;color:var(--success-600)}.notification-content{flex:1 1}.notification-tags{display:flex;gap:6px;margin-bottom:7px}.notification-title{color:#071428;color:var(--navy-800);font-size:13.5px;font-weight:700;margin-bottom:3px}.notification-text{color:#475569;color:var(--gray-600);font-size:12.5px;line-height:1.5}.notification-time{color:#94a3b8;color:var(--gray-400);font-size:11.5px;margin-top:7px}.notification-close{align-items:center;background:#0000;border:none;border-radius:5px;color:#cbd5e1;color:var(--gray-300);cursor:pointer;display:flex;height:26px;justify-content:center;transition:all .14s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast);width:26px}.notification-close:hover{color:#64748b;color:var(--gray-500)}.notification-close:hover,.settings-tabs{background:#f1f5f9;background:var(--gray-100)}.settings-tabs{border:1px solid #e2e8f0;border:1px solid var(--gray-200);border-radius:16px;border-radius:var(--radius-lg);display:flex;gap:4px;margin-bottom:20px;overflow-x:auto;padding:4px}.settings-tab{background:#0000;border:none;border-radius:12px;border-radius:var(--radius-md);color:#64748b;color:var(--gray-500);cursor:pointer;font-size:13px;font-weight:500;padding:9px 18px;transition:all .14s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast);white-space:nowrap}.settings-tab.active{color:#071428;color:var(--navy-800);font-weight:700}.settings-section,.settings-tab.active{background:#fff;box-shadow:0 2px 6px #02091812,0 1px 2px #0209180d;box-shadow:var(--shadow-sm)}.settings-section{border:1px solid #e2e8f0;border:1px solid var(--gray-200);border-radius:16px;border-radius:var(--radius-lg);padding:22px}.settings-section-title{color:#071428;color:var(--navy-800);font-size:15px;font-weight:700;margin-bottom:3px}.settings-section-subtitle{color:#64748b;color:var(--gray-500);font-size:13px;margin-bottom:20px}.settings-item{border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--gray-100);padding:14px 0}.settings-item:last-child{border-bottom:none}.settings-item-header{align-items:center;display:flex;justify-content:space-between}.settings-item-label{color:#1e293b;color:var(--gray-800);font-size:13.5px;font-weight:600}.settings-item-description{color:#64748b;color:var(--gray-500);font-size:12.5px;margin-top:2px}.toggle-switch{background:#e2e8f0;background:var(--gray-200);border-radius:12px;cursor:pointer;flex-shrink:0;height:24px;position:relative;transition:all .24s cubic-bezier(.4,0,.2,1);transition:all var(--transition-normal);width:44px}.toggle-switch.active{background:#1549b3;background:var(--blue-500)}.toggle-switch:after{background:#fff;border-radius:50%;box-shadow:0 1px 4px #0003;content:"";height:20px;left:2px;position:absolute;top:2px;transition:all .24s cubic-bezier(.4,0,.2,1);transition:all var(--transition-normal);width:20px}.toggle-switch.active:after{left:22px}.settings-select{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--gray-200);border-radius:12px;border-radius:var(--radius-md);color:#334155;color:var(--gray-700);font-size:13px;min-width:200px;outline:none;padding:9px 14px}.ai-conclusions{background:linear-gradient(135deg,#eef5ff,#f0fffe);background:linear-gradient(135deg,var(--blue-50),#f0fffe);border:1px solid #dce9fb;border:1px solid var(--blue-100)}.ai-conclusion-item{background:#fff;border:1px solid #f1f5f9;border:1px solid var(--gray-100);border-left:3px solid #0000;border-radius:12px;border-radius:var(--radius-md);margin-bottom:12px;padding:15px}.ai-conclusion-item:last-child{margin-bottom:0}.ai-conclusion-item.critical{border-left-color:#ef4444;border-left-color:var(--danger-500)}.ai-conclusion-item.high{border-left-color:#d97706;border-left-color:var(--warning-500)}.ai-conclusion-item.medium{border-left-color:#eab308}.ai-conclusion-item.low{border-left-color:#059669;border-left-color:var(--success-500)}.ai-conclusion-header{align-items:center;display:flex;gap:8px;margin-bottom:7px}.ai-conclusion-type{color:#64748b;color:var(--gray-500);font-size:12px}.ai-conclusion-title{color:#071428;color:var(--navy-800);font-weight:700;margin-bottom:7px}.ai-conclusion-text{color:#475569;color:var(--gray-600);font-size:13px;line-height:1.6}.ai-confidence{align-items:center;display:flex;gap:12px;margin-top:10px}.ai-confidence-label{color:#94a3b8;color:var(--gray-400);font-size:11.5px}.ai-confidence-bar{background:#f1f5f9;background:var(--gray-100);border-radius:3px;flex:1 1;height:5px;overflow:hidden}.ai-confidence-fill{background:linear-gradient(90deg,#1040a0,#1b5cc7);background:linear-gradient(90deg,var(--blue-600),var(--blue-400));border-radius:3px;height:100%}.ai-confidence-value{color:#1040a0;color:var(--blue-600);font-size:12px;font-weight:700}.ai-action-btn{align-items:center;background:#f8fafc;background:var(--gray-50);border:1px solid #e2e8f0;border:1px solid var(--gray-200);border-radius:8px;border-radius:var(--radius-sm);color:#64748b;color:var(--gray-500);cursor:pointer;display:flex;font-size:12px;gap:6px;padding:6px 12px;transition:all .14s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.ai-action-btn:hover{background:#eef5ff;background:var(--blue-50);border-color:#dce9fb;border-color:var(--blue-100);color:#1040a0;color:var(--blue-600)}.status-dot{border-radius:50%;display:inline-block;height:9px;width:9px}.status-dot.online{background:#059669;background:var(--success-500)}.status-dot.offline{background:#94a3b8;background:var(--gray-400)}.status-dot.warning{background:#d97706;background:var(--warning-500)}.status-dot.error{background:#ef4444;background:var(--danger-500)}.status-dot.pulse{animation:statusPulse 2s ease-in-out infinite}.trend-indicator{align-items:center;display:flex;gap:4px}.trend-indicator.up{color:#ef4444;color:var(--danger-500)}.trend-indicator.down{color:#059669;color:var(--success-500)}.trend-up{color:#ef4444;color:var(--danger-500)}.trend-down,.trend-up{align-items:center;display:inline-flex;font-weight:700;gap:4px}.trend-down{color:#059669;color:var(--success-500)}.trend-neutral{align-items:center;color:#64748b;color:var(--gray-500);display:inline-flex;gap:4px}.pressure-index-list{display:flex;flex-direction:column;gap:14px}.pressure-index-item{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--gray-200);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 1px 2px #0209180f;box-shadow:var(--shadow-xs);padding:18px}.pressure-index-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:14px}.pressure-index-region{align-items:center;display:flex;gap:12px}.pressure-index-icon{align-items:center;border-radius:12px;border-radius:var(--radius-md);display:flex;height:40px;justify-content:center;width:40px}.pressure-index-icon.critical{background:#fff5f5;background:var(--danger-50);color:#dc2626;color:var(--danger-600)}.pressure-index-icon.high{background:#fffbeb;background:var(--warning-50);color:#b45309;color:var(--warning-600)}.pressure-index-icon.medium{background:#fefce8;color:#854d0e}.pressure-index-icon.low{background:#ecfdf5;background:var(--success-50);color:#0d7a4d;color:var(--success-600)}.pressure-index-name{color:#071428;color:var(--navy-800);font-size:14px;font-weight:700}.pressure-index-status{color:#64748b;color:var(--gray-500);font-size:12.5px}.pressure-index-score{text-align:right}.pressure-index-value{color:#071428;color:var(--navy-800);font-size:28px;font-weight:800;letter-spacing:-.04em}.pressure-index-trend{align-items:center;display:flex;font-size:12px;gap:4px;justify-content:flex-end}.pressure-index-trend.up{color:#ef4444;color:var(--danger-500)}.pressure-index-trend.down{color:#059669;color:var(--success-500)}.pressure-index-trend.stable{color:#94a3b8;color:var(--gray-400)}.pressure-bar-container{margin-bottom:14px}.pressure-bar-label{color:#64748b;color:var(--gray-500);display:flex;font-size:11.5px;justify-content:space-between;margin-bottom:5px}.pressure-metrics{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(4,1fr)}.pressure-metric{text-align:center}.pressure-metric-label{color:#94a3b8;color:var(--gray-400);font-size:10.5px;letter-spacing:.05em;margin-bottom:3px;text-transform:uppercase}.pressure-metric-value{color:#334155;color:var(--gray-700);font-size:14px;font-weight:700}.prognosis-card{background:linear-gradient(135deg,#eef5ff,#f0fffe);background:linear-gradient(135deg,var(--blue-50),#f0fffe);border:1px solid #dce9fb;border:1px solid var(--blue-100)}.prognosis-item{background:#fff;border:1px solid #f1f5f9;border:1px solid var(--gray-100);border-radius:12px;border-radius:var(--radius-md);margin-bottom:10px;padding:14px}.prognosis-item:last-child{margin-bottom:0}.prognosis-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:7px}.prognosis-period{align-items:center;display:flex;gap:8px}.prognosis-probability{text-align:right}.prognosis-probability-value{color:#dc2626;color:var(--danger-600);font-size:22px;font-weight:800;letter-spacing:-.03em}.prognosis-probability-label{color:#94a3b8;color:var(--gray-400);font-size:11px}.prognosis-title{color:#071428;color:var(--navy-800);font-weight:700;margin-bottom:4px}.prognosis-text{color:#475569;color:var(--gray-600);font-size:13px}.prognosis-bar{background:#f1f5f9;background:var(--gray-100);border-radius:3px;height:5px;margin-top:10px;overflow:hidden}.prognosis-bar-fill{border-radius:3px;height:100%}.prognosis-bar-fill.critical{background:linear-gradient(90deg,#dc2626,#059669);background:linear-gradient(90deg,var(--danger-600),var(--success-500))}.prognosis-bar-fill.medium{background:linear-gradient(90deg,#b45309,#059669);background:linear-gradient(90deg,var(--warning-600),var(--success-500))}.period-tabs{background:#f1f5f9;background:var(--gray-100);border:1px solid #e2e8f0;border:1px solid var(--gray-200);border-radius:12px;border-radius:var(--radius-md);display:flex;margin-bottom:14px;padding:3px}.period-tab{background:#0000;border:none;border-radius:8px;border-radius:var(--radius-sm);color:#64748b;color:var(--gray-500);cursor:pointer;font-size:12.5px;font-weight:600;padding:7px 20px;transition:all .14s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.period-tab.active{background:#fff;box-shadow:0 1px 2px #0209180f;box-shadow:var(--shadow-xs);color:#071428;color:var(--navy-800)}.chart-legend{display:flex;gap:20px;justify-content:center;margin-top:14px}.legend-item{align-items:center;color:#475569;color:var(--gray-600);display:flex;font-size:12.5px;font-weight:500;gap:7px}.legend-dot{border-radius:50%;height:10px;width:10px}.legend-dot.positive{background:#059669;background:var(--success-500)}.legend-dot.neutral{background:#94a3b8;background:var(--gray-400)}.legend-dot.negative{background:#d97706;background:var(--warning-500)}.legend-dot.critical{background:#ef4444;background:var(--danger-500)}.legend-dot.min{background:#bac8e0}.legend-dot.max{background:#1549b3;background:var(--blue-500)}.gpt-note{align-items:flex-start;background:#eef5ff;background:var(--blue-50);border:1px solid #dce9fb;border:1px solid var(--blue-100);border-radius:12px;border-radius:var(--radius-md);color:#1e40af;display:flex;font-size:13px;gap:10px;padding:12px 14px}.gpt-note-icon{color:#1549b3;color:var(--blue-500);flex-shrink:0}.alert{padding:11px 14px}.alert-warning{background:#fffbeb;background:var(--warning-50);border-color:#fef3c7;border-color:var(--warning-100);color:#92400e}.loading-screen{align-items:center;color:#64748b;color:var(--gray-500);display:flex;flex-direction:column;height:360px;justify-content:center}.loading-screen .spinner{animation:spin .8s linear infinite;border:3px solid #e2e8f0;border-top-color:#1549b3;border:3px solid var(--gray-200);border-radius:50%;border-top-color:var(--blue-500);height:32px;margin-bottom:12px;width:32px}.loading-overlay{align-items:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#ffffffd9;border-radius:inherit;display:flex;inset:0;justify-content:center;position:absolute;z-index:10}.loading-spinner{animation:spin .8s linear infinite;border:3px solid #e2e8f0;border-top-color:#1549b3;border:3px solid var(--gray-200);border-radius:50%;border-top-color:var(--blue-500);height:38px;width:38px}.loading-spinner.sm{border-width:2px;height:20px;width:20px}.loading-spinner.lg{border-width:4px;height:56px;width:56px}.empty-state{color:#64748b;color:var(--gray-500);padding:56px 20px;text-align:center}.empty-state-icon{align-items:center;background:#f1f5f9;background:var(--gray-100);border-radius:50%;color:#94a3b8;color:var(--gray-400);display:flex;height:72px;justify-content:center;margin:0 auto 18px;width:72px}.empty-state-title{color:#334155;color:var(--gray-700);font-size:17px;font-weight:700;margin-bottom:8px}.empty-state-text{font-size:13px;margin:0 auto;max-width:300px}.skeleton{animation:skeletonLoading 1.6s infinite;background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 50%,#f1f5f9 75%);background:linear-gradient(90deg,var(--gray-100) 25%,var(--gray-200) 50%,var(--gray-100) 75%);background-size:200% 100%;border-radius:8px;border-radius:var(--radius-sm)}.modal-overlay{align-items:center;animation:fadeIn .18s ease-out;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#040d1a8c;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:1000}.modal{animation:slideInUp .22s ease-out;background:#fff;border-radius:24px;border-radius:var(--radius-xl);box-shadow:0 20px 50px #02091824,0 10px 20px #02091812;box-shadow:var(--shadow-xl);max-height:90vh;max-width:540px;overflow-y:auto;padding:28px;width:100%}.modal-header{align-items:flex-start;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--gray-200);display:flex;justify-content:space-between;margin-bottom:22px;padding-bottom:16px}.modal-title{color:#071428;color:var(--navy-800);font-size:17px;font-weight:800;letter-spacing:-.02em}.modal-subtitle{font-size:13px;margin-top:3px}.modal-close,.modal-subtitle{color:#64748b;color:var(--gray-500)}.modal-close{align-items:center;background:#fff;border:1px solid #e2e8f0;border:1px solid var(--gray-200);border-radius:8px;border-radius:var(--radius-sm);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .14s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast);width:32px}.modal-close:hover{background:#f1f5f9;background:var(--gray-100);color:#334155;color:var(--gray-700)}.modal-footer{border-top:1px solid #f1f5f9;border-top:1px solid var(--gray-100);display:flex;gap:10px;justify-content:flex-end;margin-top:22px;padding-top:16px}.form-group{margin-bottom:16px}.form-label{color:#334155;color:var(--gray-700);display:block;font-size:13px;font-weight:600;margin-bottom:6px}.form-input,.form-select,.form-textarea{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--gray-200);border-radius:12px;border-radius:var(--radius-md);color:#1e293b;color:var(--gray-800);font-size:13px;outline:none;padding:9px 12px;transition:border-color .14s cubic-bezier(.4,0,.2,1),box-shadow .14s cubic-bezier(.4,0,.2,1);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#1549b3;border-color:var(--blue-500);box-shadow:0 0 0 3px #1b5cc71a}.form-textarea{min-height:80px;resize:vertical}.filter-chips{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:14px}.filter-chip{align-items:center;background:#fff;border:1px solid #e2e8f0;border:1px solid var(--gray-200);border-radius:20px;color:#475569;color:var(--gray-600);cursor:pointer;display:inline-flex;font-size:12.5px;font-weight:500;gap:5px;padding:5px 13px;transition:all .14s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.filter-chip:hover{border-color:var(--blue-200);color:#1040a0;color:var(--blue-600)}.filter-chip.active{background:#eef5ff;background:var(--blue-50);border-color:#1b5cc7;border-color:var(--blue-400);color:#0f3d7a;color:var(--blue-700);font-weight:600}.filter-chip-count{background:#f1f5f9;background:var(--gray-100);border-radius:10px;font-size:11px;font-weight:700;padding:2px 7px}.filter-chip.active .filter-chip-count{background:#dce9fb;background:var(--blue-100)}.export-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border:1px solid var(--gray-200);border-radius:12px;border-radius:var(--radius-md);color:#334155;color:var(--gray-700);cursor:pointer;display:inline-flex;font-size:12.5px;font-weight:600;gap:7px;padding:8px 16px;transition:all .14s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.export-btn:hover{background:#f8fafc;background:var(--gray-50);border-color:#cbd5e1;border-color:var(--gray-300)}.keyboard-hint{background:#f8fafc;background:var(--gray-50);border:1px solid #e2e8f0;border:1px solid var(--gray-200);border-radius:6px;color:#64748b;color:var(--gray-500);display:flex;padding:5px 10px}.keyboard-hint,.samarqand-badge{align-items:center;font-size:11px;gap:6px}.samarqand-badge{background:linear-gradient(135deg,#0c1e3d,#163169);background:linear-gradient(135deg,var(--navy-700),var(--navy-500));border-radius:20px;color:#fff;display:inline-flex;font-weight:600;padding:4px 12px}.region-detail-item{align-items:center;border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--gray-100);display:flex;justify-content:space-between;padding:14px}.region-detail-item:last-child{border-bottom:none}.region-detail-info h4{color:#071428;color:var(--navy-800);font-weight:700;margin-bottom:3px}.region-detail-info p{color:#64748b;color:var(--gray-500);font-size:12.5px}.region-details{max-height:380px;overflow-y:auto}.user-name{color:#334155;color:var(--gray-700)}.progress-ring{height:60px;position:relative;width:60px}.progress-ring-circle{transform:rotate(-90deg);transform-origin:50% 50%}.progress-ring-bg{fill:none;stroke:#f1f5f9;stroke:var(--gray-100);stroke-width:6}.progress-ring-progress{fill:none;stroke:#1549b3;stroke:var(--blue-500);stroke-width:6;stroke-linecap:round;transition:stroke-dashoffset .5s ease}.progress-ring-value{color:#1e293b;color:var(--gray-800);font-size:13px;font-weight:800;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.info-card{background:#eef5ff;background:var(--blue-50);border:1px solid #dce9fb;border:1px solid var(--blue-100);border-radius:12px;border-radius:var(--radius-md);display:flex;gap:12px;padding:14px}.info-card-icon{color:#1549b3;color:var(--blue-500);flex-shrink:0;height:20px;margin-top:2px;width:20px}.info-card-title{color:#1e40af;font-size:13.5px;font-weight:700;margin-bottom:3px}.info-card-text{color:#1d4ed8;font-size:12.5px}.quick-stats{background:linear-gradient(135deg,#eef5ff,#f0f7ff);background:linear-gradient(135deg,var(--blue-50),var(--gold-50));border:1px solid #e2e8f0;border:1px solid var(--gray-200);border-radius:16px;border-radius:var(--radius-lg);display:flex;gap:20px;margin-bottom:20px;padding:14px 18px}.quick-stat{align-items:center;display:flex;gap:10px}.quick-stat-divider{background:#e2e8f0;background:var(--gray-200);height:38px;width:1px}.quick-stat-icon{align-items:center;background:#fff;border-radius:12px;border-radius:var(--radius-md);box-shadow:0 1px 2px #0209180f;box-shadow:var(--shadow-xs);color:#1549b3;color:var(--blue-500);display:flex;height:38px;justify-content:center;width:38px}.quick-stat-value{color:#071428;color:var(--navy-800);font-size:19px;font-weight:800;letter-spacing:-.03em}.quick-stat-label{color:#64748b;color:var(--gray-500);font-size:11.5px;font-weight:500}.time-range{background:#f1f5f9;background:var(--gray-100);border:1px solid #e2e8f0;border:1px solid var(--gray-200);border-radius:12px;border-radius:var(--radius-md);display:inline-flex;padding:3px}.time-range-btn{background:#0000;border:none;border-radius:8px;border-radius:var(--radius-sm);color:#64748b;color:var(--gray-500);cursor:pointer;font-size:12.5px;font-weight:600;padding:7px 14px;transition:all .14s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.time-range-btn.active{background:#fff;box-shadow:0 1px 2px #0209180f;box-shadow:var(--shadow-xs);color:#071428;color:var(--navy-800)}.action-menu{animation:menuFadeIn .18s ease-out;background:#fff;border:1px solid #e2e8f0;border:1px solid var(--gray-200);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 20px 50px #02091824,0 10px 20px #02091812;box-shadow:var(--shadow-xl);min-width:180px;padding:6px;position:absolute;right:0;top:100%;z-index:50}.action-menu-item{align-items:center;border-radius:8px;border-radius:var(--radius-sm);color:#334155;color:var(--gray-700);cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:10px;padding:9px 12px;transition:all .14s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.action-menu-item:hover{background:#f8fafc;background:var(--gray-50)}.action-menu-item.danger{color:#dc2626;color:var(--danger-600)}.action-menu-item.danger:hover{background:#fff5f5;background:var(--danger-50)}.toast{animation:toastSlideUp .25s ease-out;background:#071428;background:var(--navy-800);border-radius:12px;border-radius:var(--radius-md);bottom:24px;box-shadow:0 8px 28px #0209181c,0 4px 10px #0209180f;box-shadow:var(--shadow-lg);color:#fff;font-size:13.5px;font-weight:500;left:50%;padding:12px 22px;position:fixed;transform:translateX(-50%);z-index:1000}.toast.success{background:#0d7a4d;background:var(--success-600)}.toast.error{background:#dc2626;background:var(--danger-600)}.toast.warning{background:#b45309;background:var(--warning-600)}.login-page{align-items:center;background:linear-gradient(135deg,#020918,#071428 50%,#0c1e3d);background:linear-gradient(135deg,var(--navy-950) 0,var(--navy-800) 50%,var(--navy-700) 100%);display:flex;justify-content:center;min-height:100vh;overflow:hidden;position:relative}.login-background{inset:0;overflow:hidden;pointer-events:none;position:absolute}.login-bg-shape{border-radius:50%;position:absolute}.login-bg-shape.shape-1{animation:floatShape 12s ease-in-out infinite;background:radial-gradient(circle,#1e5fa81f 0,#0000 70%);height:500px;right:-100px;top:-150px;width:500px}.login-bg-shape.shape-2{animation:floatShape 15s ease-in-out infinite reverse;background:radial-gradient(circle,#1b5cc726 0,#0000 70%);bottom:-100px;height:400px;left:-80px;width:400px}.login-bg-shape.shape-3{animation:floatShape 10s ease-in-out infinite;background:radial-gradient(circle,#ffffff0a 0,#0000 70%);height:200px;left:20%;top:40%;width:200px}.login-page:before{background:linear-gradient(90deg,#0000,#1a5fa8,#3e8fe4,#1a5fa8,#0000);background:linear-gradient(90deg,#0000,var(--gold-500),var(--gold-300),var(--gold-500),#0000);content:"";height:3px;left:0;position:absolute;right:0;top:0}.login-container{max-width:440px;padding:16px;position:relative;width:100%;z-index:10}.login-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff7;border-radius:20px;box-shadow:0 24px 60px #040d1a80,0 8px 24px #040d1a4d,0 0 0 1px #ffffff1a;padding:36px 40px}.login-header{margin-bottom:28px;text-align:center}.login-logo{align-items:center;display:flex;justify-content:center;margin-bottom:16px}.login-logo img{filter:drop-shadow(0 4px 12px rgba(30,95,168,.3))}.login-org-badge{align-items:center;background:#f0f7ff;background:var(--gold-50);border:1px solid #a8cfff;border:1px solid var(--gold-200);border-radius:20px;color:#0f3d7a;color:var(--gold-700);display:inline-flex;font-size:11px;font-weight:700;gap:6px;letter-spacing:.05em;margin-bottom:12px;padding:4px 14px;text-transform:uppercase}.login-header h1{color:#071428;color:var(--navy-800);font-size:22px;font-weight:800;letter-spacing:-.03em;margin-bottom:6px}.login-header p{color:#64748b;color:var(--gray-500);font-size:13.5px;font-weight:400}.login-form{gap:14px}.login-form,.login-input-group{display:flex;flex-direction:column}.login-input-group{gap:5px}.login-input-group label{color:#334155;color:var(--gray-700);font-size:12.5px;font-weight:700;letter-spacing:.02em;text-transform:uppercase}.login-input-wrapper{position:relative}.login-input-icon{color:#94a3b8;color:var(--gray-400);left:12px;position:absolute;top:50%;transform:translateY(-50%)}.login-input-wrapper input{background:#f8fafc;background:var(--gray-50);border:1.5px solid #e2e8f0;border:1.5px solid var(--gray-200);border-radius:12px;border-radius:var(--radius-md);color:#1e293b;color:var(--gray-800);font-size:14px;outline:none;padding:11px 14px 11px 42px;transition:all .14s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast);width:100%}.login-input-wrapper input:focus{background:#fff;border-color:#1549b3;border-color:var(--blue-500);box-shadow:0 0 0 3px #1b5cc71a}.login-password-toggle{background:none;border:none;border-radius:4px;color:#94a3b8;color:var(--gray-400);cursor:pointer;padding:4px;position:absolute;right:10px;top:50%;transform:translateY(-50%);transition:color .14s cubic-bezier(.4,0,.2,1);transition:color var(--transition-fast)}.login-password-toggle:hover{color:#475569;color:var(--gray-600)}.login-btn{background:linear-gradient(135deg,#134a8e,#2171c7);background:linear-gradient(135deg,var(--gold-600),var(--gold-400));border:none;border-radius:12px;border-radius:var(--radius-md);box-shadow:0 4px 14px #1e5fa859;color:#fff;cursor:pointer;font-size:15px;font-weight:700;letter-spacing:.02em;margin-top:4px;padding:13px;transition:all .14s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast);width:100%}.login-btn:hover:not(.loading){background:linear-gradient(135deg,#0f3d7a,#1a5fa8);background:linear-gradient(135deg,var(--gold-700),var(--gold-500));box-shadow:0 6px 20px #1e5fa873;transform:translateY(-1px)}.login-btn.loading{cursor:not-allowed;opacity:.75}.login-btn:active:not(.loading){transform:translateY(0)}.login-btn span{align-items:center;display:flex;gap:8px;justify-content:center}.login-spinner{animation:spin .7s linear infinite;border:2px solid #fff6;border-radius:50%;border-top-color:#fff;display:inline-block;height:18px;width:18px}.login-error{align-items:center;background:#fff5f5;background:var(--danger-50);border:1px solid #fee2e2;border:1px solid var(--danger-100);border-radius:12px;border-radius:var(--radius-md);color:#991b1b;color:var(--danger-700);display:flex;font-size:13px;font-weight:500;gap:8px;padding:10px 14px}.login-footer{border-top:1px solid #f1f5f9;border-top:1px solid var(--gray-100);margin-top:24px;padding-top:18px;text-align:center}.login-footer p{color:#94a3b8;color:var(--gray-400);font-size:12px}.spinner-full-page{align-items:center;background:#f8fafc;background:var(--gray-50);display:flex;height:100vh;justify-content:center}@keyframes pulse{0%,to{opacity:1}50%{opacity:.45}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes menuFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes toastSlideUp{0%{opacity:0;transform:translateX(-50%) translateY(16px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@keyframes badgePop{0%{transform:scale(0)}60%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes livePulse{0%{opacity:1;transform:translate(-50%,-50%) scale(.5)}to{opacity:0;transform:translate(-50%,-50%) scale(2.2)}}@keyframes floatShape{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-24px) rotate(8deg)}}@keyframes skeletonLoading{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes statusPulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes slideShimmer{0%{left:-60%}to{left:120%}}@keyframes criticalGlow{0%,to{box-shadow:0 0 5px #dc262640}50%{box-shadow:0 0 18px #dc262680,0 0 32px #dc262633}}.feed-item.critical,.notification-item.critical,.region-item.critical{animation:criticalGlow 2.5s ease-in-out infinite}.region-item{overflow:hidden;position:relative}.region-item:after{background:linear-gradient(90deg,#0000,#ffffff2e,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.region-item:hover:after{left:100%}@media (max-width:1280px){.stats-row{grid-template-columns:repeat(2,1fr)}.charts-row{grid-template-columns:1fr 1fr}.district-row{grid-template-columns:1fr}.pressure-metrics{grid-template-columns:repeat(2,1fr)}}@media (max-width:1024px){.dashboard-grid{grid-template-columns:1fr}}@media (max-width:768px){.main-content{margin-left:0}.sidebar{transform:translateX(-100%);transition:transform .24s cubic-bezier(.4,0,.2,1);transition:transform var(--transition-normal)}.sidebar.sidebar-open{transform:translateX(0)}.sidebar-overlay{display:block}.hamburger-btn,.sidebar-close-btn{display:flex}.page-content{padding:14px 14px 20px}.header{height:54px;padding:0 14px}.stats-row{grid-template-columns:1fr 1fr}.charts-row{grid-template-columns:1fr}.region-map{grid-template-columns:repeat(2,1fr)}.login-card{padding:28px 24px}}@media (max-width:480px){.stats-row{grid-template-columns:1fr}.real-time-indicator{display:none}}[data-tooltip]{position:relative}[data-tooltip]:hover:after{animation:fadeIn .18s;background:#040d1a;background:var(--navy-900);border-radius:8px;border-radius:var(--radius-sm);bottom:calc(100% + 6px);color:#fff;content:attr(data-tooltip);font-size:11.5px;font-weight:500;left:50%;padding:6px 11px;pointer-events:none;position:absolute;transform:translateX(-50%);white-space:nowrap;z-index:100}.priority-indicator{align-items:center;display:flex;gap:8px}.priority-bar{display:flex;gap:3px}.priority-bar-segment{background:#e2e8f0;background:var(--gray-200);border-radius:2px;height:14px;width:4px}.priority-critical .priority-bar-segment{background:#ef4444;background:var(--danger-500)}.priority-high .priority-bar-segment:nth-child(-n+3){background:#d97706;background:var(--warning-500)}.priority-medium .priority-bar-segment:nth-child(-n+2){background:#eab308}.priority-low .priority-bar-segment:first-child{background:#059669;background:var(--success-500)}.fab{align-items:center;background:linear-gradient(135deg,#134a8e,#2171c7);background:linear-gradient(135deg,var(--gold-600),var(--gold-400));border:none;border-radius:50%;bottom:24px;box-shadow:0 4px 20px #1a5fa866,0 0 40px #1a5fa81f;box-shadow:var(--shadow-gold);color:#fff;cursor:pointer;display:flex;height:52px;justify-content:center;position:fixed;right:24px;transition:all .24s cubic-bezier(.4,0,.2,1);transition:all var(--transition-normal);width:52px;z-index:100}.fab:hover{box-shadow:0 6px 24px #1e5fa880;transform:scale(1.08)}.fab:active{transform:scale(.96)}.settings-page{padding:24px}.settings-page .page-header{border-bottom:none;display:block;margin-bottom:20px;padding-bottom:0}.page-title{align-items:center;color:#071428;color:var(--navy-800);display:flex;font-size:24px;font-weight:700;margin:0 0 4px}.page-subtitle{color:#64748b;color:var(--gray-500);font-size:13px;margin:0}.settings-tabs-modern{background:#f1f5f9;background:var(--gray-100);border:1px solid #e2e8f0;border:1px solid var(--gray-200);border-radius:16px;border-radius:var(--radius-lg);display:flex;flex-wrap:wrap;gap:4px;margin-bottom:20px;overflow-x:auto;padding:4px}.settings-tab-modern{align-items:center;background:#0000;border:none;border-radius:12px;border-radius:var(--radius-md);color:#64748b;color:var(--gray-500);cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:9px 14px;transition:all .14s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast);white-space:nowrap}.settings-tab-modern.active{background:#fff;box-shadow:0 2px 6px #02091812,0 1px 2px #0209180d;box-shadow:var(--shadow-sm);color:#071428;color:var(--navy-800);font-weight:700}.settings-tab-modern:hover:not(.active){background:#fff9;color:#071428;color:var(--navy-800)}.settings-content{display:flex;flex-direction:column;gap:20px}.settings-card{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--gray-200);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 2px 6px #02091812,0 1px 2px #0209180d;box-shadow:var(--shadow-sm);padding:24px}.settings-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:20px}.settings-card-icon{align-items:center;border-radius:12px;display:flex;flex-shrink:0;height:44px;justify-content:center;width:44px}.settings-card-icon.blue{background:#ebf0f7;color:#1040a0;color:var(--blue-600)}.settings-card-icon.green{background:#dcfce7;color:#16a34a}.settings-card-icon.purple{background:#f5f3ff;color:#7c3aed}.settings-card-icon.red{background:#fee2e2;color:#dc2626}.settings-card-icon.yellow{background:#fef3c7;color:#d97706}.settings-card-title{color:#071428;color:var(--navy-800);font-size:16px;font-weight:700;margin:0 0 3px}.settings-card-subtitle{color:#64748b;color:var(--gray-500);font-size:13px;margin:0}.settings-item-modern{align-items:center;background:#f8fafc;background:var(--gray-50);border:1px solid #e2e8f0;border:1px solid var(--gray-200);border-radius:12px;border-radius:var(--radius-md);display:flex;justify-content:space-between;padding:14px 16px;transition:all .14s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.settings-item-modern:hover{background:#fff;border-color:#dce9fb;border-color:var(--blue-100)}.settings-item-modern.highlight{background:#1e5fa808;border-color:#1a5fa8;border-color:var(--gold-500)}.settings-item-title{color:#071428;color:var(--navy-800);font-size:13.5px;font-weight:600}.settings-item-desc{margin-top:2px}.settings-item-desc,.settings-item-info{color:#64748b;color:var(--gray-500);font-size:12px}.settings-list{display:flex;flex-direction:column;gap:10px}.settings-input-modern{background:#f8fafc;background:var(--gray-50);border:1.5px solid #e2e8f0;border:1.5px solid var(--gray-200);border-radius:12px;border-radius:var(--radius-md);box-sizing:border-box;color:#071428;color:var(--navy-800);font-size:13px;outline:none;padding:9px 12px;transition:border-color .14s cubic-bezier(.4,0,.2,1),background .14s cubic-bezier(.4,0,.2,1);transition:border-color var(--transition-fast),background var(--transition-fast);width:100%}.settings-input-modern:focus{background:#fff;border-color:#1549b3;border-color:var(--blue-500)}.settings-select-modern{background:#fff;border:1.5px solid #e2e8f0;border:1.5px solid var(--gray-200);border-radius:12px;border-radius:var(--radius-md);color:#071428;color:var(--navy-800);cursor:pointer;font-size:13px;min-width:160px;outline:none;padding:9px 12px;transition:border-color .14s cubic-bezier(.4,0,.2,1);transition:border-color var(--transition-fast)}.settings-select-modern:focus{border-color:#1549b3;border-color:var(--blue-500)}.toggle-modern{background:#cbd5e1;background:var(--gray-300);border:none;border-radius:13px;cursor:pointer;flex-shrink:0;height:26px;padding:0;position:relative;transition:background .24s cubic-bezier(.4,0,.2,1);transition:background var(--transition-normal);width:46px}.toggle-modern.active{background:#1040a0;background:var(--blue-600)}.toggle-modern:after{background:#fff;border-radius:50%;box-shadow:0 1px 4px #0003;content:"";height:20px;left:3px;position:absolute;top:3px;transition:left .24s cubic-bezier(.4,0,.2,1);transition:left var(--transition-normal);width:20px}.toggle-modern.active:after{left:23px}.btn-save{align-items:center;background:linear-gradient(135deg,#071428,#040d1a);background:linear-gradient(135deg,var(--navy-800),var(--navy-900));border:none;border-radius:12px;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;padding:10px 22px;transition:all .24s cubic-bezier(.4,0,.2,1);transition:all var(--transition-normal)}.btn-save:hover{box-shadow:0 4px 14px #0c1e3d59;transform:translateY(-1px)}.btn-save.saved{background:linear-gradient(135deg,#059669,#10b981)}.btn-save.saving{cursor:not-allowed;opacity:.7}.bot-summary-stats{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin-bottom:20px}.bot-stat-card{background:#f8fafc;background:var(--gray-50);border:1px solid #e2e8f0;border:1px solid var(--gray-200);border-radius:12px;border-radius:var(--radius-md);padding:14px;text-align:center}.bot-stat-value{color:#071428;color:var(--navy-800);font-size:26px;font-weight:700;line-height:1}.bot-stat-label{color:#64748b;color:var(--gray-500);font-size:12px;margin-top:4px}.connected-bots-list{display:flex;flex-direction:column;gap:10px}.alert{align-items:center;border:1px solid #0000;border-radius:12px;border-radius:var(--radius-md);display:flex;font-size:13px;font-weight:500;gap:10px;padding:12px 16px}.alert-success{background:#f0fdf4;border-color:#bbf7d0;color:#166534}.alert-error{background:#fef2f2;border-color:#fecaca;color:#991b1b}.user-stats{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:20px}.user-stat-card{align-items:center;background:#fff;border:1px solid #e2e8f0;border:1px solid var(--gray-200);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 2px 6px #02091812,0 1px 2px #0209180d;box-shadow:var(--shadow-sm);display:flex;gap:14px;padding:16px 20px}.stat-icon.total{background:#ebf0f7;color:#1040a0;color:var(--blue-600)}.stat-icon.admin{background:#f0fdf4;color:#16a34a}.stat-icon.superadmin{background:#fef3c7;color:#d97706}.user-actions-header{display:flex;justify-content:flex-end;margin-bottom:14px}.users-table-container{border-radius:16px;border-radius:var(--radius-lg);overflow-x:auto;width:100%}.users-table{border-collapse:collapse;font-size:13px;width:100%}.users-table thead tr{background:#f8fafc;border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--gray-200)}.users-table th{color:#64748b;color:var(--gray-500);font-size:12px;font-weight:700;letter-spacing:.04em;padding:11px 14px;text-align:left;text-transform:uppercase;white-space:nowrap}.users-table td{border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--gray-100);padding:12px 14px;vertical-align:middle}.users-table tbody tr:hover{background:#fafbfd}.users-table tbody tr:last-child td{border-bottom:none}.users-table tr.current-user{background:#ebf0f7}.users-table tr.current-user:hover{background:#dce6f5}.user-info-cell{align-items:center;display:flex;gap:10px}.users-table .user-avatar{background:linear-gradient(135deg,#1549b3,#2e70d4);border-radius:10px;height:36px;width:36px}.user-name{color:#071428;color:var(--navy-800);font-size:13px;font-weight:600}.username-code{background:#f1f5f9;background:var(--gray-100);border-radius:6px;color:#334155;color:var(--gray-700);font-family:Fira Mono,Consolas,monospace;font-size:12px;padding:2px 8px}.email-cell{color:#475569;color:var(--gray-600);font-size:13px}.date-cell,.email-cell{align-items:center;display:flex;gap:6px}.date-cell{color:#64748b;color:var(--gray-500)}.date-cell,.role-badge{font-size:12px;white-space:nowrap}.role-badge{align-items:center;border-radius:20px;display:inline-flex;font-weight:600;gap:5px;padding:3px 10px}.role-badge.superadmin{background:#fef3c7;border:1px solid #fde68a;color:#d97706}.role-badge.admin{background:#f0fdf4;border:1px solid #bbf7d0;color:#16a34a}.role-badge.user{background:#ebf0f7;border:1px solid #c7d9f5;color:#1040a0;color:var(--blue-600)}.role-display{align-items:center;display:flex;gap:6px}.edit-icon{color:#94a3b8;color:var(--gray-400);opacity:0;transition:opacity .14s cubic-bezier(.4,0,.2,1);transition:opacity var(--transition-fast)}.role-display:hover .edit-icon{opacity:1}.role-select{background:#fff;border:1px solid #cbd5e1;border:1px solid var(--gray-300);border-radius:8px;color:#071428;color:var(--navy-800);cursor:pointer;font-size:12px;outline:none;padding:4px 8px}.role-select:focus{border-color:#1549b3;border-color:var(--blue-500)}.action-buttons{align-items:center;display:flex;gap:6px}.btn-sm{border-radius:7px;font-size:12px;height:30px;min-width:30px;padding:5px 10px}.form-error{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:12px;border-radius:var(--radius-md);color:#dc2626;display:flex;font-size:12.5px;gap:8px;margin-bottom:14px;padding:9px 12px}.modal-content{animation:slideInUp .22s ease-out;background:#fff;border-radius:24px;border-radius:var(--radius-xl);box-shadow:0 20px 50px #02091824,0 10px 20px #02091812;box-shadow:var(--shadow-xl);max-height:90vh;max-width:500px;overflow-y:auto;width:100%}.modal-content .modal-header{margin-bottom:0;padding:20px 24px 16px}.modal-content .modal-header h3{color:#071428;color:var(--navy-800);font-size:16px;font-weight:700;margin:0}.modal-content .modal-body{padding:16px 24px}.modal-content .modal-body label{color:#475569;color:var(--gray-600);display:block;font-size:12.5px;font-weight:600;margin-bottom:5px}.modal-content .modal-footer{margin-top:0;padding:14px 24px 20px}
/*# sourceMappingURL=main.43492ae8.css.map*/