@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";:root{--primary:#034ea2;--primary-rgb:3, 78, 162;--primary-hover:#023d82;--primary-light:#e6f0ff;--primary-light-alpha:#034ea20d;--secondary:#64748b;--secondary-hover:#475569;--success:#10b981;--danger:#ef4444;--warning:#f59e0b;--bg-main:#f8fafc;--bg-card:#fff;--bg-card-rgb:255, 255, 255;--text-main:#1e293b;--text-muted:#64748b;--text-on-primary:#fff;--border-light:#e2e8f0;--border-light-rgb:226, 232, 240;--link-color:#034ea2;--link-hover:#023d82;--sidebar-width:260px;--navbar-height:89px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--mobile-px:16px;--desktop-px:32px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--text-main);background-color:var(--bg-main);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,system-ui,-apple-system,sans-serif;font-weight:400;line-height:1.5}[data-theme=dark]{--primary:#034ea2;--primary-hover:#046ce0;--primary-light:#0a213a;--secondary:#94a3b8;--secondary-hover:#cbd5e1;--bg-main:#0f172a;--bg-card:#1e293b;--text-main:#f1f5f9;--text-muted:#94a3b8;--text-on-primary:#fff;--border-light:#334155;--link-color:#fff;--link-hover:#e2e8f0;--shadow-sm:0 1px 2px 0 #0000004d;--shadow-md:0 4px 6px -1px #00000080, 0 2px 4px -2px #00000080;--shadow-lg:0 10px 15px -3px #0009, 0 4px 6px -4px #0009;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-main);min-height:100vh;margin:0}h1,h2,h3,h4,h5,h6{color:var(--text-main);font-weight:700;line-height:1.2}a{color:inherit;text-decoration:none;transition:all .2s}button{cursor:pointer;font-family:inherit;transition:all .2s}.btn{border-radius:var(--radius-md);cursor:pointer;border:none;outline:none;justify-content:center;align-items:center;gap:8px;font-family:inherit;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn-primary{color:#fff;background:linear-gradient(135deg,#034ea2 0%,#023d82 100%);box-shadow:0 4px 10px -2px #034ea266}.btn-primary:hover{filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 6px 15px -3px #034ea280}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--bg-card);color:var(--text-main);border:1px solid var(--border-light)}.btn-secondary:hover{background:var(--bg-main);border-color:var(--secondary)}.btn-danger{background:var(--danger,#ef4444);color:#fff;box-shadow:0 4px 10px -2px #ef444459}.btn-danger:hover{filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 6px 15px -3px #ef444473}.btn-danger:active{transform:translateY(0)}.btn-light{background:var(--bg-main);color:var(--text-main);border:1px solid var(--border-light)}.btn-light:hover{background:var(--bg-card)}.btn-lg{padding:12px 24px;font-size:16px}.btn-md{padding:10px 20px;font-size:14px}.btn-sm{padding:6px 12px;font-size:12px}.glass{-webkit-backdrop-filter:blur(10px);background:#ffffffb3;border:1px solid #ffffff4d}.card{background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-light);box-shadow:var(--shadow-md);padding:1.5rem}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:.5rem}.gap-4{gap:1rem}.w-full{width:100%}.bg-card{background-color:var(--bg-card)!important}.bg-main,.bg-bg-main{background-color:var(--bg-main)!important}.h-screen{height:100vh}.p-4{padding:1rem}.p-8{padding:2rem}@media (width<=1024px){:root{--sidebar-width:0px}}@media (width<=768px){h1{font-size:32px}h2{font-size:24px}.p-8{padding:1.5rem}}.fade-in{animation:.5s ease-out fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.auth-card{background-color:var(--bg-card);border:1px solid var(--border-light);width:100%;max-width:400px;box-shadow:var(--shadow-lg);border-radius:24px;padding:32px}.auth-card-header{text-align:center;margin-bottom:32px}.auth-card-title{color:var(--text-main);margin-bottom:8px;font-size:28px;font-weight:700}.auth-card-sub{color:var(--text-muted);font-size:15px}.auth-form{width:100%}.auth-input-group{margin-bottom:20px}.auth-label{color:var(--text-main);margin-bottom:8px;font-size:14px;font-weight:600;display:block}.auth-input-wrapper{align-items:center;display:flex;position:relative}.auth-input-icon{color:var(--text-muted);position:absolute;left:12px}.auth-input{border:1px solid var(--border-light);background-color:var(--bg-main);width:100%;color:var(--text-main);border-radius:12px;outline:none;padding:12px 12px 12px 42px;font-size:15px;transition:all .2s}.auth-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #034ea21a}.auth-toggle-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;align-items:center;padding:0;display:flex;position:absolute;right:12px}.auth-alert{color:#b91c1c;background-color:#fef2f2;border:1px solid #fecaca;border-radius:8px;align-items:center;gap:10px;margin-bottom:20px;padding:12px 16px;font-size:14px;display:flex}.auth-alert-success{color:var(--success);background-color:#10b9811a;border:1px solid #10b98133}.auth-register-text{text-align:center;color:var(--text-muted);margin-top:32px;font-size:14px}.auth-register-link{color:var(--link-color);font-weight:700;transition:all .2s}.auth-register-link:hover{color:var(--link-hover);text-decoration:underline}.auth-options-row{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.auth-remember-me{color:var(--text-muted);cursor:pointer;align-items:center;gap:8px;font-size:14px;display:flex}.auth-forgot-link{color:var(--link-color);font-size:14px;font-weight:600}.auth-icon-circle{background-color:var(--primary);border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 20px;display:flex;box-shadow:0 10px 15px -3px #034ea24d}.auth-otp-input{border:1px solid var(--border-light);background-color:var(--bg-main);width:100%;color:var(--text-main);letter-spacing:8px;text-align:center;box-sizing:border-box;border-radius:12px;outline:none;padding:16px;font-size:24px;font-weight:700;transition:border-color .2s}.auth-otp-input:focus{border-color:var(--primary)}.auth-action-area{border-top:1px solid var(--border-light);justify-content:center;margin-top:4px;padding-top:20px;display:flex}.auth-logout-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;font-size:14px;font-weight:600;transition:color .2s;display:inline-flex}.auth-logout-btn:hover{color:var(--primary)}.auth-resend-wrapper{color:var(--text-muted);justify-content:center;align-items:center;gap:8px;margin-top:24px;margin-bottom:20px;font-size:14px;display:flex}.auth-resend-btn{color:var(--primary);cursor:pointer;background:0 0;border:none;align-items:center;padding:0;font-size:14px;font-weight:700;transition:opacity .2s;display:flex}.auth-welcome-box{background-color:var(--bg-main);border:1px solid var(--border-light);border-radius:12px;margin-top:16px;padding:12px 20px;display:inline-block}.auth-welcome-text{color:var(--text-main);margin:0;font-size:16px}.auth-info-box{text-align:left;color:var(--text-main);background-color:#10b9810d;border:1px solid #10b9811a;border-radius:12px;align-items:flex-start;gap:12px;padding:16px;font-size:14px;line-height:1.4;display:flex}.auth-logo-large{background-color:var(--primary);color:#fff;object-fit:contain;border-radius:20px;justify-content:center;align-items:center;width:100px;height:100px;margin-bottom:32px;font-size:32px;font-weight:900;display:flex;box-shadow:0 10px 15px -3px #034ea24d}img.auth-logo-large{background-color:#fff;padding:14px}.auth-select{border:1px solid var(--border-light);background-color:var(--bg-main);width:100%;color:var(--text-main);appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;border-radius:12px;outline:none;padding:14px 16px;font-size:14px;font-weight:500;transition:all .2s}.auth-select:focus{border-color:var(--primary)}.login-container{background-color:var(--bg-card);width:100%;min-height:100vh;display:flex}.login-left-panel{background-color:var(--bg-main);flex-direction:column;flex:1;justify-content:center;padding:60px;display:flex;position:relative;overflow:hidden}.login-left-panel:before{content:"";opacity:.45;z-index:0;filter:brightness(1.1)contrast(1.05);background-image:url(/assets/login_bg-B4nqNbCg.png);background-position:50%;background-size:cover;position:absolute;inset:0}.login-left-panel:after{content:"";z-index:1;background:linear-gradient(90deg,#f8fafce6 0%,#f8fafc66 100%);position:absolute;inset:0}.login-left-panel>*{z-index:10;position:relative}.login-right-panel{flex:1;justify-content:center;align-items:center;padding:24px;display:flex;position:relative}.mobile-only{display:none!important}@media (width<=900px){.login-left-panel{display:none}.mobile-only{display:flex!important}.login-right-panel,.login-container{background-color:var(--bg-main)}.auth-logo-large{box-shadow:none!important;background-color:#0000!important;padding:0!important}img.auth-logo-large{background-color:#0000!important;padding:0!important}}.auth-footer-mobile{width:100%;color:var(--text-muted);text-align:center;justify-content:center;padding:0 24px;font-size:12px;display:flex;position:absolute;bottom:24px;left:0}.auth-language-switcher{z-index:10;position:absolute;top:24px;right:32px}.auth-brand-container{margin-bottom:48px}.auth-brand-title{color:var(--text-main);margin-bottom:12px;font-size:36px;font-weight:800}.auth-brand-tagline{color:var(--text-muted);max-width:430px;font-size:18px}.auth-features-list{flex-direction:column;gap:20px;display:flex}.auth-feature-item{color:var(--text-main);align-items:center;gap:12px;font-size:16px;font-weight:500;display:flex}.auth-footer-desktop{color:var(--text-muted);z-index:10;font-size:14px;position:absolute;bottom:40px;left:60px}.main-layout-container{background-color:var(--bg-main);min-height:100vh;display:flex}.main-content-wrapper{margin-left:var(--sidebar-width);flex-direction:column;flex:1;min-width:0;transition:margin-left .3s;display:flex;overflow-x:hidden}.main-content-body{flex:1;position:relative}.sidebar-container{width:var(--sidebar-width);background-color:var(--bg-card);border-right:1px solid var(--border-light);z-index:100;flex-direction:column;height:100vh;transition:transform .3s ease-in-out,background-color .3s,border-color .3s;display:flex;position:fixed;top:0;left:0}.sidebar-overlay{z-index:999;background-color:#00000080;position:fixed;inset:0}.sidebar-header{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;padding:24px;display:flex}.sidebar-logo{color:var(--text-main);align-items:center;gap:12px;font-size:20px;font-weight:800;display:flex}.sidebar-logo-icon{background-color:var(--primary);color:#fff;object-fit:contain;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;font-weight:900;display:flex}img.sidebar-logo-icon{background-color:#fff;padding:6px}.sidebar-close-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;align-items:center;display:flex}.sidebar-nav{flex-direction:column;flex:1;padding:24px 0;display:flex;overflow-y:auto}.sidebar-group-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;opacity:.7;padding:0 24px 8px;font-size:11px;font-weight:700}.sidebar-nav-item{color:var(--text-muted);border-right:3px solid #0000;align-items:center;gap:12px;padding:12px 24px;font-size:15px;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.sidebar-nav-item:hover{background-color:var(--primary-light);color:var(--primary)}.sidebar-nav-item.active{color:var(--link-color);background-color:var(--primary-light);border-right:3px solid var(--primary);font-weight:600}.sidebar-badge{color:#fff;background-color:#f43f5e;border-radius:12px;margin-left:auto;padding:2px 8px;font-size:11px;font-weight:800}.sidebar-footer{border-top:1px solid var(--border-light);padding:8px 20px}.sidebar-copyright{text-align:center;color:var(--text-muted);opacity:.6;-webkit-user-select:none;user-select:none;margin-top:4px;font-size:11px;font-weight:500}.navbar-container{height:var(--navbar-height);background-color:var(--bg-card);border-bottom:1px solid var(--border-light);z-index:90;justify-content:space-between;align-items:center;padding:40px;transition:margin .3s ease-in-out,background-color .3s,border-color .3s;display:flex;position:sticky;top:0}.navbar-left{flex:1;align-items:center;gap:16px;display:flex}.navbar-menu-btn{color:var(--text-main);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:8px;display:flex}.navbar-search-container{background-color:var(--bg-main);border:1px solid var(--border-light);border-radius:12px;flex-flow:row;align-items:center;gap:12px;width:300px;padding:8px 16px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.navbar-search-container:hover{border-color:var(--secondary);background-color:var(--bg-card)}.navbar-search-container:focus-within{border-color:var(--primary);background-color:var(--bg-card);width:360px;box-shadow:0 0 0 4px #034ea21a}.navbar-search-icon{color:var(--text-muted);flex-shrink:0;transition:color .3s}.navbar-search-container:focus-within .navbar-search-icon{color:var(--primary)}.navbar-search-input{width:100%;min-width:0;color:var(--text-main);background-color:#0000;border:none;outline:none;flex:1;font-size:14px;font-weight:500}.navbar-search-input::placeholder{color:var(--text-muted);opacity:.6}.navbar-right{align-items:center;gap:12px;display:flex}.navbar-icon-btn{color:var(--text-muted);cursor:pointer;background-color:#0000;border:none;border-radius:8px;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:flex;position:relative}.navbar-icon-btn:hover{background-color:var(--bg-main);color:var(--primary)}.navbar-badge{color:#fff;border:2px solid var(--bg-card);background-color:#f43f5e;border-radius:999px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 4px;font-size:10px;font-weight:800;display:flex;position:absolute;top:4px;right:4px}.navbar-notif-panel{background-color:var(--bg-card);border:1px solid var(--border-light);z-index:200;border-radius:16px;width:360px;animation:.2s slideDown;position:absolute;top:calc(100% + 12px);right:-12px;overflow:hidden;box-shadow:0 20px 60px #00000026}.navbar-notif-header{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.navbar-mark-all-btn{color:var(--primary);cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:4px;padding:4px 8px;font-weight:600;display:flex}.navbar-notif-list{max-height:400px;overflow-y:auto}.navbar-notif-empty{color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:40px 20px;font-size:13px;display:flex}.navbar-notif-item{cursor:pointer;border-bottom:1px solid var(--border-light);align-items:flex-start;gap:12px;padding:14px 16px;transition:background .15s;display:flex}.navbar-notif-icon-wrap{background-color:#034ea21a;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;margin-top:2px;display:flex}.navbar-delete-notif-btn{color:var(--text-muted);cursor:pointer;opacity:.6;background:0 0;border:none;border-radius:6px;flex-shrink:0;align-items:center;padding:4px;display:flex}.navbar-divider{background-color:var(--border-light);width:1px;height:24px;margin:0 4px}.navbar-profile{cursor:pointer;align-items:center;gap:12px;display:flex}.navbar-profile-text{flex-direction:column;align-items:flex-end;gap:2px;line-height:1.4;display:flex}.navbar-profile-name{color:var(--text-main);font-size:14px;font-weight:600}.navbar-profile-role{color:var(--text-muted);font-size:12px}.navbar-avatar{background-color:var(--primary);border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;display:flex;box-shadow:0 4px 6px -1px #034ea233}.navbar-user-dropdown{background-color:var(--bg-card);border:1px solid var(--border-light);z-index:200;border-radius:14px;width:220px;padding:8px;animation:.2s slideDown;position:absolute;top:calc(100% + 12px);right:0;box-shadow:0 10px 40px #0000001f}.navbar-user-dropdown-header{border-bottom:1px solid var(--border-light);flex-direction:column;margin-bottom:8px;padding:8px 12px 12px;display:flex}.navbar-dropdown-item{color:var(--text-main);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:10px;align-items:center;gap:12px;width:100%;padding:10px 12px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.navbar-dropdown-item:hover{background-color:var(--bg-main)}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (width<=1024px){.navbar-container{padding:20px!important}.desktop-only{display:none!important}}@media (width>=1025px){.sidebar-container{transform:none!important}}@media (width<=1024px){.sidebar-container{z-index:1000!important;width:280px!important}}.page-container{padding:var(--desktop-px,32px);width:100%;max-width:1400px;min-height:calc(100vh - var(--navbar-height));margin:0 auto;transition:all .3s}.page-header{justify-content:space-between;align-items:center;gap:24px;margin-bottom:24px;display:flex}.page-header-actions{align-items:center;gap:16px;display:flex}.page-title-area{flex:1}.page-title{color:var(--text-main);margin-bottom:8px;font-size:28px;font-weight:800}.page-subtitle{color:var(--text-muted);font-size:15px}.stats-bar,.tabs-bar{background-color:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-light);box-shadow:var(--shadow-sm);scrollbar-width:none;align-items:center;margin-bottom:24px;padding:20px 0;display:flex;overflow-x:auto}.stats-bar{justify-content:center}.tabs-bar{justify-content:flex-start;padding-left:12px}.stat-item{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;min-width:140px;padding:0 24px;display:flex}.stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:600}.stat-value{color:var(--text-main);font-size:24px;font-weight:800;line-height:1}.vertical-divider{background-color:var(--border-light);flex-shrink:0;width:1px;height:40px}.tab-item{color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:10px;padding:12px 24px;font-size:15px;font-weight:600;transition:all .2s;display:flex}.tab-item:hover{color:var(--primary);background-color:#034ea20d}.tab-item.active{color:var(--primary);border-bottom-color:var(--primary)}.content-card{background-color:var(--bg-card);border:1px solid var(--border-light);border-radius:24px;width:100%;overflow:hidden;box-shadow:0 4px 20px #00000008}.table-wrapper{-webkit-overflow-scrolling:touch;scrollbar-width:thin;width:100%;overflow-x:auto}.card-header{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;display:flex}.table-filters{align-items:center;gap:16px;width:100%;display:flex}.search-box{flex:1;align-items:center;display:flex;position:relative}.search-box .search-input{border:1px solid var(--border-light);background-color:var(--bg-main);width:100%;color:var(--text-main);border-radius:10px;outline:none;padding:10px 10px 10px 40px;font-size:14px;transition:all .2s}.search-box .search-input:focus{border-color:var(--primary);background-color:var(--bg-card);box-shadow:0 0 0 3px #034ea21a}.search-box .search-icon{color:var(--text-muted);pointer-events:none;position:absolute;left:14px}.filter-btn{border:1px solid var(--border-light);background-color:var(--bg-card);color:var(--text-main);cursor:pointer;white-space:nowrap;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.filter-btn:hover{background-color:var(--bg-main);border-color:var(--secondary)}.filter-btn svg{color:var(--primary)}.stat-card-inner{flex-direction:column;padding:24px;display:flex}.stat-header{justify-content:space-between;align-items:flex-start;margin-bottom:16px;display:flex}.stat-icon{border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.stat-trend{border-radius:20px;padding:4px 8px;font-size:12px;font-weight:700}.stat-content{flex-direction:column;display:flex}.user-info-cell{align-items:center;gap:12px;display:flex}.user-avatar{background-color:var(--primary-light);width:40px;height:40px;color:var(--primary);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:16px;font-weight:700;display:flex}.user-name{color:var(--text-main);font-size:15px;font-weight:600;line-height:1.3}.user-email{color:var(--text-muted);font-size:13px}.action-group{justify-content:flex-end;align-items:center;gap:8px;display:flex}.status-badge{white-space:nowrap;border-radius:20px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.perm-badge{background-color:var(--primary-light);color:var(--primary);white-space:nowrap;border-radius:6px;align-items:center;padding:4px 10px;font-size:11px;font-weight:700;transition:all .2s;display:inline-flex}[data-theme=dark] .perm-badge{color:#fff;background-color:#034ea24d}.perm-badge.more{color:var(--text-muted);border:1px solid var(--border-light);background-color:#94a3b81a}[data-theme=dark] .perm-badge.more{color:var(--text-muted);background-color:#94a3b80d}.info-display-grid{flex-direction:column;gap:12px;display:flex}.info-row{align-items:flex-start;gap:12px;display:flex}.info-label{width:130px;color:var(--text-muted);flex-shrink:0;font-size:13px;font-weight:600}.info-colon{width:8px;color:var(--text-muted);flex-shrink:0}.info-value{color:var(--text-main);word-break:break-word;flex:1;font-size:14px;font-weight:600}.form-group{flex-direction:column;gap:8px;display:flex}.form-label{color:var(--text-main);font-size:14px;font-weight:600}.form-input{border:1px solid var(--border-light);background-color:var(--bg-main);width:100%;color:var(--text-main);border-radius:12px;outline:none;padding:12px 16px;font-size:15px;transition:all .2s}.form-input:focus{border-color:var(--primary);background-color:var(--bg-card);box-shadow:0 0 0 4px #034ea21a}.global-alert{border:1px solid #0000;border-radius:16px;align-items:flex-start;gap:14px;margin-bottom:24px;padding:16px 20px;font-size:14px;line-height:1.5;animation:.3s ease-out slideDownIn;display:flex;box-shadow:0 4px 12px #0000000d}.global-alert-success,.alert-success{color:#065f46;background:linear-gradient(135deg,#10b9811f,#10b9810f);border-color:#10b98133}.global-alert-danger,.alert-danger{color:#991b1b;background:linear-gradient(135deg,#ef44441f,#ef44440f);border-color:#ef444433}.global-alert-warning,.alert-warning{color:#92400e;background:linear-gradient(135deg,#f59e0b1f,#f59e0b0f);border-color:#f59e0b33}.global-alert-info,.alert-info{color:#1e40af;background:linear-gradient(135deg,#3b82f61f,#3b82f60f);border-color:#3b82f633}.alert-body{flex:1}.alert-title{margin-bottom:4px;font-size:15px;font-weight:700;display:block}@keyframes slideDownIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (width<=1024px){.page-container{padding:24px var(--mobile-px,16px)}}@media (width<=768px){.page-header{text-align:center;flex-direction:column;align-items:stretch;gap:20px;margin-bottom:24px}.page-header .btn,.page-header button{justify-content:center;width:100%}.stats-bar{justify-content:flex-start;gap:0;padding:15px 0;overflow-x:auto}.stat-item{flex-shrink:0;min-width:110px;padding:0 16px}.vertical-divider{height:30px}.card-header{flex-direction:column;padding:16px}.table-filters{flex-wrap:nowrap;gap:8px;flex-direction:row!important}.search-box{width:100%!important}.filter-btn{margin-top:4px}}.modal-overlay{-webkit-backdrop-filter:blur(4px);z-index:1100;background-color:#00000080;justify-content:center;align-items:center;padding:20px;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.modal-content{background-color:var(--bg-card);border-radius:var(--radius-lg);width:100%;max-width:1000px;box-shadow:var(--shadow-lg);flex-direction:column;max-height:90vh;animation:.3s ease-out slideUp;display:flex;position:relative;overflow:hidden}.modal-header{border-bottom:1px solid var(--border-light);flex-shrink:0;justify-content:space-between;align-items:center;padding:24px 32px;display:flex}.modal-body{flex:1;padding:32px 32px 24px;overflow-y:auto}.modal-footer{border-top:1px solid var(--border-light);background-color:var(--bg-main);flex-shrink:0;justify-content:flex-end;gap:12px;padding:16px 32px;display:flex}.activity-list{flex-direction:column;gap:8px;padding:16px 20px;display:flex}.activity-item{cursor:pointer;border-radius:12px;align-items:center;gap:12px;padding:8px 12px;transition:all .2s;display:flex}.activity-item:hover{background-color:var(--bg-main)}.activity-avatar{background-color:var(--bg-main);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.activity-info{flex:1}.activity-text{color:var(--text-main);margin:0;font-size:14px;line-height:1.4}.activity-time{color:var(--text-muted);font-size:12px}.actions-grid{flex-direction:column;gap:12px;padding:24px;display:flex}.upgrade-banner{color:#fff;background-color:#034ea2;background-image:linear-gradient(135deg,#034ea2 0%,#023d82 100%);border-radius:16px;margin:0 24px 24px;padding:24px;position:relative;overflow:hidden}.banner-content{z-index:1;flex-direction:column;gap:12px;display:flex;position:relative}.banner-icon-bg{opacity:.1;position:absolute;bottom:-10px;right:-10px}.main-content-grid{grid-template-columns:2fr 1fr;gap:24px;display:grid}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;margin-bottom:32px;display:grid}.form-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.form-grid .form-group{margin-bottom:0}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){.modal-overlay{padding:12px}.modal-content{border-radius:20px;max-width:100%;max-height:95vh;display:block;overflow-y:auto}.modal-header{z-index:20;background-color:var(--bg-card);padding:16px 20px;position:sticky;top:0;box-shadow:0 1px 3px #0000000d}.modal-body{flex:initial;padding:20px;overflow-y:visible}.form-grid{grid-template-columns:1fr;gap:16px}.modal-footer{border-top:1px solid var(--border-light);background-color:var(--bg-main);flex-direction:column-reverse;padding:20px}.modal-footer button{width:100%}}.span-2{grid-column:span 2}@media (width<=768px){.span-2{grid-column:span 1}}table{border-collapse:separate;border-spacing:0;width:100%}th{text-align:left;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-light);background-color:var(--bg-main);white-space:nowrap;padding:16px 24px;font-size:12px;font-weight:700}td{color:var(--text-main);border-bottom:1px solid var(--border-light);vertical-align:middle;padding:16px 24px;font-size:14px}@media (width<=768px){th,td{padding:12px 16px}}.pagination-footer{border-top:1px solid var(--border-light);background-color:var(--bg-card);border-bottom-right-radius:16px;border-bottom-left-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;display:flex}.pagination-info{color:var(--text-muted);font-size:13px;font-weight:500}.pagination-controls{align-items:center;gap:6px;display:flex}.pagination-btn{border:1px solid var(--border-light);background-color:var(--bg-card);min-width:32px;height:32px;color:var(--text-main);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;padding:0 8px;font-size:13px;font-weight:500;transition:all .2s;display:flex;outline:none!important;text-decoration:none!important}.pagination-btn:focus,.pagination-btn:active{border-color:var(--primary);background-color:#034ea20d;box-shadow:none!important;outline:none!important}.pagination-btn:visited{color:var(--text-main)!important;background-color:var(--bg-card)!important}.pagination-btn.active{background-color:var(--primary)!important;border-color:var(--primary)!important;color:#fff!important}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.pagination-ellipsis{color:var(--text-muted);padding:0 4px;font-size:14px}.desktop-only,.hide-tablet{display:block}.mobile-only,.show-tablet{display:none}@media (width<=1024px){.hide-tablet{display:none!important}.show-tablet{display:block!important}.show-tablet.flex-container{display:flex!important}}@media (width<=768px){.desktop-only{display:none!important}.mobile-only{display:block!important}.mobile-flex{display:flex!important}.stats-bar{justify-content:flex-start;gap:8px;padding:16px 8px}.stat-item{min-width:100px;padding:0 12px}.vertical-divider{height:24px}}.approval-card-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;padding:16px;display:grid}.approval-card-list{flex-direction:column;gap:16px;padding:16px;display:flex}.approval-card{background-color:var(--bg-card);border:1px solid var(--border-light);border-radius:16px;flex-direction:column;gap:12px;padding:16px;display:flex}.approval-card-header{justify-content:space-between;align-items:flex-start;display:flex}.approval-card-title{color:var(--text-main);margin:0;font-size:16px;font-weight:700}.approval-card-subtitle{color:var(--text-muted);font-size:13px}.approval-card-info{background-color:var(--bg-card);border-radius:12px;flex-direction:column;gap:8px;padding:12px;display:flex}.info-item{gap:8px;font-size:13px;display:flex}.info-label{color:var(--text-muted);min-width:80px;font-weight:600}.info-value{color:var(--text-main);word-break:break-all}.approval-card-actions{justify-content:flex-end;gap:8px;margin-top:4px;display:flex}@media (width<=640px){.info-row-responsive{flex-direction:column!important;align-items:flex-start!important;gap:4px!important}.info-label-responsive{text-align:left!important;width:auto!important;margin-bottom:2px!important;font-size:12px!important}.info-colon-responsive{display:none!important}}@media (width<=1024px){.counselee-detail-grid{grid-template-columns:1fr!important}}@media (width<=768px){.counselee-detail-header-actions{flex-wrap:wrap;justify-content:flex-start}.counselee-detail-header-actions button{flex:1;min-width:calc(50% - 6px)}}@media (width<=480px){.counselee-detail-header-actions button{flex:100%!important;min-width:100%!important}}@media (width<=640px){.volunteer-assign-item{gap:16px;flex-direction:column!important;align-items:flex-start!important}.volunteer-info{width:100%}.volunteer-meta{flex-direction:column;align-items:flex-start!important;gap:2px!important}.volunteer-meta .dot-divider{display:none}.volunteer-assign-item button{justify-content:center;width:100%}}@media (width<=768px){.counselee-form-grid{grid-template-columns:1fr!important}.counselee-form-grid>div{grid-column:1/-1!important}.form-row-responsive{flex-direction:column!important;gap:8px!important}.counselee-form-actions{width:100%;flex-direction:column!important}.counselee-form-actions button{justify-content:center;width:100%!important;margin-left:0!important}}.action-button-label-responsive{display:none!important}.action-btn-standard{min-width:36px;height:36px}@media (width<=1024px){.action-button-label-responsive{margin-left:8px;display:inline!important}.action-btn-standard.responsive-btn,.action-btn-standard.mobile-btn,.approval-card-actions .action-btn-standard{min-width:42px;height:42px!important;padding:0 16px!important}}.back-to-top{-webkit-backdrop-filter:blur(10px);cursor:pointer;z-index:1000;opacity:0;visibility:hidden;background:#ffffffb3;border:1px solid #034ea21a;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;bottom:24px;right:24px;transform:translateY(20px);box-shadow:0 4px 20px #0000001a}.back-to-top.visible{opacity:1;visibility:visible;transform:translateY(0)}.back-to-top:hover{background:#ffffffe6;border-color:#034ea24d;transform:translateY(-5px);box-shadow:0 8px 30px #034ea226}@media (width<=768px){.back-to-top{width:44px;height:44px;bottom:20px;right:20px}}.settings-container{margin:0 auto}.section-title{color:var(--text-main);margin-bottom:24px;font-size:18px;font-weight:700}.form-grid{grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px;display:grid}.input-wrapper{position:relative}.pwd-toggle{color:var(--text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:color .2s;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.pwd-toggle:hover{color:var(--primary)}.info-grid{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:32px;display:grid}.info-card{background-color:var(--bg-main);border:1px solid var(--border-light);border-radius:12px;align-items:center;gap:16px;padding:16px;transition:transform .2s,box-shadow .2s;display:flex}.info-card:hover{box-shadow:var(--shadow-sm);transform:translateY(-2px)}.info-icon{border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.info-icon.role{color:var(--primary);background-color:#034ea21a}.info-icon.region{color:var(--success);background-color:#10b9811a}.info-value-group{flex-direction:column;display:flex}.form-actions{justify-content:flex-end;padding-top:8px;display:flex}@media (width<=768px){.form-grid,.info-grid{grid-template-columns:1fr;gap:16px}}.form-group{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.form-label{color:var(--text-main);margin-bottom:0;font-size:14px;font-weight:600}.form-select,.form-textarea{border:1px solid var(--border-light);background-color:var(--bg-main);width:100%;color:var(--text-main);border-radius:12px;outline:none;padding:12px;font-size:14px;transition:all .2s}.form-select:focus,.form-textarea:focus{border-color:var(--primary);background-color:var(--bg-card);box-shadow:0 0 0 3px #034ea21a}.form-textarea{resize:vertical;min-height:100px}.form-hint{color:var(--text-muted);margin-top:4px;font-size:12px;font-style:italic}.searchable-select-container{width:100%;position:relative}.select-dropdown{background-color:var(--bg-card);border:1px solid var(--border-light);box-shadow:var(--shadow-md);z-index:1000;border-radius:12px;max-height:250px;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto}.dropdown-item{cursor:pointer;color:var(--text-main);border-bottom:1px solid var(--border-light);padding:12px 16px;font-size:14px;transition:background-color .2s}.dropdown-item:last-child{border-bottom:none}.dropdown-item:hover{background-color:var(--bg-main);color:var(--primary)}.dropdown-no-result{text-align:center;color:var(--text-muted);padding:16px;font-size:14px}.dropdown-overlay{z-index:999;position:fixed;inset:0}.th-actions{width:180px;text-align:right!important;padding-right:24px!important}.td-actions{justify-content:flex-end;align-items:center;gap:8px;min-width:160px;padding-right:24px!important;display:flex!important}.counselee-form-grid{grid-template-columns:1fr 1fr;gap:20px;padding:32px;display:grid}.section-title{color:var(--text-main);border-bottom:1px solid var(--border-light);grid-column:span 2;align-items:center;gap:12px;margin-bottom:24px;padding-bottom:12px;font-size:18px;font-weight:700;display:flex}.form-actions-bar{background-color:var(--bg-card);border-top:1px solid var(--border-light);justify-content:flex-end;gap:16px;padding:24px 32px 40px;display:flex}.detail-grid{grid-template-columns:320px 1fr;align-items:flex-start;gap:24px;display:grid}.detail-sidebar,.detail-content{flex-direction:column;gap:24px;display:flex}.profile-card{background-color:var(--bg-card);border:1px solid var(--border-light);text-align:center;border-radius:28px;padding:40px 32px;transition:transform .3s,box-shadow .3s;box-shadow:0 10px 25px #00000008}.input-with-icon{align-items:center;width:100%;display:flex;position:relative}.input-with-icon .input-icon{color:var(--text-muted);pointer-events:none;z-index:5;position:absolute;left:14px}.form-input.has-icon,.form-select.has-icon{padding-left:42px!important}@media (width<=1200px){.notification-grid-three{grid-template-columns:repeat(2,1fr)!important}}@media (width<=768px){.notification-grid-three{grid-template-columns:1fr!important}}.profile-card:hover{box-shadow:0 15px 35px #0000000d}.profile-header{flex-direction:column;align-items:center;gap:16px;margin-bottom:32px;display:flex}.profile-avatar-circle{background-color:var(--primary-light);width:80px;height:80px;color:var(--primary);border-radius:24px;justify-content:center;align-items:center;font-size:32px;font-weight:800;display:flex;box-shadow:0 8px 16px #034ea21a}.profile-name{color:var(--text-main);margin:0;font-size:22px;font-weight:800}.profile-status-badge{color:#10b981;background-color:#10b98114;border:1px solid #10b98126;border-radius:100px;align-items:center;gap:6px;padding:6px 16px;font-size:13px;font-weight:700;display:inline-flex;box-shadow:0 2px 4px #10b9810d}.premium-badge{text-transform:capitalize;border-radius:100px;align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:700;display:inline-flex}.premium-badge.status-new{color:#0369a1;background:#e0f2fe}.premium-badge.status-in-progress{color:#a16207;background:#fef9c3}.premium-badge.status-waiting-follow-up{color:#c2410c;background:#ffedd5}.premium-badge.status-completed{color:#15803d;background:#dcfce7}.premium-badge.status-closed{color:#475569;background:#f1f5f9}.profile-details-list{text-align:left;flex-direction:column;gap:20px;display:flex}.profile-detail-item{gap:16px;display:flex}.profile-detail-icon{background-color:var(--bg-main);width:36px;height:36px;color:var(--primary);border:1px solid var(--border-light);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex}.profile-detail-item:hover .profile-detail-icon{background-color:var(--primary-light);color:var(--primary);border-color:var(--primary-light)}.profile-detail-content{flex-direction:column;gap:2px;display:flex}.profile-detail-label{text-transform:uppercase;letter-spacing:.8px;color:var(--text-muted);opacity:.8;margin-bottom:2px;font-size:10px;font-weight:800}.profile-detail-value{color:var(--text-main);font-size:14px;font-weight:600}.profile-detail-subvalue{color:var(--text-muted);font-size:13px}.profile-footer{border-top:1px solid var(--border-light);color:var(--text-muted);flex-direction:column;gap:8px;margin-top:32px;padding-top:24px;font-size:12px;display:flex}.timeline-container{flex-direction:column;gap:16px;display:flex}.case-group{border:1px solid var(--border-light);background-color:var(--bg-card);border-radius:16px;transition:all .2s;overflow:hidden}.case-header{cursor:pointer;background-color:#fff;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.case-header:hover{background-color:var(--bg-main)}.case-info{align-items:center;gap:16px;display:flex}.case-icon-wrapper{width:40px;height:40px;color:var(--text-muted);background-color:#00000008;border-radius:12px;justify-content:center;align-items:center;transition:all .2s;display:flex}.case-group.active .case-icon-wrapper{background-color:var(--primary);color:#fff;box-shadow:0 4px 10px #034ea233}.case-title{color:var(--text-main);margin:0;font-size:15px;font-weight:700}.case-meta{color:var(--text-muted);margin-top:2px;font-size:12px}.chevron-wrapper{color:var(--text-muted);transition:transform .3s}.chevron-wrapper.rotated{color:var(--primary);transform:rotate(180deg)}.premium-add-card{border:2px dashed var(--border-light);cursor:pointer;text-align:left;background-color:#fff;border-radius:20px;align-items:center;gap:20px;width:100%;padding:24px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.premium-add-card:hover{border-color:var(--primary);background-color:var(--bg-main);transform:translateY(-2px);box-shadow:0 10px 20px #0000000a}.add-card-circle{background-color:var(--primary-light);width:52px;height:52px;color:var(--primary);border-radius:16px;justify-content:center;align-items:center;transition:all .3s;display:flex}.premium-add-card:hover .add-card-circle{background-color:var(--primary);color:#fff;transform:scale(1.05)}.add-card-text{flex-direction:column;gap:4px;display:flex}.add-card-title{color:var(--text-main);font-size:16px;font-weight:700}.add-card-subtitle{color:var(--text-muted);font-size:13px}.case-body{border-top:1px solid var(--border-light);background-color:#fafbfc;padding:24px}.timeline-item{gap:20px;padding-bottom:12px;display:flex;position:relative}.timeline-item:last-child{padding-bottom:0}.timeline-line{background-color:var(--border-light);z-index:1;width:2px;position:absolute;top:0;bottom:0;left:17px}.timeline-item:last-child .timeline-line{display:none}.timeline-point{border:4px solid var(--primary-light);z-index:2;width:36px;height:36px;color:var(--primary);box-shadow:0 0 0 4px var(--bg-card);background-color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.timeline-content{border:1px solid var(--border-light);box-shadow:var(--shadow-sm);background-color:#fff;border-radius:16px;flex:1;padding:16px}.timeline-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;display:flex}.timeline-user-info{align-items:center;gap:12px;display:flex}.counselor-badge{color:var(--primary);background-color:var(--primary-light);border-radius:6px;align-items:center;gap:6px;padding:4px 10px;font-size:13px;font-weight:700;display:flex}.time-badge{color:var(--text-muted);align-items:center;gap:6px;font-size:12px;display:flex}.approval-badge{text-transform:uppercase;border-radius:6px;padding:4px 10px;font-size:11px;font-weight:700}.approval-badge.approved{color:#10b981;background-color:#10b9811a;border:1px solid #10b98133}.approval-badge.pending{color:#f59e0b;background-color:#f59e0b1a;border:1px solid #f59e0b33}.timeline-body{color:var(--text-main);white-space:pre-wrap;font-size:14px;line-height:1.6}.back-btn-classic{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;padding:8px 12px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.back-btn-classic:hover{color:var(--primary);background-color:#0000000d}@media (width<=1024px){.detail-grid{grid-template-columns:1fr}}.avatar-circle-small{background-color:var(--primary-light);width:36px;height:36px;color:var(--primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:flex}.list-item-card{border:1px solid var(--border-light);background-color:var(--bg-card);border-radius:12px;justify-content:space-between;align-items:center;padding:12px 16px;transition:all .2s;display:flex}.list-item-card:hover{border-color:var(--primary);box-shadow:var(--shadow-sm)}.flex-center-gap{align-items:center;gap:12px;display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}.flex-end-gap{justify-content:flex-end;align-items:center;gap:12px;display:flex}.text-btn-small{color:var(--primary);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 8px;font-size:12px;font-weight:700}.text-btn-small:hover{background-color:var(--primary-light)}.white-space-pre{white-space:pre-wrap}.mb-small{margin-bottom:8px}.mb-medium{margin-bottom:16px}.mb-large{margin-bottom:24px}.mb-huge{margin-bottom:40px}.mt-tiny{margin-top:4px}.mb-tiny{margin-bottom:4px}.py-tiny{padding-top:4px;padding-bottom:4px}.px-small{padding-left:12px;padding-right:12px}.px-medium{padding-left:20px;padding-right:20px}.separator-dot{background-color:var(--text-muted);opacity:.5;border-radius:50%;width:4px;height:4px;margin:0 4px;display:inline-block}.hover-bg-light:hover{background-color:var(--bg-main)!important}.mt-small{margin-top:8px}.mt-medium{margin-top:16px}.mt-large{margin-top:24px}.p-small{padding:12px}.text-center{text-align:center}.bg-main{background-color:var(--bg-main)}.border-bottom{border-bottom:1px solid var(--border-light)}.sticky-top{z-index:10;position:sticky;top:0}.wa-import-container{border:1px solid var(--border-light);background-color:#fafbfc;border-radius:12px;max-height:400px;overflow-y:auto}.wa-message-import-item{transition:all .2s}.wa-message-import-item.active{background-color:var(--primary-light)!important}.wa-message-import-item:hover:not(.active){background-color:#00000005}.password-input-group{align-items:center;display:flex;position:relative}.password-input-group .form-input{padding-right:48px}.password-toggle-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:flex;position:absolute;right:12px}.password-toggle-btn:hover{background-color:var(--primary-light);color:var(--primary)}.font-bold{font-weight:700}.font-medium{font-weight:600}.text-sm{font-size:13px}.text-xs{font-size:11px}.text-muted-small{color:var(--text-muted);font-size:12px}.text-muted-xs{color:var(--text-muted);font-size:11px}.text-lg{font-size:18px}.text-right{text-align:right}.text-primary{color:var(--primary)}.text-danger{color:var(--danger)}.text-success{color:var(--success)}.text-muted{color:var(--text-muted)}.flex-1{flex:1}.flex-column{flex-direction:column;display:flex}.flex-wrap{flex-wrap:wrap;display:flex}.gap-small{gap:8px}.gap-medium{gap:16px}.max-h-600{max-height:600px}.p-large{padding:32px}.p-medium{padding:24px}.p-base{padding:16px}.p-all-medium{padding:24px!important}.warning-icon-wrapper{background-color:#ef44441a;border-radius:20px;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 16px;display:flex}.permissions-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;margin-top:8px;display:grid}.perm-item{background-color:var(--bg-main);border:1px solid var(--border-light);cursor:pointer;border-radius:12px;justify-content:space-between;align-items:center;padding:12px 16px;transition:all .2s;display:flex}.perm-item:hover{border-color:var(--primary);background-color:var(--bg-card);box-shadow:var(--shadow-sm)}.perm-item.active{background-color:var(--primary-light);border-color:var(--primary)}[data-theme=dark] .perm-item.active{background-color:#034ea266}.perm-label{color:var(--text-main);font-size:13px;font-weight:600}[data-theme=dark] .perm-label{color:#fff}@media (width<=768px){.detail-grid{grid-template-columns:1fr}.detail-sidebar{position:static}}.glass-card{background:rgba(var(--bg-card-rgb), .7);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(var(--border-light-rgb), .5);box-shadow:0 8px 32px #034ea20d}.premium-gradient-bg{background:linear-gradient(135deg, var(--primary) 0%, #023d82 100%);color:#fff}.soft-shadow{box-shadow:0 10px 25px -5px #0000000d,0 8px 10px -6px #0000000d}.hover-opacity-80:hover{opacity:.8}.transition-all{transition:all .2s ease-in-out}.radius-md{border-radius:12px}.hover-lift{transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s}.hover-lift:hover{transform:translateY(-4px);box-shadow:0 12px 20px -5px #0000001a}.gradient-text{background:linear-gradient(135deg, var(--primary) 0%, #0575e6 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:800}.section-card-header{align-items:center;gap:16px;margin-bottom:24px;display:flex}.icon-box-premium{background:var(--primary-light);width:44px;height:44px;color:var(--primary);border-radius:14px;justify-content:center;align-items:center;display:flex;box-shadow:0 4px 12px #034ea21a}.tabs-list.premium{background:var(--bg-main);border:1px solid var(--border-light);border-radius:14px;gap:4px;padding:6px;display:inline-flex}.tab-btn.premium{color:var(--text-muted);background:0 0;border:none;border-radius:10px;align-items:center;gap:8px;padding:10px 24px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.tab-btn.premium.active{background:var(--bg-card);color:var(--primary);box-shadow:var(--shadow-sm)}.tab-btn.premium:hover:not(.active){color:var(--primary);background:#034ea20d}.grid-2-columns{grid-template-columns:1fr 1fr;gap:24px;display:grid}.premium-info-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:20px;align-items:center;gap:20px;padding:24px;transition:all .3s;display:flex}.premium-info-card:hover{border-color:var(--primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.avatar-premium{background:linear-gradient(135deg, var(--primary) 0%, #0575e6 100%);color:#fff;border-radius:18px;justify-content:center;align-items:center;width:60px;height:60px;font-size:24px;font-weight:800;display:flex;box-shadow:0 8px 16px #034ea233}.form-group-premium{flex-direction:column;gap:10px;display:flex}.input-box-premium{align-items:center;display:flex;position:relative}.input-icon-premium{color:var(--text-muted);transition:color .2s;position:absolute;left:16px}.form-input-premium{border:1.5px solid var(--border-light);background-color:var(--bg-main);width:100%;color:var(--text-main);border-radius:14px;outline:none;padding:14px 16px 14px 48px;font-size:15px;font-weight:500;transition:all .2s}.form-input-premium:focus{border-color:var(--primary);background-color:var(--bg-card);box-shadow:0 0 0 4px #034ea21a}.form-input-premium:focus+.input-icon-premium{color:var(--primary)}@media (width<=768px){.grid-2-columns{grid-template-columns:1fr}}.profile-contact-wrapper{justify-content:space-between;align-items:center;gap:12px;width:100%;display:flex}.profile-contact-actions{align-items:center;gap:8px;display:flex}.contact-action-btn{background-color:var(--action-color);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 6px -1px #0000001a}.contact-action-btn:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 6px 12px -2px #00000026}.contact-request-btn{border:1px solid var(--primary);color:var(--primary);cursor:pointer;text-transform:uppercase;background:0 0;border-radius:20px;padding:4px 10px;font-size:11px;font-weight:700;transition:all .2s}.contact-request-btn:hover:not(:disabled){background-color:var(--primary);color:#fff}.contact-request-btn:disabled{border-color:var(--border-light);color:var(--text-muted);cursor:not-allowed;opacity:.7}.premium-tabs-container{background:var(--bg-card);border:1px solid var(--border-light);box-shadow:var(--shadow-sm);border-radius:16px;gap:8px;padding:8px;display:flex}.premium-tab{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:10px;padding:12px 20px;font-size:14px;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.premium-tab:hover{background:var(--bg-main);color:var(--text-main)}.premium-tab.active{background:var(--bg-main);color:var(--primary);box-shadow:inset 0 0 0 1px var(--primary-light)}.tab-icon-wrapper{background:0 0;border-radius:8px;justify-content:center;align-items:center;padding:6px;transition:all .3s;display:flex}.premium-tab.active .tab-icon-wrapper{background:var(--primary-light);color:var(--primary)}.tab-active-indicator{background:var(--primary);border-radius:3px 3px 0 0;height:3px;animation:.3s slideIn;position:absolute;bottom:0;left:20%;right:20%}@keyframes slideIn{0%{opacity:0;width:0}to{opacity:1;width:60%}}.premium-add-btn{background:var(--bg-card);border:2px dashed var(--border-light);width:100%;color:var(--text-muted);cursor:pointer;border-radius:16px;justify-content:center;align-items:center;gap:16px;padding:16px;font-size:15px;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.premium-add-btn:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-light);transform:translateY(-2px)}.add-btn-icon{background:var(--bg-main);border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;transition:all .3s;display:flex}.premium-add-btn:hover .add-btn-icon{background:var(--primary);color:#fff;transform:rotate(90deg)}.form-section{background:0 0;border:none;border-radius:0;padding:0}.section-header-compact{align-items:center;gap:10px;display:flex}.input-with-icon{align-items:center;display:flex;position:relative}.input-with-icon .input-icon{color:var(--text-muted);transition:all .2s;position:absolute;left:14px}.form-input.has-icon{padding-left:44px}.form-input:focus+.input-icon,.form-input.has-icon:focus~.input-icon{color:var(--primary)}.select-arrow-icon{color:var(--text-muted);pointer-events:none;position:absolute;right:14px}.premium-history{padding:8px 0}.history-group{flex-direction:column;gap:20px;margin-bottom:32px;display:flex}.history-group:last-child{margin-bottom:0}.history-group-header{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;align-items:center;gap:12px;font-size:13px;font-weight:800;display:flex}.history-group-header .header-line{background-color:var(--border-light);opacity:.5;flex:1;height:1px}.history-item-card{border:1px solid var(--border-light);background-color:#fafbfc;border-radius:16px;transition:all .3s}.history-item-card:hover{border-color:var(--primary-light);background-color:#fff;transform:translateY(-2px);box-shadow:0 8px 16px #0000000a}.history-requester-avatar{background-color:var(--primary-light);width:32px;height:32px;color:var(--primary);border-radius:10px;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex}.pl-huge{padding-left:44px}#root{text-align:left!important;border:none!important;width:100%!important;max-width:100%!important;margin:0!important}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f5f9}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:1s linear infinite spin}