body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.Main{flex-direction:column}.Main,.layout-container{display:flex;min-height:100vh}.layout-container{width:100%}.page-container{flex-grow:1;margin-left:250px;overflow-y:auto;padding:20px}:root{--bg-page:#f1f5f2;--bg-header:linear-gradient(135deg,#5ba08a,#7cc5b1);--bg-dropdown:#fff;--bg-secondary:#fff;--bg-active:#5ba08a33;--bg-hover:#5ba08a1a;--text-primary:#334368;--text-secondary:#718096;--hover-bg:#f3f4f6;--hover-text:#111827;--accent:linear-gradient(135deg,#5ba08a,#7cc5b1);--shadow:0 1px 3px #00000014;--card-bg:#fff;--logo-text:#1e40af;--control-border:#00000014;--control-bg:#fffffffa;--control-shadow:none;--control-hover:#0000000a;--control-text:#111;--chart-height:300px;--max-width:1280px;--border-color:#e5e7eb;--border-divider:#e9ecf0;--border-secondary:#d4e0d9;--border-focus:#5ba08a;--border-primary:#5ba08a47;--border-hover:#c1d4ca;--btn-text-color:#fff;--accent-primary:#5ba08a;--accent-secondary:#7cc5b1;--accent-hover:linear-gradient(135deg,#5ba08a,#7cc5b1);--sidebar-bg:#fff;--sidebar-menu:linear-gradient(135deg,#5ba08a,#47776a);--sidebar-brand-text:#fff;--success:#6b9d85;--warning:#d4a574;--danger:#c37b7b;--info:#7b9fc3;--bg-input:#f7faf8;--bg-disabled:#e5ebe7;--text-muted:#6e808a;--text-white:#fff;--shadow-card:0 4px 16px #5ba08a1f;--transition:all 0.3s ease}.dark{--bg-page:#0f172a;--bg-header:#1e293b;--bg-dropdown:#1e293b;--bg-secondary:#2d3748;--bg-hover:#2c2c2c;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--border-color:#2d3748;--hover-bg:#94a3b8;--hover-text:#fff;--accent:#3b82f6;--shadow:0 1px 4px #0000004d;--card-bg:#1f2937;--logo-text:#60a5fa;--control-border:#ffffff0f;--control-bg:#ffffff05;--control-shadow:none;--control-hover:#94a3b8;--control-text:#fff;--border-divider:#4c4d50;--submenu-hover:#9dbaf6;--accent-hover:#60a5fa;--btn-text-color:#fff}.divider-border{background:#e9ecf0;background:var(--border-divider);border:0;height:2px;margin:24px 0}.divider-primary{background:#5ba08a;background:var(--accent-primary);border:0;margin:24px 0}.divider-secondary{background:#7cc5b1;background:var(--accent-secondary);border:0;height:2px;margin:24px 0}.banner-slider{align-items:center;display:flex;flex-direction:column;margin:0 auto;padding:24px 0}.banner-card,.banner-slider{position:relative;width:100%}.banner-card{aspect-ratio:21/9;background:var(--bg-page);border-radius:16px;box-shadow:0 12px 32px #0000002e;max-width:1200px;max-width:var(--max-width,1200px);overflow:hidden;transition:transform .8s ease,opacity .8s ease}.banner-img{height:100%;inset:0;object-fit:cover;position:absolute;width:100%}.banner-buttons{bottom:24px;display:flex;gap:12px;left:24px;position:absolute}.banner-btn{background:#ffffffd9;border:none;border-radius:8px;cursor:pointer;font-weight:600;padding:10px 18px;transition:.2s}.banner-btn:hover{background:#fff}.banner-arrow{align-items:center;background:#fffc;border:none;border-radius:50%;box-shadow:0 4px 12px #00000026;cursor:pointer;display:flex;font-size:24px;height:42px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:background .2s;width:42px;z-index:10}.banner-arrow:hover{background:#fff}.banner-arrow.left{left:8px}.banner-arrow.right{right:8px}.banner-dots{bottom:30px;display:flex;gap:10px;left:50%;position:absolute;transform:translateX(-50%)}.banner-dot{background:#ddd;border:2px solid #fff;border-radius:50%;box-sizing:border-box;cursor:pointer;height:10px;transition:.25s;width:10px}.banner-dot:hover{transform:scale(1.3)}.banner-dot.active{background:#666;border:2px solid #fff;border-radius:8px;width:26px}.slide-next{animation:slideNext .8s ease forwards}@keyframes slideNext{0%{opacity:.7;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.slide-prev{animation:slidePrev .8s ease forwards}@keyframes slidePrev{0%{opacity:.7;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.page{background:var(--bg-page);box-sizing:border-box;color:var(--text-primary);display:flex;flex:1 1;flex-direction:column;gap:30px;margin:0 auto;max-width:var(--max-width);min-height:100vh;overflow-x:hidden;padding:2rem 3rem}.home-section-image,.page{width:100%}.section-img{display:block;height:auto;width:100%}.announcements-section{margin-bottom:32px}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.section-title{color:var(--text-primary);font-size:24px;font-weight:700}.view-all-btn{align-items:center;background:#0000;border:1px solid var(--border-secondary);border-radius:10px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:10px 20px;transition:var(--transition)}.view-all-btn:hover{background:var(--bg-hover);border-color:var(--accent-primary);color:var(--accent-primary)}.view-all-btn svg{stroke:currentColor;height:16px;width:16px}.search-box-compact{align-items:center;box-sizing:border-box;display:flex;gap:8px;position:relative;width:300px}.search-icon-compact{stroke:var(--text-muted);height:18px;left:14px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);width:18px}.search-input-compact{background:var(--bg-input);border:1px solid var(--border-secondary);border-radius:10px;color:var(--text-primary);flex:1 1 auto;font-size:14px;min-width:0;padding:10px 16px 10px 44px;transition:var(--transition);width:100%}.search-input-compact:focus{background:var(--bg-secondary);border-color:var(--border-focus);box-shadow:0 0 0 3px #5ba08a1a;outline:none}.search-input-compact::placeholder{color:var(--text-muted)}.announcements-table-container{background:var(--card-bg);border:1px solid var(--border-secondary);border-radius:16px;box-shadow:var(--shadow-card);overflow:hidden}.announcements-table{border-collapse:collapse;width:100%}.announcements-table thead{background:var(--bg-input);border-bottom:2px solid var(--border-secondary)}.announcements-table th{color:var(--text-secondary);font-size:14px;font-weight:600;letter-spacing:.5px;padding:18px 24px;text-align:left;text-transform:uppercase}.announcements-table tbody tr{border-bottom:1px solid var(--border-secondary);cursor:pointer;transition:var(--transition)}.announcements-table tbody tr:last-child{border-bottom:none}.announcements-table tbody tr:hover{background:var(--bg-hover)}.announcements-table td{padding:20px 24px;vertical-align:middle}.announcement-thumbnail{background:var(--bg-input);border-radius:8px;box-shadow:0 2px 8px #0000001a;height:60px;object-fit:cover;width:80px}.announcement-type{align-items:center;background:var(--bg-active);border-radius:8px;color:var(--accent-primary);display:inline-flex;font-size:13px;font-weight:600;padding:6px 14px;white-space:nowrap}.announcement-type.system{background:#7b9fc333;color:var(--info)}.announcement-type.maintenance{background:#d4a57433;color:var(--warning)}.announcement-title-cell{max-width:350px}.announcement-table-title{color:var(--text-primary);font-size:16px;font-weight:600;line-height:1.4;margin-bottom:8px}.announcement-table-excerpt{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-secondary);display:-webkit-box;font-size:14px;line-height:1.5;overflow:hidden}.announcement-date-cell{color:var(--text-muted);font-size:14px;white-space:nowrap}.date-icon{stroke:currentColor;height:16px;margin-right:6px;vertical-align:middle;width:16px}.announcement-action{display:flex;gap:8px}.action-btn{align-items:center;background:#0000;border:1px solid var(--border-secondary);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:13px;gap:6px;justify-content:center;min-width:80px;padding:8px 16px;transition:var(--transition);white-space:nowrap}.action-btn:hover{background:var(--bg-hover);border-color:var(--accent-primary);color:var(--accent-primary)}.action-btn svg{stroke:currentColor;flex-shrink:0;height:16px;width:16px}.empty-state{background:var(--card-bg);border:1px solid var(--border-secondary);border-radius:16px;padding:60px 20px;text-align:center}.empty-icon{align-items:center;background:var(--bg-input);border-radius:50%;display:flex;height:80px;justify-content:center;margin:0 auto 20px;width:80px}.empty-icon svg{stroke:var(--text-muted);height:40px;width:40px}.empty-title{color:var(--text-primary);font-size:18px;font-weight:600;margin-bottom:8px}.empty-text{color:var(--text-muted);font-size:14px}.pagination-container{align-items:center;background:var(--card-bg);border:1px solid var(--border-secondary);border-radius:0 0 16px 16px;border-top:none;display:flex;justify-content:space-between;margin-top:-1px;padding:20px 24px}.pagination-info{color:var(--text-muted);font-size:14px}.pagination-info span{color:var(--text-primary);font-weight:600}.pagination-controls{gap:8px}.page-btn,.pagination-controls{align-items:center;display:flex}.page-btn{background:var(--bg-input);border:1px solid var(--border-secondary);border-radius:8px;color:var(--text-secondary);font-size:14px;font-weight:500;justify-content:center;min-width:40px;padding:8px 14px;transition:var(--transition)}.page-btn:hover:not(:disabled):not(.active){background:var(--bg-hover);border-color:var(--accent-primary);color:var(--accent-primary);transform:translateY(-2px)}.page-btn.active,.page-btn.active:hover{background:var(--accent);border-color:var(--accent-primary);box-shadow:0 4px 12px #5ba08a4d;color:var(--text-white);font-weight:600}.page-btn:disabled{opacity:.4}.page-btn svg{stroke:currentColor}.menu-icon{align-items:center;display:flex;height:24px;justify-content:center;width:24px}.dot{color:#6c7b88;color:var(--sidebar-dot,#6c7b88);display:inline-block;flex:0 0 10px;margin-left:-15px;margin-right:10px;vertical-align:middle}:root{--sidebar-width:290px}@media (max-width:1024px){.sidebar{width:270px}}@keyframes swing{0%{transform:rotate(0deg)}10%{transform:rotate(10deg)}30%{transform:rotate(0deg)}40%{transform:rotate(-10deg)}50%{transform:rotate(0deg)}60%{transform:rotate(5deg)}70%{transform:rotate(0deg)}80%{transform:rotate(-5deg)}to{transform:rotate(0deg)}}@keyframes sonar{0%{opacity:1;transform:scale(.9)}to{opacity:0;transform:scale(2)}}body{font-size:.9rem}#close-sidebar,#show-sidebar,.page-wrapper .page-content,.page-wrapper .sidebar-wrapper,.sidebar-wrapper .sidebar-brand>a,.sidebar-wrapper .sidebar-dropdown>a:after,.sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu li a:before,.sidebar-wrapper .sidebar-menu ul li a,.sidebar-wrapper .sidebar-search .input-group-text,.sidebar-wrapper .sidebar-search input.search-menu,.sidebar-wrapper ul li a i{transition:all .3s ease}.page-wrapper{height:100vh}.page-wrapper .theme{border-radius:4px;display:inline-block;height:40px;margin:2px;width:40px}.page-wrapper .theme.chiller-theme{background:#000}.page-wrapper.toggled .sidebar-wrapper{left:0}@media screen and (min-width:768px){.page-wrapper.toggled .page-content{padding-left:200px}}#show-sidebar{align-items:center;background:var(--sidebar-menu);border:none;border-radius:4px 4px 4px 4px;color:#fff;cursor:pointer;display:flex;height:35px;justify-content:center;left:0;position:fixed;top:40px;width:35px;z-index:1100}.page-wrapper.toggled #show-sidebar{left:230px;left:calc(var(--sidebar-width) - 60px)}.sidebar-wrapper{background:var(--sidebar-bg);display:flex;flex-direction:column;height:100%;height:100vh;left:-290px;left:calc(var(--sidebar-width)*-1);overflow:hidden;padding:0;position:fixed;top:0;transition:left .3s ease;width:290px;width:var(--sidebar-width);z-index:1000}.sidebar-wrapper ul{list-style-type:none;margin:0;padding:0}.sidebar-wrapper a{text-decoration:none}.sidebar-content{height:calc(100% - 30px);max-height:calc(100% - 30px);overflow-x:hidden;overflow-y:auto}.sidebar-content.desktop{overflow-y:hidden}.sidebar-brand{background:var(--bg-header);justify-content:space-between}.brand-link,.sidebar-brand{align-items:center;display:flex}.brand-link{color:inherit;text-decoration:none}.brand-text{display:flex;flex-direction:column;margin-left:15px}.main-title{font-size:1.3rem;font-weight:700;margin-bottom:3px}.main-title,.sub-title{color:var(--sidebar-brand-text)}.sub-title{font-size:.75rem}.sidebar-wrapper .sidebar-brand{align-items:center;display:flex;padding:32px 20px}.sidebar-wrapper .sidebar-brand>a{flex-grow:1;font-weight:700}.sidebar-wrapper .sidebar-brand #close-sidebar{cursor:pointer;font-size:20px}.sidebar-header{padding:10px 15px}.sidebar-wrapper .sidebar-header{cursor:default}.sidebar-wrapper .sidebar-header .sidebar-header-clickable,.sidebar-wrapper .sidebar-header .sidebar-header-clickable *{cursor:pointer}.sidebar-header-clickable{align-items:center;border-radius:10px;cursor:pointer;display:flex;gap:12px;justify-content:space-between;outline:none;padding:8px;transition:background .16s ease,transform .12s ease,box-shadow .16s ease;width:100%}.sidebar-header-clickable:focus,.sidebar-header-clickable:hover{background:#0000000a;box-shadow:0 4px 10px #0000000f;transform:translateY(-1px)}.sidebar-header-left{flex:1 1}.sidebar-header-icons{justify-content:center;min-width:36px}.circle-avatar{align-items:center;background:var(--bg-header);border-radius:50%;color:#fff;display:flex;font-size:18px;font-weight:700;height:45px;justify-content:center;margin-right:12px;overflow:hidden;padding:0;width:45px}.sidebar-wrapper .sidebar-header{overflow:hidden;padding:20px}.brand-pic{align-items:center;background:linear-gradient(145deg,#fff,#f0f7f4);border-radius:13px;box-shadow:0 4px 12px #5ba08a4d;color:#5ba08a;display:flex;font-size:30px;height:52px;justify-content:center;margin-left:6px;width:52px}.brand-pic img{height:100%;object-fit:cover;width:100%}.sidebar-wrapper .sidebar-header .user-pic{border-radius:12px;float:left;margin-right:15px;overflow:hidden;width:60px}.sidebar-wrapper .sidebar-header .user-pic img{height:100%;object-fit:cover;width:100%}.sidebar-wrapper .sidebar-header .user-info{float:left}.sidebar-wrapper .sidebar-header .user-info>span{display:block}.sidebar-wrapper .sidebar-header .user-info .user-role{font-size:12px}.sidebar-wrapper .sidebar-header .user-info .user-status{font-size:11px;margin-top:4px}.sidebar-wrapper .sidebar-header .user-info .user-status i{color:#5cb85c;font-size:8px;margin-right:4px}.sidebar-wrapper .sidebar-search>div{padding:10px 20px}.sidebar-wrapper .sidebar-menu{padding-bottom:10px}.sidebar-wrapper .sidebar-menu .header-menu span{display:inline-block;font-size:14px;font-weight:700;padding:15px 20px 5px}.sidebar-wrapper .sidebar-menu ul li a{display:inline-block;padding:8px 20px;position:relative;text-decoration:none;width:100%}.sidebar-wrapper .sidebar-menu ul li a i{border-radius:4px;font-size:12px;height:30px;line-height:30px;margin-right:10px;text-align:center;width:30px}.sidebar-wrapper .sidebar-menu ul li a:hover>i:before{animation:swing .5s ease-in-out 1 alternate;display:inline-block}.sidebar-wrapper .sidebar-dropdown>a{padding-right:40px;position:relative}.sidebar-wrapper .sidebar-menu .sidebar-dropdown>a{align-items:center;display:flex;justify-content:space-between;padding-right:16px;position:relative}.sidebar-wrapper .sidebar-menu .sidebar-dropdown>a:after{align-items:center;content:"";display:inline-flex;font-family:Font Awesome\ 5 Free;font-weight:900;margin-left:auto;margin-right:60px;transition:transform .3s ease}.sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu ul{padding:5px 0}.sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu li{font-size:13px;padding-left:50px}.sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu li a:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"";display:inline-block;font-family:Font Awesome\ 5 Free;font-size:8px;font-style:normal;font-weight:400;margin-right:10px;text-align:center;text-decoration:none}.sidebar-dropdown{position:relative}.sidebar-dropdown>a,.sidebar-dropdown>a>i,.sidebar-dropdown>a>span{display:inline-block}.sidebar-dropdown .arrow{position:absolute;right:5rem;top:50%;transform:translateY(-50%) rotate(0deg);transform-origin:center;transition:transform .3s ease}.sidebar-dropdown>a{align-items:center;display:flex}.arrow{margin-left:auto;transition:transform .3s ease}.sidebar-dropdown.active .arrow{transform:rotate(90deg)}.sidebar-dropdown>a,.sidebar-submenu li>a{align-items:center;border-radius:8px;box-sizing:border-box;color:var(--text-primary);display:flex;padding:.5rem 1rem;text-decoration:none;transition:background .2s;width:100%}.sidebar-dropdown>a:hover,.sidebar-submenu li>a.selected:hover,.sidebar-submenu li>a:hover{background:var( --bg-hover)}.sidebar-dropdown.selected>a,.sidebar-submenu li>a.selected{background:var(--bg-active)}.sidebar-wrapper .sidebar-menu ul li a span.badge,.sidebar-wrapper .sidebar-menu ul li a span.label{float:right;margin-left:5px;margin-top:8px}.sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu li a .badge,.sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu li a .label{float:right;margin-top:0}.sidebar-wrapper .sidebar-menu .sidebar-submenu{display:none}.sidebar-wrapper .sidebar-menu .sidebar-dropdown.active>a:after{right:17px;transform:rotate(90deg)}.badge-sonar{background:#980303;border-radius:50%;display:inline-block;height:8px;position:absolute;top:0;width:8px}.badge-sonar:after{animation:sonar 1.5s infinite;border:2px solid #980303;border-radius:50%;content:"";height:100%;left:0;opacity:0;position:absolute;top:0;width:100%}.page-content{background-color:#f0f2f5;min-height:100vh;overflow-x:hidden;padding-left:0;position:relative;transition:padding-left .3s ease;width:100%}.page-wrapper .page-content{display:inline-block;padding-left:0;padding-top:20px;width:100%}.page-wrapper .page-content>div{padding:20px 40px}.page-wrapper .page-content{overflow-x:hidden}::-webkit-scrollbar{height:7px;width:5px}::-webkit-scrollbar-button{height:0;width:0}::-webkit-scrollbar-thumb{background:#525965;border:0 #fff;border-radius:0}::-webkit-scrollbar-thumb:active,::-webkit-scrollbar-thumb:hover{background:#525965}::-webkit-scrollbar-track{background:#0000;border:0 #fff;border-radius:50px}::-webkit-scrollbar-track:active,::-webkit-scrollbar-track:hover{background:#0000}::-webkit-scrollbar-corner{background:#0000}.sidebar.reserve-scrollbar{box-sizing:border-box;padding-right:16px;padding-right:var(--scrollbar-w,16px)}.chiller-theme .sidebar-wrapper{background:var(--sidebar-bg)}.chiller-theme .sidebar-wrapper .sidebar-header,.chiller-theme .sidebar-wrapper .sidebar-menu,.chiller-theme .sidebar-wrapper .sidebar-search{border-top:1px solid var(--border-divider)}.chiller-theme .sidebar-wrapper .sidebar-search .input-group-text,.chiller-theme .sidebar-wrapper .sidebar-search input.search-menu{border-color:#0000;box-shadow:none}.chiller-theme .sidebar-footer>a,.chiller-theme .sidebar-wrapper .sidebar-brand>a,.chiller-theme .sidebar-wrapper .sidebar-header .user-info .user-role,.chiller-theme .sidebar-wrapper .sidebar-header .user-info .user-status,.chiller-theme .sidebar-wrapper .sidebar-menu ul li a,.chiller-theme .sidebar-wrapper .sidebar-search .input-group-text,.chiller-theme .sidebar-wrapper .sidebar-search input.search-menu{color:var(--text-primary)}.chiller-theme .sidebar-footer>a:hover i,.chiller-theme .sidebar-wrapper .sidebar-brand>a:hover,.chiller-theme .sidebar-wrapper .sidebar-header .user-info,.chiller-theme .sidebar-wrapper .sidebar-menu .sidebar-dropdown.active>a,.chiller-theme .sidebar-wrapper .sidebar-menu ul li:hover>a{color:var(--text-secondary)}.page-wrapper.chiller-theme.toggled #close-sidebar{color:#bdbdbd}.page-wrapper.chiller-theme.toggled #close-sidebar:hover{color:#fff}.chiller-theme .sidebar-wrapper .sidebar-dropdown .sidebar-submenu li a:hover:before,.chiller-theme .sidebar-wrapper .sidebar-menu .sidebar-dropdown.active a i,.chiller-theme .sidebar-wrapper .sidebar-search input.search-menu:focus+span,.chiller-theme .sidebar-wrapper ul li:hover a i{color:#16c7ff;text-shadow:0 0 10px #16c7ff80}.chiller-theme .sidebar-wrapper .sidebar-menu .sidebar-dropdown div,.chiller-theme .sidebar-wrapper .sidebar-menu ul li a i,.chiller-theme .sidebar-wrapper .sidebar-search .input-group-text,.chiller-theme .sidebar-wrapper .sidebar-search input.search-menu{background:var(--bg-dropdown)}.chiller-theme .sidebar-wrapper .sidebar-menu .header-menu span{color:#6c7b88}.chiller-theme .sidebar-footer>a:first-child{border-left:none}.chiller-theme .sidebar-footer>a:last-child{border-right:none}.layout-container.sidebar-open .page-container{margin-left:290px;margin-left:var(--sidebar-width);transition:margin-left .3s ease}.layout-container.sidebar-closed .page-container{margin-left:0;transition:margin-left .3s ease}.sidebar-wrapper.collapsed{width:0!important}.sidebar-wrapper.open{width:290px!important;width:var(--sidebar-width)!important}.sidebar-menu li.active>a{background:var(--bg-active);border-radius:8px;color:var(--text-primary)!important;font-weight:700}.sidebar-submenu li.active>a{background:#1e90ff33;color:#1e90ff!important;font-weight:600}.sidebar-dropdown>a{background:none}.sidebar-dropdown.open>.sidebar-submenu{display:block}.default-dot{display:inline-block;font-size:12px;text-align:center;width:10px}.menu-link{align-items:center;display:flex;gap:15px;padding:.5rem 15px!important;position:relative;text-decoration:none}.menu-link i{text-align:center;width:20px}.menu-link .arrow{align-items:center;display:flex;justify-content:center;position:absolute;right:12px;top:50%;transform:translateY(-50%) rotate(0deg);transition:transform .25s ease}.menu-link .arrow.open{transform:translateX(-12%) translateY(-33%) rotate(90deg)}.sidebar .sidebar-dropdown{margin:12px 0}.sidebar .menu-link{align-items:center;display:flex;margin:0 18px;padding:10px 14px;width:calc(100% - 20px)!important}.sidebar-header{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:12px 16px}.sidebar-header-left{align-items:center;display:flex;gap:10px}.sidebar-header-icons{align-items:center;display:flex;margin-left:12px}.notification-wrapper{align-items:center;display:flex;height:28px;justify-content:center;position:relative;width:28px}.notification-red-dot{background:#e74c3c;border:.1px solid #fff;border-radius:50%;box-shadow:0 1px 2px #0003;height:7px;pointer-events:none;position:absolute;right:2px;top:2px;transform:translate(-15%,10%);width:7px}.header-modal-overlay{align-items:center;background:#00000059;display:flex;inset:0;justify-content:center;position:fixed;z-index:1200}.header-modal{background:#fff;border-radius:8px;box-shadow:0 12px 30px #00000040;max-width:calc(100% - 32px);padding:16px;position:relative;width:360px}.header-modal-close{background:#0000;border:none;cursor:pointer;font-size:20px;position:absolute;right:8px;top:6px}.header-modal-body{padding-top:8px}.sidebar-header:focus{outline:2px solid #1b86ff40;outline-offset:2px}@media (max-width:640px){.header-modal{width:92%}}.toggle-switch{display:inline-block;height:24px;position:relative;width:46px}.toggle-switch input{height:0;opacity:0;width:0}.slider{background-color:#ccc;border-radius:34px;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.3s}.slider:before{background-color:#fff;border-radius:50%;bottom:3px;content:"";height:18px;left:3px;width:18px}input:checked+.slider{background-color:#4caf50}input:checked+.slider:before{transform:translateX(22px)}.sidebar-footer{border-top:1px solid var(--border-color);display:flex;flex-direction:column;gap:8px;margin-top:auto;padding:16px}.language-section{position:relative;width:100%}.language-selector{border:1px solid #ccc;border-radius:8px;cursor:pointer;justify-content:space-between;padding:12px}.language-selector,.theme-info{align-items:center;display:flex}.theme-info{gap:8px}.language-dropdown{background:#fff;border-radius:8px;margin-top:5px}.language-option{padding:10px 12px}.language-option:hover{background:#f0f0f0}.arrow.open{transform:rotate(90deg);transition:transform .2s ease}.language-dropdown{background:var(--sidebar-bg);border:1px solid #ccc;border-radius:6px;margin-top:6px;overflow:hidden}.language-option{cursor:pointer;padding:10px 14px;transition:background .2s ease}.language-option:hover{background:#0000000d}.language-selector .open{transform:rotate(90deg)}.language-arrow{height:18px;width:18px}.theme-label{color:var(--text-primary);font-size:.9rem;padding:0 6px}.logout-btn{align-items:center;border:1px solid #ccc;border-radius:12px;cursor:pointer;display:flex;gap:10px;justify-content:center;margin:0 5px;padding:12px 0;transition:background .2s ease;width:95%}.logout-btn svg{height:20px;width:20px}.logout-btn span{font-size:.9rem}.language-selector,.theme-toggle{align-items:center;border:1px solid #ccc;border-radius:12px;cursor:pointer;display:flex;height:48px;justify-content:space-between;margin:0 5px;padding:12px;transition:background .2s ease}.language-selector:hover,.logout-btn:hover,.theme-toggle:hover{background:var(--hover-bg)}.lang-popup-container{z-index:9999}.lang-popup{background:#fff;border:1px solid #0000000f;border-radius:6px;box-shadow:0 8px 24px #00000029;font-size:14px;min-width:200px;overflow:hidden}.lang-popup-header{align-items:center;border-bottom:1px solid #eee;display:flex;font-weight:600;justify-content:space-between;padding:8px 12px}.lang-popup-close{background:#0000;border:none;cursor:pointer;font-size:18px}.lang-list{list-style:none;margin:0;padding:6px 0}.lang-item{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:8px 12px}.lang-item:hover{background:#f7f7f7}.lang-item.active{background:#f0f8ff;font-weight:600}.lang-checked{color:#1b86ff;margin-left:8px}.login-page{background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014;padding:32px 28px;text-align:center;width:350px}.login-page h2{color:#333;font-size:22px;font-weight:600;margin-bottom:20px}.login-page form{display:flex;flex-direction:column;gap:12px}.login-page input{border:1px solid #d1d5db;border-radius:8px;font-size:15px;outline:none;padding:12px 14px;transition:.2s;width:100%}.login-page input:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633}.login-page button{background:#1e90ff;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px;transition:.2s;width:100%}.login-page button:hover{background:#187ae0}.login-page p{font-size:14px;margin-top:10px}*{box-sizing:border-box;margin:0;padding:0}.login-root{align-items:center;background:#eff6ff;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;justify-content:center;min-height:100vh;overflow:hidden;padding:20px;position:relative}.login-bg-decoration{height:100%;overflow:hidden;position:absolute;width:100%;z-index:0}.login-decoration-circle{border-radius:50%;opacity:.5;position:absolute}.login-decoration-circle:first-child{animation:float1 15s ease-in-out infinite;background:linear-gradient(135deg,#3b82f6,#1e40af);height:500px;right:-100px;top:-250px;width:500px}.login-decoration-circle:nth-child(2){animation:float2 18s ease-in-out infinite;background:linear-gradient(135deg,#60a5fa,#2563eb);bottom:-200px;height:400px;left:-150px;width:400px}.login-decoration-circle:nth-child(3){animation:float3 20s ease-in-out infinite;background:linear-gradient(135deg,#93c5fd,#3b82f6);height:300px;left:-150px;top:50%;width:300px}@keyframes float1{0%,to{transform:translate(0) rotate(0deg)}50%{transform:translate(30px,30px) rotate(180deg)}}@keyframes float2{0%,to{transform:translate(0) rotate(0deg)}50%{transform:translate(-40px,-40px) rotate(-180deg)}}@keyframes float3{0%,to{transform:translate(0) scale(1)}50%{transform:translate(50px,-50px) scale(1.1)}}.login-container{max-width:950px;position:relative;width:100%;z-index:1}.login-card-wrapper{grid-gap:40px;align-items:center;display:grid;gap:40px;grid-template-columns:1fr 1fr}.login-info-card{background:#fff;border-radius:32px;box-shadow:0 20px 60px #3b82f626;overflow:hidden;padding:50px 40px;position:relative}.login-info-card:before{background:linear-gradient(90deg,#3b82f6,#1e40af);content:"";height:6px;left:0;position:absolute;right:0;top:0}.login-info-content{text-align:center}.login-info-logo{align-items:center;animation:pulse 3s ease-in-out infinite;background:linear-gradient(135deg,#3b82f6,#1e40af);border-radius:24px;box-shadow:0 12px 40px #3b82f666;color:#fff;display:flex;font-size:48px;height:90px;justify-content:center;margin:0 auto 32px;width:90px}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.login-info-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#1e40af);-webkit-background-clip:text;background-clip:text;font-size:32px;font-weight:800;margin-bottom:16px}.login-info-description{color:#64748b;font-size:16px;line-height:1.7;margin-bottom:40px}.login-info-stats{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(3,1fr);margin-top:40px}.login-stat-item{text-align:center}.login-stat-number{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#1e40af);-webkit-background-clip:text;background-clip:text;font-size:32px;font-weight:800;margin-bottom:8px}.login-stat-label{color:#64748b;font-size:13px;font-weight:600}.login-form-card{background:#fff;border-radius:32px;box-shadow:0 20px 60px #3b82f626;padding:50px 40px;position:relative;transition:all .3s ease}.login-form-card:hover{box-shadow:0 30px 80px #3b82f633;transform:translateY(-5px)}.login-form-header{margin-bottom:36px;text-align:center}.login-form-header h2{color:#1f2937;font-size:28px;font-weight:700;margin-bottom:8px}.login-form-header p{color:#64748b;font-size:15px}.login-tabs{background:#f8fafc;border-radius:14px;display:flex;gap:8px;margin-bottom:32px;padding:6px}.login-tab{background:#0000;border:none;border-radius:10px;color:#64748b;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:12px;transition:all .3s ease}.login-tab.active{background:linear-gradient(135deg,#3b82f6,#1e40af);box-shadow:0 4px 12px #3b82f64d;color:#fff}.login-form-section{display:none}.login-form-section.active{animation:fadeInUp .4s ease;display:block}@keyframes fadeInUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.login-form-group{margin-bottom:20px}label{display:block;font-size:13px;font-weight:600;letter-spacing:.3px;margin-bottom:8px}input,label{color:#1e293b}input{background:#fafbfc;border:2px solid #e2e8f0;border-radius:12px;font-size:14px;padding:13px 16px;transition:all .3s ease;width:100%}input:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f614;outline:none}input::placeholder{color:#94a3b8}.login-password-field{position:relative}.login-password-toggle{align-items:center;background:none;border:none;color:#64748b;cursor:pointer;display:flex;font-size:18px;height:24px;justify-content:center;padding:0;position:absolute;right:16px;top:50%;transform:translateY(-50%);transition:color .3s ease;width:24px}.login-password-toggle:hover{color:#3b82f6}.login-checkbox-group{align-items:center;display:flex;gap:8px;margin:18px 0}.login-checkbox-group input[type=checkbox]{accent-color:#3b82f6;cursor:pointer;height:17px;width:17px}.login-checkbox-group label{color:#475569;cursor:pointer;font-size:13px;font-weight:500;margin:0}.login-forgot-link{margin-bottom:24px;margin-top:-8px;text-align:right}.login-forgot-link a{color:#3b82f6;font-size:13px;font-weight:600;text-decoration:none;transition:color .3s ease}.login-forgot-link a:hover{color:#1e40af}.login-btn{border:none;border-radius:12px;cursor:pointer;font-size:15px;font-weight:600;padding:15px;transition:all .3s ease;width:100%}.login-btn-primary{background:linear-gradient(135deg,#3b82f6,#1e40af);box-shadow:0 4px 16px #3b82f64d;color:#fff}.login-btn-primary:hover{box-shadow:0 8px 24px #3b82f666;transform:translateY(-2px)}.login-footer-text{color:#64748b;font-size:13px;margin-top:24px;text-align:center}.login-footer-text a{color:#3b82f6;font-weight:600;text-decoration:none;transition:color .3s ease}.login-footer-text a:hover{color:#1e40af}.link-button{background:none;border:none;color:#007bff;cursor:pointer;font:inherit;padding:0;text-decoration:underline}@media (max-width:1024px){.card-wrapper{gap:30px;grid-template-columns:1fr}.info-card{order:2}.form-card{order:1}}@media (max-width:640px){.form-card,.info-card{border-radius:24px;padding:36px 28px}.info-stats{gap:16px;grid-template-columns:repeat(3,1fr)}.stat-number{font-size:24px}.stat-label{font-size:11px}}.page-header{background:#0000;border-bottom:1px solid #e6e9ee;border-bottom:1px solid var(--border-divider,#e6e9ee);gap:16px;padding:0}.page-header-left{display:flex;flex-direction:column}.page-header-icon,.page-header-left{align-items:center;justify-content:flex-start}.page-header-icon{border-radius:8px;color:#1e90ff;color:var(--text-primary,#1e90ff);display:inline-flex;font-size:18px;height:40px;width:40px}.page-header-icon-text{font-size:20px;line-height:1}.page-header-text{display:flex;flex-direction:column}.page-header-title{color:#222;color:var(--page-title-color,#222);font-size:1.15rem}.page-header-subtitle{color:#666;color:var(--page-subtitle-color,#666);font-size:.9rem;margin-top:2px}.page-header-actions,.page-header-top{align-items:center;display:flex}.page-header-top{justify-content:flex-start;width:100%}.page-header-title{font-size:20px;font-weight:600}.page-header-subtitle{color:var(--text-muted);font-size:14px}body{background:var(--bg-page)}.dashboard-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(4,1fr);justify-content:center}@media (max-width:1200px){.dashboard-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:700px){.dashboard-grid{grid-template-columns:1fr}}.dashboard-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--shadow);padding:1rem;transition:background .3s ease,transform .2s}.dashboard-card:hover{transform:translateY(-4px)}.card-header{align-items:center;display:flex;justify-content:space-between}.card-title{font-size:1rem;font-weight:600}.card-icon{font-size:1.5rem}.card-value{font-size:1.8rem;font-weight:700;margin-top:.5rem}.card-description{color:var(--text-secondary);font-size:.9rem;margin-top:.3rem}.card-meta{color:var(--text-secondary);font-size:.8rem;margin-top:.2rem;text-align:right}.stat-trend{font-size:.8rem;margin-top:.3rem}.stat-trend.up{color:#10b981}.stat-trend.down{color:#ef4444}.data-table{border-collapse:collapse;width:100%}.data-table td,.data-table th{border-bottom:1px solid var(--border-color);padding:.75rem;text-align:left}.data-table th{color:var(--text-secondary);font-size:.9rem;text-transform:uppercase}.badge{border-radius:6px;color:#fff;font-size:.75rem;padding:.25rem .6rem}.badge-pending{background:#f59e0b}.badge-success{background:#10b981}.badge-fail{background:#ef4444}.team-section{display:flex;gap:1.5rem;margin-top:1.5rem}.team-section>*{flex:1 1}@media (max-width:1024px){.team-section{flex-direction:column}}.chart-wrapper{align-items:stretch;background:var(--card-bg);border-radius:12px;box-shadow:0 2px 8px #0003;box-sizing:border-box;display:flex;flex-direction:column;height:350px;margin:0 auto;max-width:var(--max-width);padding:16px;width:100%}.chart-card{background:#fff;background:var(--card-bg,#fff);border:1px solid #ddd;border:1px solid var(--border,#ddd);border-radius:10px;padding:20px;position:relative;width:100%}.chart-title{color:var(--text-primary);font-size:18px;font-weight:600;margin:10px 0 -25px 10px;position:relative}.pagination{align-items:center;display:flex;flex-wrap:nowrap;gap:6px;justify-content:center;margin-top:12px;overflow-x:auto;white-space:nowrap}.page-btn{background:#f9f9f9;background:var(--card-bg,#f9f9f9);border:1px solid #ddd;border:1px solid var(--border,#ddd);border-radius:6px;color:#333;color:var(--text-primary,#333);cursor:pointer;padding:4px 10px;transition:.2s}.page-btn:hover:not(:disabled){background:#eee;background:var(--hover,#eee)}.page-btn.active{background:#2563eb;background:var(--primary,#2563eb);border-color:#2563eb;border-color:var(--primary,#2563eb);color:#fff}.page-btn:disabled{cursor:not-allowed;opacity:.5}.ellipsis{color:#666;color:var(--text-secondary,#666);padding:0 6px;-webkit-user-select:none;user-select:none}html.dark .page-btn{background:#1f2937;background:var(--card-bg,#1f2937);border-color:#374151;border-color:var(--border,#374151);color:#f3f4f6;color:var(--text-primary,#f3f4f6)}html.dark .page-btn:hover:not(:disabled){background:#374151;background:var(--hover,#374151)}html.dark .page-btn.active{background:#10b981;background:var(--primary,#10b981);border-color:#10b981;border-color:var(--primary,#10b981);color:#fff}.table-title{font-size:1rem;font-weight:600;margin-bottom:1rem}.table-header{align-items:center;display:flex;gap:8px;justify-content:space-between;margin-bottom:8px}.table-section{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--shadow);padding:1rem}.search-input{background:#fff;background:var(--card-bg,#fff);border:1px solid #ddd;border:1px solid var(--border,#ddd);color:#333;color:var(--text-primary,#333);min-width:180px;padding:6px 10px}.search-input:focus{border-color:var(--primary,#2563eb);outline:none}html.dark .search-input{background:#1f2937;background:var(--card-bg,#1f2937);border-color:#374151;border-color:var(--border,#374151);color:#f3f4f6;color:var(--text-primary,#f3f4f6)}.no-data{color:#777;color:var(--text-secondary,#777);padding:16px 0;text-align:center}.search-container{align-items:center;display:flex;gap:8px}.main-page{background:var(--bg-page);box-sizing:border-box;color:var(--text-primary);display:flex;flex:1 1;flex-direction:column;gap:0;margin:0 auto;max-width:var(--max-width);min-height:100vh;overflow-x:hidden;padding:2rem 3rem;width:100%}.page-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between}.page-header h1{font-size:1.8rem;font-weight:600}.right-controls{align-items:center;display:flex;gap:.8rem}.right-controls input{background:var(--control-bg);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);padding:.5rem .8rem;transition:all .2s ease}.right-controls input:focus{border-color:var(--accent);box-shadow:0 0 0 2px #2563eb33;outline:none}.add-btn{background:var(--accent);border:none;border-radius:6px;color:var(--btn-text-color);cursor:pointer;font-weight:500;padding:.5rem 1rem;transition:background .3s ease}.add-btn:hover{background:var(--accent-hover)}@media (max-width:768px){.page-header{align-items:flex-start;flex-direction:column}.right-controls{width:100%}.right-controls input{flex:1 1}}.table-section.table-t2{background:var(--card-bg);border-radius:8px;box-shadow:var(--shadow);display:flex;flex-direction:column;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;margin:20px 0}.table-t2 .table-top-bar{align-items:center;background:var(--bg-header);border-bottom:1px solid var(--border-divider);display:flex;justify-content:space-between;padding:12px 16px}.table-t2 .table-title{color:var(--text-primary);font-size:1.1rem;font-weight:600}.table-t2 .shortcut-buttons{display:flex;gap:8px}.table-t2 .shortcut-btn{background:var(--control-bg);border:1px solid var(--control-border);border-radius:6px;color:var(--control-text);cursor:pointer;font-size:.9rem;padding:6px 12px;transition:background .2s,color .2s,border .2s}.table-t2 .shortcut-btn:hover{background:var(--control-hover)}.table-t2 .shortcut-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}.table-t2 .team-table-wrapper{overflow-x:auto;width:100%}.table-t2 .data-table{border-collapse:collapse;width:100%}.table-t2 .data-table td,.table-t2 .data-table th{border-bottom:1px solid var(--border-color);color:var(--text-primary);padding:10px 14px;text-align:left;white-space:nowrap}.table-t2 .data-table th{background:var(--bg-secondary);font-weight:600}.table-t2 .data-table tr:hover td{background:var(--bg-hover)}.table-t2 .badge{border-radius:4px;color:#fff;display:inline-block;font-size:.85rem;padding:3px 8px}.table-t2 .badge.active{background-color:#22c55e}.table-t2 .badge.invited{background-color:#f59e0b}.table-t2 .badge.terminated{background-color:#ef4444}.table-t2 .no-data{color:var(--text-secondary);padding:20px;text-align:center}.table-t2 .pagination{display:flex;gap:6px;justify-content:center;margin:12px 0}.table-t2 .page-btn{background:var(--control-bg);border:1px solid var(--control-border);border-radius:4px;color:var(--control-text);cursor:pointer;padding:6px 10px;transition:background .2s}.table-t2 .page-btn:hover{background:var(--control-hover)}.table-t2 .page-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}.table-t2 .page-btn:disabled{cursor:not-allowed;opacity:.5}.table-t2 .ellipsis{color:var(--text-secondary);padding:6px}.table-t2 .truncate{display:inline-block;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:root{--btn-hover-bg:var(--hover-bg);--btn-active-bg:var(--accent);--btn-active-color:#fff}.dark{--btn-hover-bg:var(--control-hover);--btn-active-bg:var(--accent);--btn-active-color:#fff}.action-column{text-align:center;width:45px}.action-cell{position:relative;text-align:center}.menu-wrapper{display:inline-block;position:relative}.menu-btn{background:#0000;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;font-size:1.3rem;padding:.25rem .5rem;transition:background .2s,color .2s}.menu-btn:hover{background:var(--bg-hover);color:var(--accent)}.dropdown-menu{background:var(--bg-dropdown);border:1px solid var(--border-color);border-radius:8px;box-shadow:var(--shadow);display:flex;flex-direction:column;margin-top:4px;min-width:140px;overflow:hidden;position:absolute;right:0;top:100%;z-index:10}.dropdown-menu button{background:none;border:none;color:var(--text-primary);cursor:pointer;font-size:.95rem;padding:.5rem .8rem;text-align:left;transition:background .2s,color .2s}.dropdown-menu button:hover{background:var(--bg-hover);color:var(--accent)}.search-container{display:inline-block;position:relative}.search-input{border:1px solid #ccc;border:1px solid var(--border-color,#ccc);border-radius:6px;font-size:14px;outline:none;padding:6px 32px 6px 10px;transition:border-color .2s ease;width:200px}.search-input:focus{border-color:#2563eb;border-color:var(--accent,#2563eb)}.search-icon-btn{background:none;border:none;color:#666;color:var(--text-secondary,#666);cursor:pointer;font-size:16px;position:absolute;right:6px;top:50%;transform:translateY(-50%);transition:color .2s}.search-icon-btn:hover{color:#2563eb;color:var(--accent,#2563eb)}.modal-title{color:var(--text-primary);font-size:1.5rem;font-weight:600;transition:color .3s ease}.modal-header{border-bottom:2px solid var(--border-divider);justify-content:space-between;margin-bottom:1rem;padding-bottom:.75rem}.modal-backdrop,.modal-header{align-items:center;display:flex}.modal-backdrop{animation:fadeIn .25s ease;background:#00000073;inset:0;justify-content:center;position:fixed;z-index:1000}.modal-content{animation:scaleIn .25s ease;background:#fff;background:var(--card-bg,#fff);border:1px solid var(--border-divider);border-radius:12px;box-shadow:0 10px 25px #00000040;box-shadow:var(--shadow,0 10px 25px #00000040);color:#111;color:var(--text-primary,#111);max-height:85vh;max-width:90%;overflow-y:auto;padding:1.5rem;position:relative;transition:background .3s ease,color .3s ease,border .3s ease}.modal-close{background:#0000;border:none;border-radius:6px;color:#666;color:var(--text-secondary,#666);cursor:pointer;font-size:1.4rem;padding:.25rem;position:absolute;right:.8rem;top:.6rem;transition:background .2s ease,color .2s ease}.modal-close:hover{background:#2563eb;background:var(--accent,#2563eb);color:#fff;color:var(--hover-text,#fff)}.modal-body{margin-top:1rem}@keyframes modalIn{0%{opacity:0;transform:translate(-50%,-48%) scale(.95)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@media (max-width:600px){.modal-content{padding:1rem;width:92%}}.modal-footer{border-top:1px solid var(--border-divider);display:flex;gap:.75rem;justify-content:flex-end;margin-top:1rem;padding-top:1rem}.btn-cancel{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:background .2s ease,border-color .2s ease}.btn-cancel:hover{background:var(--bg-hover);color:var(--hover-text)}.btn-submit{background:var(--accent);border:none;border-radius:8px;color:var(--btn-text-color);cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:background .2s ease}.btn-submit:hover{background:var(--accent-hover)}.modal-body{color:var(--text-primary);margin-bottom:1.5rem}.form-group{display:flex;flex-direction:column;gap:.4rem;margin-bottom:1rem}.form-label{color:var(--text-primary);font-weight:500}.form-input{background:var(--control-bg);border:1px solid var(--border-color);border-radius:6px;box-shadow:var(--control-shadow);color:var(--control-text);padding:.5rem .75rem;transition:border-color .2s ease,background .2s ease}.form-input:focus{background:var(--bg-page);border-color:var(--accent);outline:none}.required{color:#ef4444}.userprofile-avatar-section{padding:32px;text-align:center}.userprofile-avatar-wrapper{display:inline-block;position:relative}.userprofile-circle-avatar{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:48px;font-weight:700;height:120px;margin:0 auto;width:120px}.userprofile-avatar-edit-icon,.userprofile-circle-avatar{align-items:center;border-radius:50%;display:flex;justify-content:center}.userprofile-avatar-edit-icon{background:#fff;bottom:0;box-shadow:0 2px 8px #00000026;cursor:pointer;height:36px;position:absolute;right:0;width:36px}.userprofile-user-name{color:var(--text-primary);font-size:24px;font-weight:700;margin-top:5px}.userprofile-user-role{color:var(--text-muted);font-size:14px;margin-top:4px}.userprofile-user-info{align-items:center;display:flex;flex-direction:column;margin-top:16px}.info-section{background:#fff;border-radius:12px;box-shadow:0 4px 16px #0000000d;margin-bottom:32px;padding:24px 32px}.info-title{color:#333;font-size:20px;font-weight:700;margin-bottom:16px}.divider-primary{background:linear-gradient(90deg,#667eea,#764ba2);border-radius:2px;height:2px;margin-bottom:24px;width:100%}.info-grid{grid-gap:16px 24px;display:grid;gap:16px 24px;grid-template-columns:1fr 1fr}.info-row{display:flex;flex-direction:column}.info-row.full-width{grid-column:span 2}.info-label{color:#777;font-size:14px;margin-bottom:4px}.info-value{color:#333;font-size:16px}.code-badge{background:#eef2ff;border-radius:6px;color:#4f46e5;padding:4px 8px}.badge,.code-badge{font-size:13px;font-weight:600}.badge{border-radius:8px;padding:4px 10px}.badge-info{background:#e0f2fe;color:#0284c7}.badge-success{background:#dcfce7;color:#16a34a}.remark{color:#444;line-height:1.6}.settings-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr}.setting-card{background:#fff;border-radius:12px;box-shadow:0 4px 14px #0000000f;display:flex;flex-direction:column;justify-content:space-between;padding:24px 20px}.setting-header{gap:12px;margin-bottom:20px}.setting-header,.setting-icon{align-items:center;display:flex}.setting-icon{border-radius:50%;color:#fff;height:40px;justify-content:center;width:40px}.danger-bg{background:#ef4444}.info-bg{background:#3b82f6}.setting-title{color:#222;font-size:18px;font-weight:700}.setting-subtitle{color:#777;font-size:14px}.btn{align-items:center;border-radius:8px;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:10px 14px;transition:.2s}.btn-outline{background:#fff;border:1px solid #ccc}.btn-outline:hover{background:#f5f5f5}
/*# sourceMappingURL=main.0a661a36.css.map*/