@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap);*{box-sizing:border-box;margin:0;padding:0}:root{--primary-50:#eef2ff;--primary-100:#e0e7ff;--primary-200:#c7d2fe;--primary-300:#a5b4fc;--primary-400:#818cf8;--primary-500:#6366f1;--primary-600:#4f46e5;--primary-700:#4338ca;--primary-800:#3730a3;--primary-900:#312e81;--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;--success:#10b981;--success-light:#d1fae5;--warning:#f59e0b;--warning-light:#fef3c7;--danger:#ef4444;--danger-light:#fee2e2;--info:#3b82f6;--info-light:#dbeafe;--sidebar-bg:#0f172a;--sidebar-hover:#ffffff0f;--sidebar-active:#6366f126;--sidebar-text:#94a3b8;--sidebar-text-active:#fff;--sidebar-width:260px;--sidebar-collapsed:72px;--topbar-height:64px;--content-bg:#f1f5f9;--card-bg:#fff;--border-color:#e2e8f0;--border-radius:12px;--border-radius-sm:8px;--border-radius-lg:16px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--transition:all 0.2s cubic-bezier(0.4,0,0.2,1);--transition-slow:all 0.3s cubic-bezier(0.4,0,0.2,1)}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f1f5f9;background:var(--content-bg);color:#334155;color:var(--gray-700);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:14px;line-height:1.6}code{font-family:JetBrains Mono,source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}::-webkit-scrollbar{height:6px;width:6px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#cbd5e1;background:var(--gray-300);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#94a3b8;background:var(--gray-400)}::selection{background:#c7d2fe;background:var(--primary-200);color:#312e81;color:var(--primary-900)}body.dark-mode{--gray-50:#1e1e1e;--gray-100:#2a2a2a;--gray-200:#3a3a3a;--gray-300:#4a4a4a;--gray-400:#888;--gray-500:#a0a0a0;--gray-600:#b0b0b0;--gray-700:#d0d0d0;--gray-800:#e0e0e0;--gray-900:#f0f0f0;--content-bg:#1a1a1a;--card-bg:#2d2d2d;--border-color:#404040;--sidebar-bg:#1a1a1a;--sidebar-hover:#ffffff14;--sidebar-active:#6366f140;--sidebar-text:#a0a0a0;--primary-50:#1e2a4a;--primary-100:#1e3050;--success-light:#1e3a2a;--warning-light:#3a3020;--danger-light:#3a2020;--info-light:#1e2a4a;--shadow-sm:0 1px 2px 0 #0000004d;--shadow:0 1px 3px 0 #0006;--shadow-md:0 4px 6px -1px #0006;--shadow-lg:0 10px 15px -3px #0006;background-color:#1a1a1a!important}body.dark-mode,body.dark-mode a,body.dark-mode div,body.dark-mode h1,body.dark-mode h2,body.dark-mode h3,body.dark-mode h4,body.dark-mode h5,body.dark-mode h6,body.dark-mode label,body.dark-mode p,body.dark-mode span{color:#e0e0e0!important}body.dark-mode a:hover{color:#40a9ff!important}body.dark-mode #root,body.dark-mode .App,body.dark-mode .page-container{background-color:#1a1a1a!important}body.dark-mode .page-container{color:#e0e0e0!important;min-height:100vh}body.dark-mode .loading-screen{background-color:#1a1a1a!important}body.dark-mode .spinner{border-top-color:#1890ff!important}body.dark-mode .card{background-color:#2d2d2d;border-color:#404040;color:#e0e0e0}body.dark-mode .card-header{background-color:#333;border-bottom-color:#404040;color:#e0e0e0}body.dark-mode .card-body,body.dark-mode table{background-color:#2d2d2d}body.dark-mode table{color:#e0e0e0}body.dark-mode thead{background-color:#333;border-bottom-color:#404040}body.dark-mode td,body.dark-mode th{border-bottom-color:#404040;color:#e0e0e0}body.dark-mode tr:hover{background-color:#3a3a3a}body.dark-mode .stat-card{background-color:#2d2d2d;border-color:#404040}body.dark-mode .stat-card.stat-primary{background:linear-gradient(135deg,#1e3a5f,#2d5a8f)}body.dark-mode .stat-card.stat-success{background:linear-gradient(135deg,#1e4d2b,#2d7a3f)}body.dark-mode .stat-card.stat-warning{background:linear-gradient(135deg,#5d4a1e,#8f7a2d)}body.dark-mode .stat-card.stat-danger{background:linear-gradient(135deg,#5d1e1e,#8f2d2d)}body.dark-mode input,body.dark-mode select,body.dark-mode textarea{background-color:#3a3a3a;border-color:#555;color:#e0e0e0}body.dark-mode input:focus,body.dark-mode select:focus,body.dark-mode textarea:focus{background-color:#404040;border-color:#666;color:#e0e0e0}body.dark-mode input::placeholder{color:#888}body.dark-mode .form-control{background-color:#3a3a3a;border-color:#555;color:#e0e0e0}body.dark-mode .btn-primary{background-color:#0d6efd;border-color:#0d6efd}body.dark-mode .btn-primary:hover{background-color:#0b5ed7;border-color:#0a58ca}body.dark-mode .btn-secondary{background-color:#555;border-color:#555;color:#e0e0e0}body.dark-mode .btn-secondary:hover{background-color:#666;border-color:#666}body.dark-mode .btn-success{background-color:#198754;border-color:#198754}body.dark-mode .btn-warning{background-color:#ffc107;border-color:#ffc107;color:#000}body.dark-mode .btn-danger{background-color:#dc3545;border-color:#dc3545}body.dark-mode .modal-overlay{background-color:#000c!important}body.dark-mode .modal-content{background-color:#2d2d2d!important;border-color:#404040!important;color:#e0e0e0!important}body.dark-mode .modal-header{background-color:#333!important;border-bottom-color:#404040!important;color:#e0e0e0!important}body.dark-mode .modal-header h2,body.dark-mode .modal-header h3{color:#e0e0e0!important}body.dark-mode .modal-body{background-color:#2d2d2d!important;color:#e0e0e0!important}body.dark-mode .modal-footer{background-color:#333!important;border-top-color:#404040!important}body.dark-mode .close-btn,body.dark-mode .modal-close{background:#0000!important;color:#e0e0e0!important}body.dark-mode .close-btn:hover,body.dark-mode .modal-close:hover{color:#ff4d4f!important}body.dark-mode .main-nav,body.dark-mode .navigation,body.dark-mode .sidebar,body.dark-mode nav{background-color:#2d2d2d!important;border-right-color:#404040!important}body.dark-mode .menu-item,body.dark-mode .nav-link,body.dark-mode nav a{color:#b0b0b0!important}body.dark-mode .menu-item:hover,body.dark-mode .nav-link:hover,body.dark-mode nav a:hover{background-color:#3a3a3a!important;color:#e0e0e0!important}body.dark-mode .menu-item.active,body.dark-mode .nav-link.active,body.dark-mode nav a.active{background-color:#0d6efd!important;color:#fff!important}body.dark-mode .badge{background-color:#404040;color:#e0e0e0}body.dark-mode .badge-active{background-color:#198754}body.dark-mode .badge-suspended{background-color:#dc3545}body.dark-mode .badge-trial{background-color:#ffc107;color:#000}body.dark-mode code{background-color:#3a3a3a;border-color:#555;color:#ff79c6}body.dark-mode .loading-text{color:#b0b0b0}body.dark-mode .page-header{border-bottom-color:#404040}body.dark-mode .page-header h1{color:#e0e0e0}body.dark-mode .page-header p{color:#b0b0b0}body.dark-mode .action-btn{background-color:#3a3a3a;border-color:#555;color:#e0e0e0}body.dark-mode .action-btn:hover{background-color:#404040;border-color:#666}body.dark-mode .revenue-display{color:#4ade80}body.dark-mode .distribution-list{color:#e0e0e0}body.dark-mode .distribution-item{border-bottom-color:#404040}body.dark-mode .text-center{color:#b0b0b0}body.dark-mode .text-danger{color:#ff6b6b}body.dark-mode .text-warning{color:#ffd93d}body.dark-mode .text-success{color:#6bcf7f}body.dark-mode ::-webkit-scrollbar{background-color:#2d2d2d;width:10px}body.dark-mode ::-webkit-scrollbar-thumb{background-color:#555;border-radius:5px}body.dark-mode ::-webkit-scrollbar-thumb:hover{background-color:#666}.dark-mode-toggle{background-color:#0d6efd;bottom:20px;box-shadow:0 4px 12px #0000004d;font-size:24px;height:50px;right:20px;transition:all .3s ease;width:50px;z-index:1000}.dark-mode-toggle:hover{box-shadow:0 6px 16px #0006}body.dark-mode .dark-mode-toggle{background-color:#ffc107}:root{--toastify-color-light:#fff;--toastify-color-dark:#121212;--toastify-color-info:#3498db;--toastify-color-success:#07bc0c;--toastify-color-warning:#f1c40f;--toastify-color-error:#e74c3c;--toastify-color-transparent:#ffffffb3;--toastify-icon-color-info:var(--toastify-color-info);--toastify-icon-color-success:var(--toastify-color-success);--toastify-icon-color-warning:var(--toastify-color-warning);--toastify-icon-color-error:var(--toastify-color-error);--toastify-toast-width:320px;--toastify-toast-background:#fff;--toastify-toast-min-height:64px;--toastify-toast-max-height:800px;--toastify-font-family:sans-serif;--toastify-z-index:9999;--toastify-text-color-light:#757575;--toastify-text-color-dark:#fff;--toastify-text-color-info:#fff;--toastify-text-color-success:#fff;--toastify-text-color-warning:#fff;--toastify-text-color-error:#fff;--toastify-spinner-color:#616161;--toastify-spinner-color-empty-area:#e0e0e0;--toastify-color-progress-light:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);--toastify-color-progress-dark:#bb86fc;--toastify-color-progress-info:var(--toastify-color-info);--toastify-color-progress-success:var(--toastify-color-success);--toastify-color-progress-warning:var(--toastify-color-warning);--toastify-color-progress-error:var(--toastify-color-error)}.Toastify__toast-container{box-sizing:border-box;color:#fff;padding:4px;position:fixed;-webkit-transform:translateZ(9999);-webkit-transform:translateZ(var(--toastify-z-index));width:320px;width:var(--toastify-toast-width);z-index:9999;z-index:var(--toastify-z-index)}.Toastify__toast-container--top-left{left:1em;top:1em}.Toastify__toast-container--top-center{left:50%;top:1em;transform:translateX(-50%)}.Toastify__toast-container--top-right{right:1em;top:1em}.Toastify__toast-container--bottom-left{bottom:1em;left:1em}.Toastify__toast-container--bottom-center{bottom:1em;left:50%;transform:translateX(-50%)}.Toastify__toast-container--bottom-right{bottom:1em;right:1em}@media only screen and (max-width:480px){.Toastify__toast-container{left:0;margin:0;padding:0;width:100vw}.Toastify__toast-container--top-center,.Toastify__toast-container--top-left,.Toastify__toast-container--top-right{top:0;transform:translateX(0)}.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-right{bottom:0;transform:translateX(0)}.Toastify__toast-container--rtl{left:auto;right:0}}.Toastify__toast{border-radius:4px;box-shadow:0 1px 10px 0 #0000001a,0 2px 15px 0 #0000000d;box-sizing:border-box;cursor:default;direction:ltr;display:flex;font-family:sans-serif;font-family:var(--toastify-font-family);justify-content:space-between;margin-bottom:1rem;max-height:800px;max-height:var(--toastify-toast-max-height);min-height:64px;min-height:var(--toastify-toast-min-height);overflow:hidden;padding:8px;position:relative;z-index:0}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-body{align-items:center;display:flex;flex:1 1 auto;margin:auto 0;padding:6px}.Toastify__toast-body>div:last-child{flex:1 1;word-break:break-word}.Toastify__toast-icon{-webkit-margin-end:10px;display:flex;flex-shrink:0;margin-inline-end:10px;width:20px}.Toastify--animate{animation-duration:.7s;animation-fill-mode:both}.Toastify--animate-icon{animation-duration:.3s;animation-fill-mode:both}@media only screen and (max-width:480px){.Toastify__toast{border-radius:0;margin-bottom:0}}.Toastify__toast-theme--dark{background:#121212;background:var(--toastify-color-dark);color:#fff;color:var(--toastify-text-color-dark)}.Toastify__toast-theme--colored.Toastify__toast--default,.Toastify__toast-theme--light{background:#fff;background:var(--toastify-color-light);color:#757575;color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{background:#3498db;background:var(--toastify-color-info);color:#fff;color:var(--toastify-text-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{background:#07bc0c;background:var(--toastify-color-success);color:#fff;color:var(--toastify-text-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{background:#f1c40f;background:var(--toastify-color-warning);color:#fff;color:var(--toastify-text-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{background:#e74c3c;background:var(--toastify-color-error);color:#fff;color:var(--toastify-text-color-error)}.Toastify__progress-bar-theme--light{background:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:#bb86fc;background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:#3498db;background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:#07bc0c;background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:#f1c40f;background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:#e74c3c;background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning{background:#ffffffb3;background:var(--toastify-color-transparent)}.Toastify__close-button{align-self:flex-start;background:#0000;border:none;color:#fff;cursor:pointer;opacity:.7;outline:none;padding:0;transition:.3s ease}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:focus,.Toastify__close-button:hover{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{bottom:0;height:5px;left:0;opacity:.7;position:absolute;transform-origin:left;width:100%;z-index:9999;z-index:var(--toastify-z-index)}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{left:auto;right:0;transform-origin:right}.Toastify__spinner{animation:Toastify__spin .65s linear infinite;border:2px solid #e0e0e0;border-color:var(--toastify-spinner-color-empty-area);border-radius:100%;border-right-color:#616161;border-right-color:var(--toastify-spinner-color);box-sizing:border-box;height:20px;width:20px}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,0,0)}to{opacity:0;transform:translate3d(2000px,0,0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,0,0)}to{opacity:0;transform:translate3d(-2000px,0,0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,-10px,0)}40%,45%{opacity:1;transform:translate3d(0,20px,0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,10px,0)}40%,45%{opacity:1;transform:translate3d(0,-20px,0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--bottom-left,.Toastify__bounce-enter--top-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--bottom-right,.Toastify__bounce-enter--top-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--bottom-left,.Toastify__bounce-exit--top-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--bottom-right,.Toastify__bounce-exit--top-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{animation-timing-function:ease-in;opacity:0;transform:perspective(400px) rotateX(90deg)}40%{animation-timing-function:ease-in;transform:perspective(400px) rotateX(-20deg)}60%{opacity:1;transform:perspective(400px) rotateX(10deg)}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:perspective(400px)}30%{opacity:1;transform:perspective(400px) rotateX(-20deg)}to{opacity:0;transform:perspective(400px) rotateX(90deg)}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideOutRight{0%{transform:translateZ(0)}to{transform:translate3d(110%,0,0);visibility:hidden}}@keyframes Toastify__slideOutLeft{0%{transform:translateZ(0)}to{transform:translate3d(-110%,0,0);visibility:hidden}}@keyframes Toastify__slideOutDown{0%{transform:translateZ(0)}to{transform:translate3d(0,500px,0);visibility:hidden}}@keyframes Toastify__slideOutUp{0%{transform:translateZ(0)}to{transform:translate3d(0,-500px,0);visibility:hidden}}.Toastify__slide-enter--bottom-left,.Toastify__slide-enter--top-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--bottom-right,.Toastify__slide-enter--top-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--bottom-left,.Toastify__slide-exit--top-left{animation-name:Toastify__slideOutLeft}.Toastify__slide-exit--bottom-right,.Toastify__slide-exit--top-right{animation-name:Toastify__slideOutRight}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown}@keyframes Toastify__spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.App{min-height:100vh}.loading-screen{align-items:center;background:var(--gray-900);color:#fff;display:flex;flex-direction:column;height:100vh;justify-content:center}.spinner{animation:spin .8s linear infinite;border:3px solid #ffffff26;border-top:3px solid var(--primary-400);margin-bottom:16px}.loading-screen p{color:var(--gray-400);font-size:14px;font-weight:500;letter-spacing:.5px}.dark-mode-toggle{align-items:center;background:var(--gray-800);border:none;border-radius:50%;bottom:24px;box-shadow:var(--shadow-lg);color:#fff;cursor:pointer;display:flex;font-size:18px;height:44px;justify-content:center;position:fixed;right:24px;transition:var(--transition);width:44px;z-index:9999}.dark-mode-toggle:hover{background:var(--primary-600);transform:scale(1.1)}.page-container{max-width:1400px;padding:32px}.page-header{margin-bottom:32px}.page-header h1{color:var(--gray-900);font-size:24px;font-weight:700;letter-spacing:-.025em;margin-bottom:4px}.page-header p{color:var(--gray-500);font-weight:400}.card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--shadow-sm);margin-bottom:24px;padding:24px;transition:var(--transition)}.card:hover{box-shadow:var(--shadow)}.card-header{align-items:center;border-bottom:1px solid var(--gray-100);display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:16px}.card-header h2{color:var(--gray-800);font-size:16px;font-weight:600;letter-spacing:-.01em}.card-body{padding:0}.btn{align-items:center;border:none;border-radius:var(--border-radius-sm);cursor:pointer;display:inline-flex;font-family:inherit;font-size:13px;font-weight:500;gap:6px;line-height:1.5;padding:8px 16px;transition:var(--transition);white-space:nowrap}.btn:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn-primary{background:var(--primary-600)}.btn-primary:hover{background:var(--primary-700)}.btn-success{background:var(--success);color:#fff}.btn-success:hover{background:#059669}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{background:#dc2626}.btn-warning{background:var(--warning);color:#fff}.btn-warning:hover{background:#d97706}.btn-secondary{background:var(--gray-100);border:1px solid var(--gray-200);color:var(--gray-700)}.btn-secondary:hover{background:var(--gray-200);box-shadow:none}.btn-outline{background:#0000;border:1px solid var(--primary-300);color:var(--primary-600)}.btn-outline:hover{background:var(--primary-50);border-color:var(--primary-400)}.btn:disabled{box-shadow:none!important;cursor:not-allowed;opacity:.5;transform:none!important}.table-container{border-radius:var(--border-radius-sm);overflow-x:auto}table{border-collapse:collapse;font-size:13px;width:100%}table thead{background:var(--gray-50)}table th{border-bottom:1px solid var(--gray-200);font-size:12px;font-weight:600;letter-spacing:.05em;text-align:left;text-transform:uppercase;white-space:nowrap}table td,table th{color:var(--gray-600);padding:12px 16px}table td{border-bottom:1px solid var(--gray-100);vertical-align:middle}table tbody tr{transition:var(--transition)}table tbody tr:hover{background:var(--gray-50)}table tbody tr:last-child td{border-bottom:none}.badge{align-items:center;border-radius:9999px;display:inline-flex;font-size:11px;font-weight:600;letter-spacing:.025em;padding:2px 10px;text-transform:capitalize}.badge-active{background:var(--success-light);color:#065f46}.badge-suspended{background:var(--danger-light);color:#991b1b}.badge-trial{background:var(--info-light);color:#1e40af}.badge-cancelled,.badge-expired{background:var(--gray-100);color:var(--gray-500)}.badge-paid{background:var(--success-light);color:#065f46}.badge-pending{background:var(--warning-light);color:#92400e}.badge-overdue{background:var(--danger-light);color:#991b1b}.form-group{margin-bottom:20px}.form-group label{color:var(--gray-700);display:block;font-size:13px;font-weight:500;margin-bottom:6px}.form-control{background:#fff;border:1px solid var(--gray-300);border-radius:var(--border-radius-sm);color:var(--gray-800);font-family:inherit;font-size:14px;padding:9px 12px;transition:var(--transition);width:100%}.form-control:focus{border-color:var(--primary-400);box-shadow:0 0 0 3px var(--primary-100);outline:none}.form-control:disabled{background:var(--gray-50);color:var(--gray-500);cursor:not-allowed}.form-control::placeholder{color:var(--gray-400)}select.form-control{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;background-size:20px;cursor:pointer;padding-right:36px}textarea.form-control{min-height:100px;resize:vertical}.form-text{color:var(--gray-400);font-size:12px;margin-top:4px}.row{display:flex;flex-wrap:wrap;margin:-10px}.col{flex:1 1}.col,.col-2{padding:10px}.col-2{flex:0 0 50%;max-width:50%}.col-3{flex:0 0 33.333%;max-width:33.333%;padding:10px}.col-4{flex:0 0 25%;max-width:25%;padding:10px}.text-center{text-align:center}.text-right{text-align:right}.mt-20{margin-top:20px}.mb-20{margin-bottom:20px}.flex{display:flex}.flex-between{justify-content:space-between}.flex-between,.flex-center{align-items:center;display:flex}.flex-center{justify-content:center}.gap-10{gap:10px}.gap-20{gap:20px}.modal-overlay{animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a99}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{animation:modalSlideIn .3s cubic-bezier(.4,0,.2,1);background:#fff;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-xl);max-height:90vh;max-width:560px;overflow-y:auto;width:90%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{align-items:center;border-bottom:1px solid var(--gray-100);display:flex;justify-content:space-between;padding:20px 24px}.modal-header h2{color:var(--gray-900);font-size:18px;font-weight:600;margin:0}.close-btn{align-items:center;background:none;border:none;border-radius:var(--border-radius-sm);color:var(--gray-400);cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;padding:4px;transition:var(--transition);width:32px}.close-btn:hover{background:var(--gray-100);color:var(--gray-600)}.modal-body{padding:24px}.modal-footer{border-top:1px solid var(--gray-100);display:flex;gap:8px;justify-content:flex-end;padding:16px 24px}.form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}@media (max-width:600px){.form-row{grid-template-columns:1fr}}.btn-sm{border-radius:6px;font-size:12px;padding:5px 10px}.btn-block{justify-content:center;width:100%}.text-danger{color:var(--danger)}.text-warning{color:var(--warning)}.text-success{color:var(--success)}.empty-state{color:var(--gray-400);padding:48px 24px;text-align:center}.empty-state .icon{font-size:48px;margin-bottom:16px;opacity:.5}.empty-state h3{color:var(--gray-600);font-size:16px;font-weight:600;margin-bottom:8px}.empty-state p{color:var(--gray-400);font-size:14px}.pagination{align-items:center;display:flex;gap:4px;justify-content:center;margin-top:24px}.pagination button{background:#fff;border:1px solid var(--gray-200);border-radius:6px;color:var(--gray-600);cursor:pointer;font-size:13px;padding:6px 12px;transition:var(--transition)}.pagination button:hover:not(:disabled){background:var(--gray-50);border-color:var(--gray-300)}.pagination button.active{background:var(--primary-600);border-color:var(--primary-600);color:#fff}.pagination button:disabled{cursor:not-allowed;opacity:.4}.search-bar{position:relative}.search-bar input{padding-left:36px}.search-bar .search-icon{color:var(--gray-400);font-size:14px;left:12px;position:absolute;top:50%;transform:translateY(-50%)}@media (max-width:768px){.col-2,.col-3,.col-4{flex:0 0 100%;max-width:100%}.page-container{padding:20px 16px}.page-header{align-items:flex-start;flex-direction:column}.page-header h1{font-size:20px}table{font-size:12px}table td,table th{padding:8px 12px}.modal-content{border-radius:var(--border-radius);max-height:95vh;width:95%}}.login-page{align-items:center;background:var(--gray-900);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:20px;position:relative}.login-page:before{background:radial-gradient(ellipse at 30% 20%,#6366f126 0,#0000 50%),radial-gradient(ellipse at 70% 80%,#6366f114 0,#0000 50%);content:"";height:200%;left:-50%;pointer-events:none;position:absolute;top:-50%;width:200%}.login-container{background:#fff;border-radius:var(--border-radius-lg);box-shadow:0 25px 50px -12px #00000040;max-width:420px;padding:40px;position:relative;width:100%;z-index:1}.login-header{margin-bottom:32px;text-align:center}.login-logo{height:56px;margin-bottom:16px;object-fit:contain;width:56px}.login-header h1{color:var(--gray-900);font-size:22px;font-weight:700;letter-spacing:-.025em;margin-bottom:6px}.login-header p{color:var(--gray-500);font-size:14px;font-weight:400}.login-form{margin-bottom:24px}.login-form .form-group{margin-bottom:20px}.login-form label{color:var(--gray-700);display:block;font-size:13px;font-weight:500;margin-bottom:6px}.login-form .form-control{border:1px solid var(--gray-300);border-radius:var(--border-radius-sm);font-family:inherit;font-size:14px;padding:10px 14px;transition:var(--transition);width:100%}.login-form .form-control:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px var(--primary-100);outline:none}.login-form .form-control:disabled{background:var(--gray-50);cursor:not-allowed}.login-form .btn-block{background:var(--primary-600);border:none;border-radius:var(--border-radius-sm);color:#fff;cursor:pointer;font-family:inherit;font-size:14px;font-weight:600;margin-top:4px;padding:11px;transition:var(--transition);width:100%}.login-form .btn-block:hover{background:var(--primary-700)}.login-form .btn-block:disabled{cursor:not-allowed;opacity:.6}.login-footer{border-top:1px solid var(--gray-100);padding-top:20px;text-align:center}.login-footer p{color:var(--primary-600);font-size:13px;font-weight:600;margin-bottom:8px}.login-footer small{color:var(--gray-400);font-size:12px}@media (max-width:480px){.login-container{padding:32px 24px}.login-header h1{font-size:20px}}.system-health-monitor{padding:20px}.health-monitor-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:40px}.health-alerts{margin-bottom:20px}.alert{align-items:flex-start;border-left:4px solid;border-radius:8px;display:flex;margin-bottom:10px;padding:15px}.alert-error{background-color:#fff1f0;border-left-color:#ff4d4f}.alert-warning{background-color:#fffbe6;border-left-color:#faad14}.alert-icon{font-size:24px;margin-right:12px}.alert-content{flex:1 1}.alert-content strong{display:block;margin-bottom:5px}.health-status-card{background:#fff;border-left:4px solid;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-bottom:20px;padding:20px}.status-summary{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-top:15px}.summary-item{display:flex;flex-direction:column}.summary-label{color:#8c8c8c;font-size:12px;margin-bottom:5px}.summary-value{font-size:24px;font-weight:700}.components-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:20px}.component-card{background:#fff;border-left:4px solid;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:20px}.component-card h4{font-size:16px;margin:0 0 10px}.component-status{color:#595959;margin-bottom:15px}.component-tests{border-top:1px solid #f0f0f0;padding-top:15px}.test-row{align-items:center;border-bottom:1px solid #f5f5f5;display:flex;padding:8px 0}.test-row:last-child{border-bottom:none}.test-icon{font-size:16px;margin-right:10px}.test-name{flex:1 1;font-weight:500}.test-message{color:#8c8c8c}.refresh-button{background:#1890ff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;padding:12px 24px;transition:all .3s}.refresh-button:hover:not(:disabled){background:#40a9ff;box-shadow:0 4px 12px #1890ff4d;transform:translateY(-2px)}.refresh-button:disabled{background:#d9d9d9;cursor:not-allowed}.spinner{animation:spin 1s linear infinite;border:3px solid #f3f3f3;border-radius:50%;border-top-color:#1890ff;height:40px;margin-bottom:10px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-text{color:var(--gray-400);font-size:14px;padding:48px;text-align:center}.stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:32px}.stat-card{align-items:center;background:#fff;border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--shadow-sm);display:flex;gap:16px;overflow:hidden;padding:24px;position:relative;transition:var(--transition)}.stat-card:after{border-radius:0 3px 3px 0;content:"";height:100%;left:0;position:absolute;top:0;width:3px}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-primary:after{background:var(--primary-500)}.stat-success:after{background:var(--success)}.stat-warning:after{background:var(--warning)}.stat-danger:after{background:var(--danger)}.stat-icon{align-items:center;border-radius:var(--border-radius-sm);display:flex;flex-shrink:0;font-size:28px;height:48px;justify-content:center;width:48px}.stat-primary .stat-icon{background:var(--primary-50);color:var(--primary-600)}.stat-success .stat-icon{background:var(--success-light);color:var(--success)}.stat-warning .stat-icon{background:var(--warning-light);color:var(--warning)}.stat-danger .stat-icon{background:var(--danger-light);color:var(--danger)}.stat-content h3{color:var(--gray-900);font-size:28px;font-weight:700;letter-spacing:-.025em;line-height:1;margin-bottom:2px}.stat-content p{color:var(--gray-500);font-size:13px;font-weight:400;margin:0}.revenue-display{padding:24px 20px;text-align:center}.revenue-display .currency{color:var(--gray-400);font-size:20px;font-weight:500;margin-right:2px}.revenue-display .amount{color:var(--success);font-size:36px;font-weight:700;letter-spacing:-.025em}.distribution-list{padding:8px 0}.distribution-item{align-items:center;border-bottom:1px solid var(--gray-100);display:flex;justify-content:space-between;padding:12px 0}.distribution-item:last-child{border-bottom:none}.distribution-item .label{color:var(--gray-500);font-size:13px;font-weight:400}.distribution-item .value{color:var(--gray-800);font-size:15px;font-weight:600}.text-danger{color:var(--danger)!important}.text-warning{color:var(--warning)!important}.quick-actions{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));padding:8px 0}.action-btn{align-items:center;background:#fff;border:1px solid var(--gray-200);border-radius:var(--border-radius);color:var(--gray-700);cursor:pointer;display:flex;flex-direction:column;font-family:inherit;gap:10px;padding:24px 16px;transition:var(--transition)}.action-btn:hover{background:var(--primary-50);border-color:var(--primary-300);box-shadow:var(--shadow-md);color:var(--primary-700);transform:translateY(-2px)}.action-btn:active{transform:translateY(0)}.action-btn .icon{font-size:24px}.action-btn span:last-child{font-size:13px;font-weight:500}@media (max-width:768px){.stats-grid{gap:12px;grid-template-columns:1fr 1fr}.stat-card{padding:16px}.stat-icon{height:40px;width:40px}.stat-content h3,.stat-icon{font-size:22px}.revenue-display .amount{font-size:28px}.quick-actions{grid-template-columns:1fr 1fr}}@media (max-width:480px){.stats-grid{grid-template-columns:1fr}}.info-section{gap:16px}.info-item,.info-section{display:flex;flex-direction:column}.info-item{gap:4px}.info-item label{color:var(--gray-400);font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.info-item strong{color:var(--gray-800);font-size:15px;font-weight:600}.info-item span{color:var(--gray-600);font-size:14px}.payment-dashboard{max-width:1400px;padding:32px}.time-range-selector{display:flex;gap:8px}.time-range-selector button{background:#fff;border:1px solid var(--gray-200);border-radius:6px;color:var(--gray-600);cursor:pointer;font-family:inherit;font-size:12px;font-weight:500;padding:6px 14px;transition:var(--transition)}.time-range-selector button.active,.time-range-selector button:hover{background:var(--primary-600);border-color:var(--primary-600);color:#fff}.metrics-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:32px}.metric-card{align-items:center;background:#fff;border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--shadow-sm);display:flex;gap:16px;overflow:hidden;padding:24px;position:relative;transition:var(--transition)}.metric-card:after{content:"";height:100%;left:0;position:absolute;top:0;width:3px}.metric-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.metric-icon{font-size:28px;opacity:.9}.metric-content{flex:1 1}.metric-content h3{color:var(--gray-400);font-size:11px;font-weight:600;letter-spacing:.05em;margin:0 0 4px;text-transform:uppercase}.metric-value{font-size:24px;font-weight:700;letter-spacing:-.025em;margin-bottom:2px}.metric-subtitle{color:var(--gray-400);font-size:12px}.total-revenue:after{background:var(--info)}.total-revenue .metric-value{color:var(--info)}.paid-revenue:after{background:var(--success)}.paid-revenue .metric-value{color:var(--success)}.pending-revenue:after{background:var(--warning)}.pending-revenue .metric-value{color:var(--warning)}.overdue-revenue:after{background:var(--danger)}.overdue-revenue .metric-value{color:var(--danger)}.performance-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:32px}.performance-card{padding:24px;text-align:center}.performance-card h3{color:var(--gray-700);font-size:14px;font-weight:600;margin:0 0 16px}.progress-circle{height:120px;margin:0 auto 12px;position:relative;width:120px}.progress-circle svg{height:100%;width:100%}.progress-text{color:var(--success);font-size:24px;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.performance-value{align-items:baseline;display:flex;gap:4px;justify-content:center;margin-bottom:8px}.big-number{color:var(--primary-600);font-size:36px;font-weight:700;letter-spacing:-.025em}.unit{color:var(--gray-400);font-size:14px}.performance-subtitle{color:var(--gray-500);font-size:13px;margin:0}.chart-card{margin-bottom:24px;padding:24px}.chart-card h3{color:var(--gray-800);font-size:16px;font-weight:600;margin:0 0 20px}.bar-chart{align-items:flex-end;display:flex;gap:8px;height:260px;justify-content:space-around}.bar-item{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:6px}.bar-label{color:var(--success);font-size:11px;font-weight:600;min-height:16px}.bar-container{align-items:flex-end;background:var(--gray-100);display:flex;flex:1 1;max-width:60px;position:relative}.bar-container,.bar-fill{border-radius:6px 6px 0 0;width:100%}.bar-fill{background:var(--primary-500);cursor:pointer;transition:height .5s ease}.bar-fill:hover{background:var(--primary-600)}.bar-month{color:var(--gray-500);font-size:11px;font-weight:500}.two-column-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));margin-bottom:24px}.top-clients-list{display:flex;flex-direction:column;gap:8px;margin-top:12px}.top-client-item{align-items:center;background:var(--gray-50);border-radius:var(--border-radius-sm);display:flex;gap:12px;padding:12px;transition:var(--transition)}.top-client-item:hover{background:var(--gray-100)}.rank{background:var(--primary-600);border-radius:50%;color:#fff;flex-shrink:0;font-size:13px;font-weight:700;height:32px;justify-content:center;width:32px}.client-info,.rank{align-items:center;display:flex}.client-info{flex:1 1;justify-content:space-between}.client-name{color:var(--gray-800);font-size:13px;font-weight:600}.client-revenue{color:var(--success);font-size:14px;font-weight:700}.upcoming-dues-list{display:flex;flex-direction:column;gap:8px;margin-top:12px;max-height:360px;overflow-y:auto}.due-item{align-items:center;background:var(--gray-50);border-left:3px solid var(--gray-300);border-radius:var(--border-radius-sm);display:flex;justify-content:space-between;padding:12px;transition:var(--transition)}.due-item:hover{background:var(--gray-100)}.due-item.urgent{background:var(--danger-light);border-left-color:var(--danger)}.due-item.soon{background:var(--warning-light);border-left-color:var(--warning)}.due-item.normal{border-left-color:var(--success)}.due-info{flex:1 1}.due-client{color:var(--gray-800);font-size:13px;font-weight:600;margin-bottom:2px}.due-date{color:var(--gray-400);font-size:11px}.due-amount{color:var(--primary-600);font-size:14px;font-weight:700}.recent-payments-table{margin-top:12px;overflow-x:auto}@media (max-width:768px){.payment-dashboard{padding:20px 16px}.metrics-grid,.two-column-grid{grid-template-columns:1fr}.bar-chart{height:200px}.metric-value{font-size:20px}}.profile-page{max-width:1400px;padding:32px}.profile-content{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr;margin-top:24px}.profile-card{background:#fff;border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--shadow-sm);padding:24px}.profile-card .card-header{align-items:center;border-bottom:1px solid var(--gray-100);display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.profile-card h2{color:var(--gray-800);font-size:16px;font-weight:600;margin:0}.form-actions{border-top:1px solid var(--gray-100);display:flex;gap:8px;margin-top:24px;padding-top:16px}@media (max-width:768px){.profile-page{padding:20px 16px}.profile-content{grid-template-columns:1fr}}.employees-page{max-width:1400px;padding:32px}.employees-list{margin-top:20px}.employees-table{background:#fff;border:1px solid var(--border-color);border-radius:var(--border-radius);overflow:hidden;width:100%}.employees-table thead{background:var(--gray-50)}.employees-table td,.employees-table th{border-bottom:1px solid var(--gray-100);padding:12px 16px;text-align:left}.employees-table th{color:var(--gray-600);font-size:12px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.employees-table tbody tr{transition:var(--transition)}.employees-table tbody tr:hover{background:var(--gray-50)}.employees-table tbody tr:last-child td{border-bottom:none}.role-badge{align-items:center;border-radius:9999px;display:inline-flex;font-size:11px;font-weight:600;padding:2px 10px}.role-employee{background:var(--info-light);color:#1e40af}.role-manager{background:var(--warning-light);color:#92400e}.role-supervisor{background:#f3e8ff;color:#6b21a8}.permissions-summary{display:flex;flex-wrap:wrap;gap:4px}.perm-badge{background:var(--success-light);border-radius:9999px;color:#065f46;display:inline-block;font-size:10px;font-weight:500;padding:2px 8px}.action-buttons{display:flex;gap:6px}.form-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:24px}.permissions-section{background:var(--gray-50);border:1px solid var(--gray-100);border-radius:var(--border-radius-sm);margin-bottom:24px;padding:20px}.permissions-section h3{color:var(--gray-700);font-size:14px;font-weight:600;margin:0 0 16px}.permissions-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(2,1fr)}.permission-item{align-items:center;background:#fff;border:1px solid var(--gray-200);border-radius:6px;cursor:pointer;display:flex;gap:8px;padding:8px 12px;transition:var(--transition)}.permission-item:hover{border-color:var(--primary-300)}.permission-item input[type=checkbox]{accent-color:var(--primary-600);cursor:pointer;height:16px;width:16px}.permission-item span{color:var(--gray-600);font-size:13px}@media (max-width:768px){.employees-page{padding:20px 16px}.form-grid,.permissions-grid{grid-template-columns:1fr}}.system-diagnostics-page{background:linear-gradient(135deg,#f8fafc,#f1f5f9);max-width:1400px;min-height:calc(100vh - 64px);padding:32px}.system-diagnostics-page .page-header{background:linear-gradient(135deg,#1e3a5f,#2d5a87);border-radius:16px;box-shadow:0 10px 40px #1e3a5f4d;color:#fff;margin-bottom:24px;padding:32px}.system-diagnostics-page .page-header h1{color:#fff;font-size:28px;font-weight:700;margin-bottom:8px}.system-diagnostics-page .page-header p{color:#ffffffd9;font-size:15px;margin-bottom:12px}.test-count-badge{align-items:center;animation:pulse 2s infinite;background:linear-gradient(135deg,#10b981,#059669);border-radius:9999px;box-shadow:0 4px 12px #10b98166;color:#fff;display:inline-flex;font-size:14px;font-weight:700;margin-top:8px;padding:10px 24px}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.diagnostics-container{display:flex;flex-direction:column;gap:24px}.diagnostic-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a;padding:28px;transition:all .3s ease}.diagnostic-card:hover{box-shadow:0 10px 25px -5px #0000001a;transform:translateY(-2px)}.config-panel{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:12px;padding:24px}.config-panel h3{align-items:center;color:#1e293b;display:flex;font-size:18px;font-weight:700;gap:10px;margin-bottom:20px}.config-option{background:#fff;border:1px solid #e2e8f0;border-radius:10px;margin-bottom:12px;padding:16px;transition:all .2s ease}.config-option:hover{border-color:#3b82f6;box-shadow:0 2px 8px #3b82f626}.config-option:last-child{margin-bottom:0}.config-option label{align-items:center;color:#334155;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:12px}.config-option input[type=checkbox]{accent-color:#3b82f6;cursor:pointer;height:20px;width:20px}.config-hint{color:#64748b;font-size:13px;line-height:1.5;margin-left:32px;margin-top:8px}.btn-large{font-size:14px;padding:12px 32px}.summary-card{background:var(--gray-900);border:none;color:#fff}.summary-card.status-healthy{background:linear-gradient(135deg,#059669,#10b981)}.summary-card.status-warning{background:linear-gradient(135deg,#d97706,#f59e0b)}.summary-card.status-critical{background:linear-gradient(135deg,#dc2626,#ef4444)}.summary-card h2{font-size:20px;font-weight:700;margin-bottom:24px}.summary-stats{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin-bottom:24px}.stat-item{background:#ffffff1a;border-radius:var(--border-radius-sm);padding:16px;text-align:center}.stat-number{font-size:28px;font-weight:800;letter-spacing:-.025em;margin-bottom:4px}.stat-label{font-size:12px;opacity:.8}.summary-info{margin-bottom:20px}.summary-info p{font-size:13px;margin:6px 0;opacity:.9}.export-buttons{display:flex;flex-wrap:wrap;gap:8px}.export-buttons .btn-secondary{background:#ffffffe6;color:var(--gray-800);font-size:12px;padding:8px 16px}.component-card{border-left:3px solid var(--primary-400)}.component-card.status-healthy{border-left-color:var(--success)}.component-card.status-warning{border-left-color:var(--warning)}.component-card.status-critical{border-left-color:var(--danger)}.component-header{align-items:center;border-bottom:1px solid var(--gray-100);display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:12px}.component-header h3{color:var(--gray-800);font-size:15px;font-weight:600;margin:0}.component-stats{display:flex;font-size:12px;font-weight:600;gap:12px}.stat-passed{color:var(--success)}.stat-failed{color:var(--danger)}.stat-skipped{color:var(--gray-400)}.test-list{display:flex;flex-direction:column;gap:8px}.test-item{background:var(--gray-50);border-left:3px solid var(--gray-300);border-radius:var(--border-radius-sm);padding:12px 16px}.test-item.test-pass{border-left-color:var(--success)}.test-item.test-fail{background:var(--danger-light);border-left-color:var(--danger)}.test-item.test-warning{background:var(--warning-light);border-left-color:var(--warning)}.test-name{color:var(--gray-800);font-size:13px;font-weight:600;margin-bottom:4px}.test-message{color:var(--gray-500);font-size:12px}.test-meta{color:var(--gray-400);font-size:11px;margin-top:4px}.empty-icon{font-size:48px;margin-bottom:16px;opacity:.5}.feature-list{list-style:none;margin:24px 0;padding:0}.feature-list li{border-bottom:1px solid var(--gray-100);color:var(--gray-600);font-size:13px;padding:10px 0}.alerts-card{border-left:3px solid var(--danger)}.alert{border-left:3px solid;border-radius:var(--border-radius-sm);font-size:13px;margin-bottom:8px;padding:12px 16px}.alert-critical{background:var(--danger-light);border-left-color:var(--danger);color:#991b1b}.alert-warning{background:var(--warning-light);border-left-color:var(--warning);color:#92400e}.components-section h2{border-left:3px solid var(--primary-500);color:var(--gray-800);font-size:18px;font-weight:700;margin-bottom:20px;padding-left:12px}@media (max-width:768px){.system-diagnostics-page{padding:20px 16px}.summary-stats{grid-template-columns:repeat(2,1fr)}.component-header{align-items:flex-start;flex-direction:column;gap:8px}}.announcements-page{padding:24px}.page-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.page-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;font-size:24px;margin:0}.page-header p{color:#888;font-size:14px;margin:4px 0 0}.filters{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px}.filters select{border:1px solid #e8e8e8;border-radius:6px;font-size:14px;min-width:140px;padding:8px 12px}.announcements-list{display:flex;flex-direction:column;gap:16px}.announcement-card{background:#fff;border:1px solid #e8e8e8;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:20px}.announcement-card.inactive{opacity:.6}.announcement-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.announcement-tags{display:flex;gap:8px}.tag{border-radius:4px;color:#fff;font-size:12px;padding:4px 10px;text-transform:capitalize}.announcement-actions{display:flex;gap:8px}.announcement-actions button{background:#fff;border:1px solid #d9d9d9;border-radius:4px;cursor:pointer;font-size:12px;padding:4px 12px}.announcement-actions button.delete-btn{border-color:#ff4d4f;color:#ff4d4f}.announcement-card h3{color:#333;font-size:18px;margin:0 0 8px}.announcement-message{color:#666;font-size:14px;line-height:1.6;margin:0 0 12px}.announcement-meta{color:#999;display:flex;font-size:12px;justify-content:space-between}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal{background:#fff;border-radius:12px;max-height:90vh;max-width:500px;overflow-y:auto;padding:24px;width:90%}.modal h3{margin:0 0 20px}.modal form{display:flex;flex-direction:column;gap:16px}.modal input,.modal select,.modal textarea{border:1px solid #d9d9d9;border-radius:6px;font-size:14px;padding:10px 12px}.modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:8px}.modal-actions button{border-radius:6px;cursor:pointer;font-size:14px;padding:8px 20px}.modal-actions button:first-child{background:#fff;border:1px solid #d9d9d9}.form-row{display:flex;gap:12px}.form-row>*{flex:1 1}.checkbox-label{align-items:center;cursor:pointer;display:flex;gap:8px}.empty,.loading{color:#999;padding:40px;text-align:center}.alerts-page{padding:24px}.alerts-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-top:20px}.alert-card{background:#fff;border:1px solid #e8e8e8;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:20px}.alert-card.disabled{opacity:.6}.alert-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.alert-type{border-radius:4px;color:#fff;font-size:12px;padding:4px 10px;text-transform:capitalize}.alert-card h3{color:#333;font-size:16px;margin:0 0 12px}.alert-details{color:#666;font-size:13px;margin-bottom:12px}.alert-details p{margin:4px 0}.alert-actions{display:flex;gap:8px}.alert-actions button{background:#fff;border:1px solid #d9d9d9;border-radius:4px;cursor:pointer;font-size:12px;padding:6px 12px}.alert-actions button.delete-btn{border-color:#ff4d4f;color:#ff4d4f}.toggle{height:24px;position:relative;width:44px}.toggle input{height:0;opacity:0;width:0}.slider{background-color:#ccc;border-radius:24px;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{background-color:#fff;border-radius:50%;bottom:3px;content:"";height:18px;left:3px;width:18px}input:checked+.slider{background-color:#667eea}input:checked+.slider:before{transform:translateX(20px)}.header-actions{display:flex;gap:12px}.btn-secondary{background:#fff;border:1px solid #667eea;border-radius:8px;color:#667eea;cursor:pointer;font-size:14px;padding:10px 20px}.btn-secondary:disabled{cursor:not-allowed;opacity:.6}.analytics-page{padding:24px}.scores-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin-top:20px}.health-card{background:#fff;border:1px solid #e8e8e8;border-radius:12px;box-shadow:0 2px 8px #00000014;gap:16px;padding:20px}.health-card,.health-score-circle{display:flex;flex-direction:column}.health-score-circle{align-items:center;border:4px solid #52c41a;border-radius:50%;height:80px;justify-content:center;width:80px}.health-score-circle .score{font-size:24px;font-weight:700}.health-score-circle .label{color:#999;font-size:10px}.health-info{display:flex;flex-direction:column;gap:4px}.health-info h4{color:#333;font-size:16px;margin:0}.tenant-code{color:#888;font-size:12px}.status{border-radius:4px;color:#fff;display:inline-block;font-size:11px;padding:2px 8px;width:-webkit-fit-content;width:fit-content}.health-factors{gap:8px}.factor,.health-factors{display:flex;flex-direction:column}.factor{gap:4px}.factor span{color:#666;font-size:12px}.factor-bar{background:#f0f0f0;border-radius:3px;height:6px;overflow:hidden}.factor-fill{border-radius:3px;height:100%;transition:width .3s}.tabs{border-bottom:1px solid #e8e8e8;display:flex;gap:8px;margin-bottom:24px;padding-bottom:12px}.tabs button{background:none;border:none;border-radius:6px;color:#666;cursor:pointer;font-size:14px;padding:8px 16px}.tabs button.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.comparison-selector{background:#fafafa;border-radius:12px;margin-bottom:24px;padding:20px}.comparison-selector h4{margin:0 0 16px}.client-checkboxes{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px}.comparison-table table{background:#fff;border-collapse:collapse;border-radius:12px;overflow:hidden;width:100%}.comparison-table td,.comparison-table th{border-bottom:1px solid #e8e8e8;padding:12px 16px;text-align:left}.comparison-table th{background:#fafafa;color:#666;font-size:13px;font-weight:600}.comparison-table td{font-size:14px}.main-layout{display:flex;height:100vh;overflow:hidden}.sidebar{background:var(--sidebar-bg);border-right:1px solid #ffffff0f;color:#fff;display:flex;flex-direction:column;position:relative;transition:width .3s cubic-bezier(.4,0,.2,1);width:var(--sidebar-width);z-index:1000}.sidebar.closed{width:var(--sidebar-collapsed)}.sidebar-header{align-items:center;border-bottom:1px solid #ffffff0f;display:flex;justify-content:space-between;min-height:64px;padding:20px}.sidebar-header h2{color:#fff;font-size:15px;font-weight:700;letter-spacing:-.01em;overflow:hidden;white-space:nowrap}.sidebar.closed .sidebar-header h2{font-size:20px}.toggle-btn{align-items:center;background:#ffffff14;border:none;border-radius:6px;color:var(--gray-400);cursor:pointer;display:flex;font-size:12px;height:28px;justify-content:center;transition:var(--transition);width:28px}.toggle-btn:hover{background:#ffffff1f;color:#fff}.sidebar-nav{flex:1 1;overflow-y:auto;padding:12px 0}.nav-item{align-items:center;border-radius:8px;color:var(--sidebar-text);cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:12px;margin:2px 8px;padding:10px 20px;position:relative;text-decoration:none;transition:var(--transition)}.nav-item:hover{background:var(--sidebar-hover);color:var(--sidebar-text-active)}.nav-item.active{background:var(--sidebar-active);color:var(--primary-400)}.nav-item.active:before{background:var(--primary-400);border-radius:0 3px 3px 0;content:"";height:20px;left:-8px;position:absolute;top:50%;transform:translateY(-50%);width:3px}.nav-item .icon{font-size:18px;line-height:1;min-width:24px;text-align:center}.sidebar.closed .nav-item{justify-content:center;margin:2px 8px;padding:12px}.sidebar.closed .nav-item span:not(.icon),.sidebar.closed .nav-item.active:before{display:none}.sidebar-footer{border-top:1px solid #ffffff0f;padding:12px}.logout-btn{align-items:center;background:#0000;border:1px solid #ffffff14;border-radius:8px;color:var(--sidebar-text);cursor:pointer;display:flex;font-family:inherit;font-size:13px;font-weight:500;gap:12px;padding:10px 12px;transition:var(--transition);width:100%}.logout-btn:hover{background:#ef44441a;border-color:#ef444433;color:#fca5a5}.sidebar.closed .logout-btn{justify-content:center;padding:10px}.sidebar.closed .logout-btn span:not(.icon){display:none}.main-content{display:flex;flex:1 1;flex-direction:column;overflow:hidden;transition:margin-left .3s ease}.main-content.sidebar-closed,.main-content.sidebar-open{margin-left:0}.top-bar{align-items:center;background:#fff;border-bottom:1px solid var(--border-color);display:flex;flex-shrink:0;height:var(--topbar-height);justify-content:space-between;padding:0 32px;z-index:999}.top-bar-left h1{color:var(--gray-800);font-size:16px;font-weight:600;letter-spacing:-.01em}.top-bar-right{gap:16px}.top-bar-right,.user-info{align-items:center;display:flex}.user-info{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:9999px;color:var(--gray-500);font-size:13px;font-weight:500;gap:8px;padding:6px 12px}.user-info:before{background:var(--success);border-radius:50%;content:"";flex-shrink:0;height:8px;width:8px}.content-area{background:var(--content-bg);flex:1 1;overflow-y:auto}.sidebar-nav::-webkit-scrollbar{width:3px}.sidebar-nav::-webkit-scrollbar-track{background:#0000}.sidebar-nav::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:2px}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:#ffffff40}@media (max-width:768px){.sidebar{height:100vh;left:0;position:fixed;top:0;z-index:2000}.sidebar.closed{left:-260px;width:var(--sidebar-width)}.main-content{margin-left:0!important}.top-bar{padding:0 16px}.top-bar-left h1{font-size:14px}}
/*# sourceMappingURL=main.08e8e1a6.css.map*/