@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{--page-bg:#f4f2f9;--purple:#9b2cba;--violet:#6c63ff;--teal:#12b8a0;--orange:#e04020;--warm:#c1295e;--grad-brand:linear-gradient(135deg, #9b2cba 0%, #6c63ff 100%);--grad-accent:linear-gradient(135deg, #6c63ff 0%, #12b8a0 100%);--ink:#1a0a2e;--ink-secondary:#4b4270;--ink-muted:#918baa;--surface:#fff;--surface-raised:#faf9fe;--surface-border:#e8e4f0;--surface-hover:#f3f0fd;--font-body:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-display:"Space Grotesk", var(--font-body);--sidebar-w:280px;--topbar-h:60px;--radius:14px;--radius-sm:10px;--radius-xs:8px;--radius-full:999px;--ease:cubic-bezier(.4, 0, .2, 1);--duration:.22s}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);background:var(--page-bg);color:var(--ink);min-height:100vh;line-height:1.6;overflow-x:hidden}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}ul{list-style:none}button{cursor:pointer;font-family:var(--font-body);background:0 0;border:none}*{scrollbar-width:thin;scrollbar-color:#6c63ff40 transparent}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#6c63ff38;border-radius:999px;transition:background .2s}::-webkit-scrollbar-thumb:hover{background:#6c63ff73}::-webkit-scrollbar-corner{background:0 0}.hide-scrollbar,.no-scrollbar,.tabs-scroll,.modal-tabs{-ms-overflow-style:none!important;scrollbar-width:none!important}.hide-scrollbar::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}.no-scrollbar::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}.tabs-scroll::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}.modal-tabs::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}.custom-scrollbar::-webkit-scrollbar{width:5px;height:5px}.custom-scrollbar::-webkit-scrollbar-track{background:#00000005;border-radius:4px}.custom-scrollbar::-webkit-scrollbar-thumb{background:#6c63ff40;border-radius:4px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#6c63ff80}body:before,body:after{content:"";pointer-events:none;z-index:-1;border-radius:50%;position:fixed}body:before{background:radial-gradient(circle,#6c63ff12 0%,#0000 70%);width:600px;height:600px;top:-180px;right:-120px}body:after{background:radial-gradient(circle,#9b2cba0f 0%,#0000 70%);width:500px;height:500px;bottom:-140px;left:-100px}#root{flex-direction:column;width:100%;min-height:100vh;display:flex}.admin-shell{box-sizing:border-box;width:100%;max-width:100vw;min-height:100vh;display:flex}.auth-layout{justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.sidebar{width:var(--sidebar-w);z-index:200;border-right:1px solid var(--surface-border);transition:transform .3s var(--ease);background:#fff;flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0;overflow:hidden;box-shadow:4px 0 24px #6c63ff0f}.sidebar-brand{box-sizing:border-box;background:#fff;border-bottom:1px solid #00000014;flex-shrink:0;justify-content:center;align-items:center;height:60px;padding:4px 12px;display:flex;position:relative}.sidebar-brand:after{content:"";background:linear-gradient(90deg,#0000,#9b2cba66,#6c63ff66,#0000);height:1px;position:absolute;bottom:0;left:20px;right:20px}.sidebar-logo{border-radius:var(--radius-xs);background:var(--grad-brand);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex;box-shadow:0 4px 14px #9b2cba73}.sidebar-brand-text{font-family:var(--font-display);color:var(--ink);font-size:1.05rem;font-weight:700;line-height:1.25}.sidebar-brand-text small{font-family:var(--font-body);color:var(--ink-muted);letter-spacing:.4px;font-size:.66rem;font-weight:500;display:block}.sidebar-nav{flex:1;padding:16px 12px}.sidebar-section-label{letter-spacing:2.5px;text-transform:uppercase;color:var(--ink-muted);align-items:center;gap:8px;margin:22px 0 8px;padding:0 10px;font-size:.6rem;font-weight:700;display:flex}.sidebar-section-label:after{content:"";background:var(--surface-border);flex:1;height:1px}.sidebar-section-label:first-child{margin-top:4px}.nav-item{border-radius:var(--radius-xs);color:var(--ink-secondary);text-align:left;width:100%;transition:all .18s var(--ease);border:1px solid #0000;align-items:center;gap:10px;margin-bottom:2px;padding:9px 12px;font-size:.875rem;font-weight:500;display:flex;position:relative}.nav-item:hover{background:var(--surface-hover);color:var(--ink)}.nav-item.active{color:var(--violet);background:linear-gradient(135deg,#9b2cba17,#6c63ff12);font-weight:600}.nav-item.active:before{content:"";background:var(--grad-brand);border-radius:0 3px 3px 0;width:3px;position:absolute;top:8px;bottom:8px;left:0}.nav-item-icon{opacity:.7;flex-shrink:0;width:18px;height:18px;transition:opacity .18s}.nav-item:hover .nav-item-icon,.nav-item.active .nav-item-icon{opacity:1}.nav-badge{border-radius:var(--radius-full);color:var(--violet);letter-spacing:.3px;background:#6c63ff1a;border:1px solid #6c63ff26;margin-left:auto;padding:2px 7px;font-size:.6rem;font-weight:700}.sidebar .nav-item{color:var(--ink-secondary);border:none;border-radius:12px;margin-bottom:3px;padding:10px 14px;transition:all .2s}.sidebar .nav-item:hover{color:var(--ink)!important;background:#6c63ff0f!important}.sidebar .nav-item.active{border:none;font-weight:600;box-shadow:0 4px 16px #6c63ff4d;background:var(--violet)!important;color:#fff!important}.sidebar .nav-item.active:before{display:none}.sidebar .nav-item-icon{opacity:.5;transition:opacity .15s}.sidebar .nav-item:hover .nav-item-icon{opacity:1}.sidebar .nav-item.active .nav-item-icon{opacity:1;color:#fff!important}.sidebar .nav-badge{color:var(--violet);background:#6c63ff1a;border-color:#6c63ff26}.sidebar .root-company-menu-item{border:none!important}.sidebar .root-company-menu-item:hover{color:var(--ink)!important;background:#6c63ff0f!important}.sidebar .root-company-menu-item.expanded{box-shadow:none;color:var(--ink)!important;background:#6c63ff0f!important}.sidebar .sub-company-menu-item{transition:all .15s;border:none!important}.sidebar .sub-company-menu-item:hover{color:var(--violet)!important;background:#6c63ff0d!important}.sidebar .sub-company-menu-item.active{font-weight:600;color:var(--violet)!important;background:#6c63ff14!important}.sub-menu-group:nth-child(5n+1) .submenu-dot{background:#12b8a0!important}.sub-menu-group:nth-child(5n+2) .submenu-dot{background:#6c63ff!important}.sub-menu-group:nth-child(5n+3) .submenu-dot{background:#e04020!important}.sub-menu-group:nth-child(5n+4) .submenu-dot{background:#9b2cba!important}.sub-menu-group:nth-child(5n+5) .submenu-dot{background:#f59e0b!important}.submenu-container{border-left:none;margin-top:2px;margin-bottom:4px;margin-left:12px;padding-left:16px}.submenu-item{width:100%;color:var(--ink-secondary);text-align:left;border:none;border-radius:10px;align-items:center;margin-bottom:1px;padding:8px 12px;font-size:.82rem;font-weight:500;transition:all .15s;display:flex}.submenu-item:hover{color:var(--violet)!important;background:#6c63ff0d!important}.submenu-item.active{font-weight:600;color:var(--violet)!important;background:#6c63ff14!important}.sidebar-footer{border-top:1px solid var(--surface-border);padding:12px 14px 16px;position:relative}.sidebar-footer:before{content:"";background:linear-gradient(90deg,#0000,#6c63ff33,#0000);height:1px;position:absolute;top:0;left:14px;right:14px}.sidebar-user{background:var(--surface-raised);border:1px solid var(--surface-border);border-radius:12px;align-items:center;gap:10px;padding:10px 12px;transition:background .2s;display:flex}.sidebar-user:hover{background:var(--surface-hover)}.user-avatar-sm{background:var(--grad-brand);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:12px;font-weight:700;display:flex;overflow:hidden;box-shadow:0 2px 8px #9b2cba40}.user-info-sm{flex:1;min-width:0}.user-info-sm strong{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-size:.82rem;font-weight:600;display:block;overflow:hidden}.user-info-sm span{color:var(--ink-muted);white-space:nowrap;text-overflow:ellipsis;margin-top:1px;font-size:.68rem;display:block;overflow:hidden}.logout-icon-btn{width:28px;height:28px;color:var(--ink-muted);transition:all var(--duration) var(--ease);border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.logout-icon-btn:hover{color:#e04020;background:#e040201a}.sidebar-overlay{z-index:190;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0a041699;display:none;position:fixed;inset:0}.sidebar-overlay.show{display:block}.main-content{margin-left:var(--sidebar-w);min-width:0;height:100vh;min-height:100vh;max-width:calc(100vw - var(--sidebar-w));width:calc(100vw - var(--sidebar-w));box-sizing:border-box;flex-direction:column;flex:1;display:flex;overflow:hidden}.topbar{min-height:var(--topbar-h);border-bottom:1px solid var(--surface-border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:100;background:#fff;justify-content:space-between;align-items:center;gap:12px;padding:0 24px;display:flex;position:sticky;top:0;box-shadow:0 2px 12px #6c63ff0d}.topbar-left{flex:1;align-items:center;gap:14px;min-width:0;display:flex}.hamburger-btn{border-radius:var(--radius-xs);border:1px solid var(--surface-border);background:var(--surface-raised);width:36px;height:36px;color:var(--ink-secondary);transition:background var(--duration) var(--ease);flex-shrink:0;justify-content:center;align-items:center;display:none}.hamburger-btn:hover{background:var(--surface-hover);color:var(--ink)}.page-title-bar{flex:1;min-width:0;overflow:hidden}.page-title-bar h2{font-family:var(--font-display);color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-size:1.05rem;font-weight:600;line-height:1.3;overflow:hidden}.page-title-bar p{color:var(--ink-muted);white-space:nowrap;text-overflow:ellipsis;margin-top:1px;font-size:.72rem;line-height:1.3;overflow:hidden}.topbar-right{flex-shrink:0;align-items:center;gap:10px;display:flex}.company-chip{border-radius:var(--radius-full);color:var(--violet);background:#6c63ff14;border:1px solid #6c63ff2e;align-items:center;gap:6px;padding:5px 12px;font-size:.75rem;font-weight:600;display:flex}.topbar-icon-btn{border-radius:var(--radius-xs);border:1px solid var(--surface-border);background:var(--surface-raised);width:34px;height:34px;color:var(--ink-secondary);transition:all var(--duration) var(--ease);justify-content:center;align-items:center;display:flex}.topbar-icon-btn:hover{background:var(--surface-hover);color:var(--ink)}.page-header{background:var(--surface);border:1px solid var(--surface-border);border-radius:var(--radius);flex-direction:column;gap:6px;margin-bottom:24px;padding:22px 28px 20px;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 12px #6c63ff0a}.page-header:before{content:"";background:linear-gradient(#9b2cba,#6c63ff,#12b8a0);border-radius:0 3px 3px 0;width:4px;position:absolute;top:0;bottom:0;left:0}.page-header:after{content:"";pointer-events:none;background:radial-gradient(circle,#6c63ff0f 0%,#0000 70%);width:180px;height:180px;position:absolute;top:-40px;right:-40px}.page-header h1{font-family:var(--font-display);color:var(--ink);background:linear-gradient(135deg, var(--ink) 0%, var(--violet) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:1.5rem;font-weight:700;line-height:1.2}.page-header p{color:var(--ink-muted);margin:0;font-size:.84rem;line-height:1.5}.page-content{box-sizing:border-box;flex-direction:column;flex:1;width:100%;min-width:0;max-width:100%;min-height:0;padding:20px 12px;display:flex;overflow:hidden auto}.page-content.full-width-page{padding-left:0!important;padding-right:0!important}.page-content:has(.settings-page){padding-left:0!important;padding-right:0!important}.auth-card{background:var(--surface);border:1px solid var(--surface-border);width:100%;max-width:420px;animation:auth-in .5s var(--ease) both;border-radius:20px;overflow:hidden;box-shadow:0 1px 3px #0000000a,0 8px 30px #6c63ff14}@keyframes auth-in{0%{opacity:0;transform:translateY(16px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.auth-card-header{text-align:center;background:linear-gradient(135deg,#1a0a2e 0%,#3b0d5e 45%,#2d1155 100%);padding:32px 32px 28px;position:relative}.auth-card-header:after{content:"";background:linear-gradient(90deg, var(--purple), var(--violet), var(--teal));height:3px;position:absolute;bottom:0;left:0;right:0}.auth-logo{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1f;border:1px solid #ffffff26;border-radius:14px;justify-content:center;align-items:center;width:52px;height:52px;margin:0 auto 14px;display:flex}.auth-title{font-family:var(--font-display);color:#fff;margin-bottom:4px;font-size:1.5rem;font-weight:700}.auth-subtitle{color:#ffffff8c;font-size:.85rem}.auth-card-body{padding:28px 32px 32px}.form-group{margin-bottom:18px}.form-label{color:var(--ink-secondary);letter-spacing:.3px;margin-bottom:6px;font-size:.76rem;font-weight:600;display:block}.input-wrap{align-items:center;display:flex;position:relative}.input-icon{color:var(--ink-muted);pointer-events:none;width:16px;height:16px;transition:color var(--duration);position:absolute;left:13px}.form-input,.form-select{background:var(--surface-raised);border:1.5px solid var(--surface-border);border-radius:var(--radius-xs);width:100%;color:var(--ink);font-family:var(--font-body);transition:all var(--duration) var(--ease);outline:none;padding:11px 14px 11px 40px;font-size:.92rem}.form-input::placeholder{color:var(--ink-muted)}.form-input:focus,.form-select:focus{border-color:var(--violet);background:#fff;box-shadow:0 0 0 3px #6c63ff1a}.input-wrap:focus-within .input-icon{color:var(--violet)}.form-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23918baa'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:15px;padding-right:36px}.form-select option{color:var(--ink);background:#fff}.btn-primary{background:var(--grad-brand);color:#fff;border-radius:var(--radius-xs);width:100%;transition:all var(--duration) var(--ease);border:none;justify-content:center;align-items:center;gap:8px;margin-top:22px;padding:12px 20px;font-size:.92rem;font-weight:600;display:inline-flex;box-shadow:0 4px 14px #6c63ff40}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px #6c63ff59}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:17px;height:17px;animation:.65s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.dev-otp-banner{border-radius:var(--radius-xs);color:#b37b0a;text-align:center;background:#f59e0b14;border:1px dashed #f59e0b4d;margin-top:12px;padding:7px 12px;font-size:.8rem}.back-link{color:var(--ink-muted);transition:color var(--duration);align-items:center;gap:5px;margin-top:16px;font-size:.8rem;display:inline-flex}.back-link:hover{color:var(--violet)}.welcome-banner{border:1px solid var(--surface-border);border-radius:var(--radius);box-shadow:var(--shadow-sm);background:linear-gradient(135deg,#9b2cba0d 0%,#6c63ff0f 100%);margin-bottom:24px;padding:28px;position:relative;overflow:hidden}.welcome-banner:before{content:"";background:radial-gradient(circle,#6c63ff1f 0%,#0000 70%);border-radius:50%;width:200px;height:200px;position:absolute;top:-40px;right:-40px}.welcome-banner:after{content:"";background:radial-gradient(circle,#12b8a014 0%,#0000 70%);border-radius:50%;width:150px;height:150px;position:absolute;bottom:-30px;left:-30px}.welcome-banner h1{font-family:var(--font-display);color:var(--ink);margin-bottom:4px;font-size:1.5rem;font-weight:700;position:relative}.welcome-banner p{color:var(--ink-secondary);font-size:.88rem;position:relative}.welcome-banner .grad-tag{border-radius:var(--radius-full);color:#fffc;background:#ffffff14;border:1px solid #ffffff1f;align-items:center;gap:6px;margin-top:14px;padding:5px 14px;font-size:.74rem;font-weight:600;display:inline-flex;position:relative}.welcome-banner .grad-tag .dot{background:var(--teal);width:7px;height:7px;box-shadow:0 0 8px var(--teal);border-radius:50%;animation:2s infinite pulse-dot}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.5)}}.stats-row{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;display:grid}.stat-card{background:var(--surface);border:1px solid var(--surface-border);border-radius:var(--radius);transition:all var(--duration) var(--ease);align-items:center;gap:14px;padding:18px 20px;display:flex;position:relative;overflow:hidden}.stat-card:before{content:"";border-radius:0 3px 3px 0;width:3px;position:absolute;top:0;bottom:0;left:0}.stat-card.purple:before{background:var(--grad-brand)}.stat-card.teal:before{background:var(--teal)}.stat-card.violet:before{background:var(--violet)}.stat-card.orange:before{background:var(--orange)}.stat-icon-wrap{border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.stat-icon-wrap.purple{color:var(--purple);background:#9b2cba1a}.stat-icon-wrap.teal{color:var(--teal);background:#12b8a01a}.stat-icon-wrap.violet{color:var(--violet);background:#6c63ff1a}.stat-icon-wrap.orange{color:var(--orange);background:#e040201a}.stat-info h4{font-family:var(--font-display);color:var(--ink);margin-bottom:3px;font-size:1.3rem;font-weight:700;line-height:1}.stat-info p{color:var(--ink-muted);font-size:.78rem}.section-label{font-family:var(--font-display);color:var(--ink);margin-bottom:16px;font-size:1.1rem;font-weight:700}.modules-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.module-card{background:var(--surface);border:1px solid var(--surface-border);border-radius:var(--radius);transition:all var(--duration) var(--ease);padding:24px;position:relative;overflow:hidden}.module-card:hover{border-color:#6c63ff33;transform:translateY(-3px);box-shadow:0 10px 30px #6c63ff14}.module-card-top{justify-content:space-between;align-items:flex-start;margin-bottom:14px;display:flex}.module-icon{border-radius:var(--radius-sm);justify-content:center;align-items:center;width:44px;height:44px;display:flex}.module-icon.purple{color:var(--purple);background:#9b2cba1a}.module-icon.teal{color:var(--teal);background:#12b8a01a}.module-icon.violet{color:var(--violet);background:#6c63ff1a}.module-icon.orange{color:var(--orange);background:#e040201a}.module-badge{border-radius:var(--radius-full);color:#0a8f7a;letter-spacing:.4px;background:#12b8a014;border:1px solid #12b8a02e;padding:3px 9px;font-size:.62rem;font-weight:700}.module-card h3{font-family:var(--font-display);color:var(--ink);margin-bottom:6px;font-size:1rem;font-weight:700}.module-card p{color:var(--ink-secondary);font-size:.84rem;line-height:1.6}.module-card-footer{color:var(--ink-muted);align-items:center;gap:5px;margin-top:16px;font-size:.76rem;font-weight:500;display:flex}.coming-soon{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:18px;min-height:55vh;display:flex}.coming-soon-icon{width:80px;height:80px;color:var(--violet);background:#6c63ff14;border:1px solid #6c63ff26;border-radius:22px;justify-content:center;align-items:center;display:flex}.coming-soon h2{font-family:var(--font-display);color:var(--ink);font-size:1.6rem;font-weight:700}.coming-soon p{max-width:440px;color:var(--ink-secondary);font-size:.92rem;line-height:1.65}.coming-soon .status-chip{border-radius:var(--radius-full);color:#0a8f7a;background:#12b8a014;border:1px solid #12b8a033;align-items:center;gap:7px;padding:6px 16px;font-size:.78rem;font-weight:600;display:inline-flex}.coming-soon .status-chip .dot{background:var(--teal);width:7px;height:7px;box-shadow:0 0 6px var(--teal);border-radius:50%;animation:2s infinite pulse-dot}.toast-container{z-index:100000;pointer-events:none;flex-direction:column;gap:10px;display:flex;position:fixed;bottom:28px;right:24px}.toast{pointer-events:all;-webkit-backdrop-filter:blur(16px)saturate(180%);color:#ffffffeb;background:#12121ce0;border:1px solid #ffffff14;border-radius:14px;align-items:center;gap:10px;min-width:280px;max-width:380px;padding:13px 16px;font-size:.84rem;font-weight:500;animation:.3s cubic-bezier(.34,1.56,.64,1) both toast-slide-in;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 32px #00000059,0 2px 8px #0003,inset 0 1px #ffffff0f}.toast:before{content:"";background:linear-gradient(90deg,#0000,#ffffff1f,#0000);height:1px;position:absolute;top:0;left:0;right:0}.toast-success{border-left:3px solid #10b981}.toast-success:after{content:"";pointer-events:none;background:linear-gradient(135deg,#10b9810f 0%,#0000 60%);position:absolute;inset:0}.toast-error{border-left:3px solid #ef4444}.toast-error:after{content:"";pointer-events:none;background:linear-gradient(135deg,#ef44440f 0%,#0000 60%);position:absolute;inset:0}.toast-info{border-left:3px solid #6c63ff}.toast-info:after{content:"";pointer-events:none;background:linear-gradient(135deg,#6c63ff0f 0%,#0000 60%);position:absolute;inset:0}.toast-icon{z-index:1;background:#ffffff0d;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex;position:relative}.toast-msg{z-index:1;color:#ffffffe0;letter-spacing:.01em;flex:1;font-size:.83rem;line-height:1.4;position:relative}.toast-close{color:#ffffff73;cursor:pointer;z-index:1;background:#ffffff0d;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;transition:background .15s,color .15s;display:flex;position:relative}.toast-close:hover{color:#fffc;background:#ffffff1f}@keyframes toast-slide-in{0%{opacity:0;transform:translateY(16px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.table-container{background:var(--surface);border:1px solid var(--surface-border);border-radius:var(--radius);margin-top:20px;overflow:hidden;box-shadow:0 4px 20px #00000005}.table-header-control{border-bottom:1px solid var(--surface-border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;display:flex}.table-search{width:100%;max-width:320px;position:relative}.table-search .search-input{background:var(--surface-raised);border:1px solid var(--surface-border);border-radius:var(--radius-xs);width:100%;color:var(--ink);transition:all var(--duration) var(--ease);outline:none;padding:8px 12px 8px 36px;font-size:.88rem}.table-search .search-input:focus{border-color:var(--violet);background:#fff;box-shadow:0 0 0 3px #6c63ff14}.table-search .search-icon{color:var(--ink-muted);pointer-events:none;position:absolute;top:50%;left:11px;transform:translateY(-50%)}.table-filters{align-items:center;gap:8px;display:flex}.filter-tab{border-radius:var(--radius-xs);color:var(--ink-secondary);border:1px solid var(--surface-border);transition:all var(--duration) var(--ease);padding:6px 12px;font-size:.82rem;font-weight:600}.filter-tab:hover{background:var(--surface-hover);color:var(--ink)}.filter-tab.active{background:var(--violet);border-color:var(--violet);color:#fff}.data-table-wrapper{width:100%;overflow-x:auto}.data-table{border-collapse:collapse;text-align:left;width:100%;font-size:.88rem}.data-table th{background:var(--surface-raised);color:var(--ink-secondary);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--surface-border);padding:14px 20px;font-size:.76rem;font-weight:600}.data-table td{border-bottom:1px solid var(--surface-border);color:var(--ink-secondary);vertical-align:middle;padding:14px 20px}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr:hover td{background:#6c63ff04}.user-cell{align-items:center;gap:12px;display:flex}.user-cell-info{flex-direction:column;display:flex}.user-cell-name{color:var(--ink);align-items:center;gap:6px;font-weight:600;display:flex}.user-cell-meta{color:var(--ink-muted);font-size:.78rem}.activity-status-dot{cursor:help;width:9px;height:9px;box-shadow:0 0 0 2px var(--surface);border-radius:50%;display:inline-block;position:relative}.activity-status-dot.active{box-shadow:0 0 0 2px var(--surface), 0 0 8px #10b98199;background:#10b981}.activity-status-dot.inactive{background:#9ca3af}.status-pill{border-radius:var(--radius-full);text-transform:capitalize;align-items:center;gap:5px;padding:4px 10px;font-size:.74rem;font-weight:600;display:inline-flex}.status-pill.pending{color:#d97706;background:#f59e0b17;border:1px solid #f59e0b33}.status-pill.approved{color:#059669;background:#10b98117;border:1px solid #10b98133}.status-pill.rejected{color:#dc2626;background:#ef444417;border:1px solid #ef444433}.actions-group{align-items:center;gap:6px;display:flex}.action-icon-btn{border-radius:var(--radius-xs);width:28px;height:28px;transition:all var(--duration) var(--ease);color:var(--violet);cursor:pointer;background:#6c63ff1a;border:none;justify-content:center;align-items:center;display:flex}.action-icon-btn:hover{background:#6c63ff33;transform:translateY(-1px)}.action-icon-btn.approve{background:#10b981;box-shadow:0 2px 8px #10b98140}.action-icon-btn.approve:hover{background:#059669;transform:translateY(-1px)}.action-icon-btn.reject{background:#ef4444;box-shadow:0 2px 8px #ef444440}.action-icon-btn.reject:hover{background:#dc2626;transform:translateY(-1px)}.perm-module-block{border-bottom:1px solid var(--surface-border);margin-bottom:18px;padding-bottom:18px}.perm-module-block:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.perm-module-header{align-items:center;gap:8px;margin-bottom:12px;display:flex}.perm-module-dot{background:linear-gradient(135deg,#9b2cba,#6c63ff);border-radius:50%;flex-shrink:0;width:8px;height:8px}.perm-module-name{color:var(--ink);text-transform:uppercase;letter-spacing:.5px;font-size:.88rem;font-weight:700}.perm-chip-row{flex-wrap:wrap;gap:8px;display:flex}.perm-chip{border-radius:var(--radius-full);border:1.5px solid var(--surface-border);background:var(--surface-raised);color:var(--ink-muted);font-size:.8rem;font-weight:500;font-family:var(--font-body);cursor:pointer;transition:all .18s var(--ease);text-transform:capitalize;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;padding:6px 14px 6px 10px;display:inline-flex}.perm-chip:hover:not(.locked){border-color:var(--violet);color:var(--violet);background:#6c63ff0f;transform:translateY(-1px);box-shadow:0 3px 10px #6c63ff1f}.perm-chip.checked{color:var(--violet);background:linear-gradient(135deg,#9b2cba1a,#6c63ff1f);border-color:#6c63ff66;font-weight:600;box-shadow:0 2px 8px #6c63ff26}.perm-chip.checked:hover:not(.locked){border-color:var(--violet);background:linear-gradient(135deg,#9b2cba29,#6c63ff2e);box-shadow:0 4px 12px #6c63ff33}.perm-chip.locked{cursor:not-allowed;opacity:.75}.perm-chip.checked.locked{color:var(--violet);background:linear-gradient(135deg,#9b2cba14,#6c63ff14);border-color:#6c63ff4d}.perm-chip-indicator{width:16px;height:16px;transition:all .18s var(--ease);border:1.5px solid;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.perm-chip.checked .perm-chip-indicator{background:var(--violet);border-color:var(--violet);color:#fff}.perm-chip.checked.locked .perm-chip-indicator{background:#6c63ff99;border-color:#6c63ff66}.perm-chip-label{line-height:1}.table-pagination{background:var(--surface);border-top:1px solid var(--surface-border);color:var(--ink-secondary);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:14px 20px;font-size:.82rem;display:flex}.pagination-info{font-weight:500}.pagination-buttons{align-items:center;gap:4px;display:flex}.pagination-btn{border-radius:var(--radius-xs);color:var(--ink-secondary);border:1px solid var(--surface-border);background:var(--surface);transition:all var(--duration) var(--ease);padding:6px 12px;font-size:.82rem;font-weight:600}.pagination-btn:hover:not(:disabled){background:var(--surface-hover);color:var(--ink)}.pagination-btn.active{background:var(--violet);border-color:var(--violet);color:#fff}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}[data-tooltip]{position:relative}[data-tooltip]:after{content:attr(data-tooltip);color:#fff;border-radius:var(--radius-xs);font-size:.72rem;font-family:var(--font-body);white-space:nowrap;opacity:0;pointer-events:none;z-index:1000;background:#1a0a2ef2;padding:5px 10px;transition:all .18s;position:absolute;bottom:125%;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #00000026}[data-tooltip]:hover:after{opacity:1;bottom:140%}@media (width<=1100px){.modules-grid,.stats-row{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.sidebar{transform:translate(-100%);box-shadow:4px 0 20px #00000014}.sidebar.open{transform:translate(0)}.admin-shell{width:100%!important;max-width:100vw!important;overflow-x:hidden!important}.main-content{width:100%!important;min-width:0!important;max-width:100vw!important;margin-left:0!important;overflow-x:hidden!important}.hamburger-btn{display:flex}.page-content{box-sizing:border-box!important;width:100%!important;max-width:100%!important;padding:14px 10px!important;overflow-x:hidden!important}.topbar{box-sizing:border-box!important;width:100%!important;max-width:100vw!important;padding:0 14px!important}.welcome-banner{padding:22px 20px}}@media (width<=560px){.modules-grid,.stats-row{grid-template-columns:1fr}.auth-card-body{padding:20px 20px 24px}.auth-card-header{padding:24px 20px}.auth-title{font-size:1.25rem}.company-chip span{display:none}}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0f0b2973;justify-content:center;align-items:center;animation:.25s forwards fadeIn;display:flex;position:fixed;inset:0}.modal-card{background:var(--surface);border:1px solid var(--surface-border);border-radius:var(--radius);width:90%;max-width:460px;box-shadow:var(--shadow-lg);animation:.3s cubic-bezier(.16,1,.3,1) forwards slideUp;overflow:hidden}.modal-header{border-bottom:1px solid var(--surface-border);justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.modal-header h2{font-family:var(--font-display);color:var(--ink);margin:0;font-size:1.15rem;font-weight:700}.modal-close-btn{color:var(--ink-muted);cursor:pointer;background:0 0;border:none;font-size:1.5rem;line-height:1}.modal-close-btn:hover{color:var(--ink)}.btn-secondary{background:var(--surface);color:var(--ink-secondary);border:1px solid var(--surface-border);border-radius:var(--radius-xs);transition:all var(--duration) var(--ease);cursor:pointer;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-size:.88rem;font-weight:600;display:inline-flex}.btn-secondary:hover:not(:disabled){background:var(--surface-hover);color:var(--ink);border-color:var(--ink-muted)}.btn-secondary:active:not(:disabled){background:var(--surface-raised)}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.modal-footer{background:var(--surface-hover);border-top:1px solid var(--surface-border);justify-content:flex-end;align-items:center;gap:12px;padding:16px 24px;display:flex}.modal-footer .btn-primary{cursor:pointer;width:auto;margin-top:0;padding:10px 20px;font-size:.88rem}.modal-footer .btn-secondary{cursor:pointer;padding:10px 20px;font-size:.88rem}.form-group{flex-direction:column;gap:6px;display:flex}.form-group label{color:var(--ink-secondary);font-size:.8rem;font-weight:600}.modal-body .form-input,.modal-body .form-select{padding-left:14px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.auth-layout-modern{background:var(--surface);width:100vw;min-height:100vh;display:flex;overflow:hidden}.auth-hero-pane{color:#fff;background:linear-gradient(135deg,#120924 0%,#2f1154 50%,#15243a 100%);flex-direction:column;flex:1.2;justify-content:center;padding:80px;display:flex;position:relative;overflow:hidden}.auth-hero-pane:before{content:"";filter:blur(40px);background:radial-gradient(circle,#14c8c814 0%,#0000 70%);width:60%;height:60%;position:absolute;top:-20%;right:-20%}.auth-hero-content{z-index:10;max-width:580px;animation:.6s cubic-bezier(.16,1,.3,1) both slideUp}.auth-hero-badge{text-transform:uppercase;letter-spacing:1px;color:#fff;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:30px;align-items:center;gap:8px;margin-bottom:24px;padding:6px 14px;font-size:.78rem;font-weight:700;display:inline-flex}.auth-hero-badge .dot{background:var(--teal);width:8px;height:8px;box-shadow:0 0 8px var(--teal);border-radius:50%}.auth-hero-title{font-family:var(--font-display);color:#fff;margin-bottom:20px;font-size:3rem;font-weight:800;line-height:1.15}.auth-hero-title .gradient-text{background:linear-gradient(90deg,#9b2cbc,#6c63ff,#14c8c8);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.auth-hero-desc{color:#ffffffb3;margin-bottom:30px;font-size:1.05rem;line-height:1.6}.auth-form-pane{background:var(--surface);flex:1;justify-content:center;align-items:center;padding:40px;display:flex;position:relative}.auth-form-container{flex-direction:column;width:100%;max-width:420px;animation:.8s both fadeIn;display:flex}.auth-form-header{text-align:center;margin-bottom:32px}.auth-form-logo{margin-bottom:20px;display:inline-block}.auth-form-title{font-family:var(--font-display);color:var(--ink);margin-bottom:6px;font-size:1.6rem;font-weight:700}.auth-form-subtitle{color:var(--ink-secondary);font-size:.88rem}@media (width<=950px){.auth-hero-pane{display:none}.auth-form-pane{background:var(--surface-hover);flex:1;padding:24px}.auth-form-container{background:var(--surface);border:1px solid var(--surface-border);box-shadow:var(--shadow-md);border-radius:20px;padding:32px 24px}}.company-modules-menu{flex-direction:column;gap:4px;display:flex}.root-company-menu-item{transition:all .2s}.root-company-menu-item:hover{color:#fff!important;background:#ffffff0d!important}.root-company-menu-item.expanded{color:#fff!important;background:#ffffff08!important}.sub-company-menu-item{cursor:pointer;background:0 0;border:none;width:100%;font-family:inherit;transition:all .2s}.sub-company-menu-item:hover{color:#fff!important;background:#ffffff0a!important}.root-menu-children,.sub-menu-children{animation:.2s ease-out slideDownFade}@keyframes slideDownFade{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.sidebar-nav::-webkit-scrollbar{width:0;height:0;display:none}.sidebar-nav{-ms-overflow-style:none;scrollbar-width:none}.sidebar-profile-card{background:var(--surface-raised);border-bottom:1px solid var(--surface-border);flex-shrink:0;padding:14px 16px;position:relative;overflow:hidden}.profile-card-gradient{background:var(--grad-brand);height:3px;position:absolute;top:0;left:0;right:0}.profile-card-content{align-items:center;gap:10px;display:flex}.profile-card-avatar{background:var(--grad-brand);color:#fff;width:36px;height:36px;font-size:.88rem;font-weight:700;font-family:var(--font-display);cursor:pointer;-webkit-user-select:none;user-select:none;border:none;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex;box-shadow:0 3px 10px #9b2cba4d}.profile-card-avatar:hover{transform:scale(1.06);box-shadow:0 4px 14px #6c63ff59}.profile-card-info{flex:1;min-width:0}.profile-card-name{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;cursor:pointer;margin:0;font-size:.83rem;font-weight:700;transition:color .2s;overflow:hidden}.profile-card-name:hover{color:var(--violet)}.profile-card-company{color:var(--violet);letter-spacing:.5px;opacity:.75;margin-top:2px;font-size:.63rem;font-weight:700;display:block}.profile-card-logout{background:var(--surface);border:1px solid var(--surface-border);width:28px;height:28px;color:var(--ink-muted);cursor:pointer;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex}.profile-card-logout:hover{color:#e04020;background:#e0402014;border-color:#e0402033;transform:translateY(-1px)}.profile-container{flex-direction:column;gap:24px;width:100%;max-width:100%;margin:0;padding:0;animation:.5s both fadeIn;display:flex}.profile-hero-banner{border:1px solid var(--surface-border);color:var(--ink);box-shadow:var(--shadow-sm);background:linear-gradient(135deg,#9b2cba0a 0%,#6c63ff0f 50%,#12b8a00a 100%);border-radius:20px;justify-content:space-between;align-items:center;gap:28px;padding:40px 36px;display:flex;position:relative;overflow:visible}.profile-hero-banner:before{content:"";filter:blur(40px);pointer-events:none;background:radial-gradient(circle,#9b2cba14 0%,#0000 70%);border-radius:50%;width:300px;height:300px;position:absolute;top:-50%;right:-10%}.profile-hero-banner:after{content:"";filter:blur(45px);pointer-events:none;background:radial-gradient(circle,#12b8a014 0%,#0000 70%);border-radius:50%;width:250px;height:250px;position:absolute;bottom:-30%;left:20%}.profile-hero-left{z-index:2;align-items:center;gap:24px;display:flex}.profile-avatar-large{background:var(--grad-brand);color:#fff;width:80px;height:80px;font-size:2rem;font-weight:800;font-family:var(--font-display);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex;box-shadow:0 8px 24px #9b2cba33}.profile-header-info h1{font-family:var(--font-display);letter-spacing:-.5px;color:var(--ink);margin:0 0 6px;font-size:1.7rem;font-weight:800}.profile-header-info .context-badge{color:var(--violet);letter-spacing:.5px;background:#6c63ff14;border:1px solid #6c63ff26;border-radius:20px;padding:4px 12px;font-size:.72rem;font-weight:700;display:inline-block}.profile-hero-right{z-index:2;gap:20px;display:flex}.profile-stat-box{background:var(--surface);border:1px solid var(--surface-border);text-align:center;min-width:110px;box-shadow:var(--shadow-sm);border-radius:14px;padding:14px 22px;transition:all .3s}.profile-stat-box:hover{background:var(--surface-hover);border-color:var(--surface-border);transform:translateY(-2px)}.profile-stat-value{font-family:var(--font-display);color:var(--violet);margin-bottom:2px;font-size:1.5rem;font-weight:800}.profile-stat-label{color:var(--ink-secondary);text-transform:uppercase;letter-spacing:.8px;font-size:.68rem;font-weight:700}.profile-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;display:grid}.profile-section-card{background:var(--surface);border:1px solid var(--surface-border);box-shadow:var(--shadow-sm);border-radius:16px;padding:32px;transition:transform .2s,box-shadow .2s}.profile-section-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.profile-section-title{font-family:var(--font-display);color:var(--ink);border-bottom:1px solid var(--surface-border);align-items:center;gap:10px;margin:0 0 24px;padding-bottom:14px;font-size:1.1rem;font-weight:700;display:flex}.profile-info-list{flex-direction:column;gap:22px;display:flex}.profile-info-item label{color:var(--ink-muted);text-transform:uppercase;letter-spacing:.8px;margin-bottom:6px;font-size:.72rem;font-weight:700;display:block}.profile-info-value{color:var(--ink);align-items:center;gap:8px;font-size:.95rem;font-weight:600;display:flex}.profile-info-value svg{color:var(--ink-secondary)}.workspace-list{flex-direction:column;gap:12px;margin-top:16px;display:flex}.workspace-card-item{background:var(--surface-hover);border:1px solid var(--surface-border);cursor:pointer;border-radius:12px;justify-content:space-between;align-items:center;padding:16px 20px;transition:all .25s;display:flex}.workspace-card-item:hover{background:var(--surface-active);border-color:var(--purple);transform:translate(4px)}.workspace-card-item.active{cursor:default;background:#6c63ff0d;border-color:#6c63ff4d;box-shadow:0 0 15px #6c63ff0d}.workspace-card-item.active:hover{transform:none}.workspace-card-left{flex:1;align-items:center;gap:14px;min-width:0;display:flex}.workspace-icon-box{background:var(--surface);border:1px solid var(--surface-border);width:38px;height:38px;color:var(--ink-secondary);border-radius:8px;justify-content:center;align-items:center;font-size:.85rem;font-weight:700;transition:all .2s;display:flex}.workspace-card-item.active .workspace-icon-box{background:var(--grad-brand);color:#fff;border-color:#0000}.workspace-details{flex:1;min-width:0}.workspace-details h5{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.88rem;font-weight:700;overflow:hidden}.workspace-details span{color:var(--ink-muted);text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;font-size:.72rem;font-weight:600;display:block;overflow:hidden}.workspace-status-badge{letter-spacing:.5px;text-transform:uppercase;border-radius:20px;padding:4px 10px;font-size:.68rem;font-weight:700}.workspace-status-badge.active{color:var(--teal);background:#12b8a01f;border:1px solid #12b8a033}.workspace-status-badge.switch-btn{background:var(--surface);color:var(--ink-muted);border:1px solid var(--surface-border);transition:all .2s}.workspace-card-item:hover .workspace-status-badge.switch-btn{background:var(--purple);color:#fff;border-color:#0000}.profile-alert-box{background:#6c63ff0d;border:1px solid #6c63ff1f;border-radius:8px;align-items:start;gap:12px;padding:14px 16px;display:flex}.profile-alert-box svg{color:var(--violet);flex-shrink:0;margin-top:1px}.profile-alert-text{font-size:.8rem;line-height:1.45}.profile-mode-tabs-container{justify-content:flex-start;margin:0 0 24px;display:flex}.profile-mode-tabs{background:0 0;border:none;gap:6px;padding:0;display:flex}.profile-mode-tab{background:var(--surface);border:1.5px solid var(--surface-border);color:var(--ink-secondary);cursor:pointer;border-radius:10px;align-items:center;gap:8px;padding:9px 20px;font-family:inherit;font-size:.84rem;font-weight:600;transition:all .2s;display:flex;box-shadow:0 1px 4px #0000000a}.profile-mode-tab:hover{background:var(--surface-hover);color:var(--violet);border-color:#6c63ff40;transform:translateY(-1px);box-shadow:0 4px 12px #6c63ff14}.profile-mode-tab.active{background:var(--grad-brand);color:#fff;border-color:#0000;transform:translateY(-1px);box-shadow:0 4px 16px #6c63ff40}.alerts-container{max-width:900px;margin:0 auto;padding:24px 20px;animation:.4s both fadeIn}.alerts-header-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.alerts-left-controls{background:var(--surface-hover);border:1px solid var(--surface-border);border-radius:8px;padding:3px;display:flex}.filter-btn{color:var(--ink-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:6px;padding:6px 16px;font-family:inherit;font-size:.82rem;font-weight:600;transition:all .2s;display:flex}.filter-btn.active{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-sm)}.unread-dot-badge{background:var(--orange);color:#fff;border-radius:10px;padding:1px 6px;font-size:.68rem;font-weight:800;line-height:1}.alerts-right-controls{gap:12px;display:flex}.action-link-btn{border:1px solid var(--surface-border);color:var(--ink-secondary);cursor:pointer;background:0 0;border-radius:8px;align-items:center;gap:6px;padding:7px 14px;font-family:inherit;font-size:.8rem;font-weight:600;transition:all .2s;display:flex}.action-link-btn:hover:not(:disabled){background:var(--surface-hover);border-color:var(--ink-muted);color:var(--ink)}.action-link-btn.danger:hover:not(:disabled){color:var(--orange);background:#e0402014;border-color:#e0402033}.action-link-btn:disabled{opacity:.5;cursor:not-allowed}.alerts-list{flex-direction:column;gap:12px;display:flex}.alert-card{background:var(--surface);border:1px solid var(--surface-border);cursor:pointer;border-radius:12px;align-items:start;gap:16px;padding:16px 20px;transition:all .2s;display:flex;position:relative;overflow:hidden}.alert-card:hover{transform:translateY(-1px);box-shadow:0 4px 15px #0000000a}.alert-card.unread{background:var(--surface-hover);border-color:#6c63ff26}.alert-card.unread:before{content:"";background:var(--violet);border-radius:50%;width:8px;height:8px;position:absolute;top:18px;right:18px}.alert-card.unread .alert-priority-accent{background:var(--violet)}.alert-card.read .alert-priority-accent{background:var(--surface-border)}.alert-card.high-priority.unread{background:#e0402005;border-color:#e0402040}.alert-card.high-priority.unread .alert-priority-accent,.alert-card.high-priority.unread:before{background:var(--orange)}.alert-priority-accent{width:4px;position:absolute;top:0;bottom:0;left:0}.alert-icon-avatar{border-radius:var(--radius-sm,8px);background:var(--surface-hover);border:1px solid var(--surface-border);width:36px;height:36px;color:var(--violet);flex-shrink:0;justify-content:center;align-items:center;display:flex}.alert-card.high-priority .alert-icon-avatar{color:var(--orange);background:#e0402014;border-color:#e0402026}.alert-content-block{flex:1;min-width:0}.alert-title-row{flex-wrap:wrap;justify-content:space-between;align-items:start;gap:16px;margin-bottom:6px;display:flex}.alert-title-row h4{font-family:var(--font-display);color:var(--ink);margin:0;font-size:.92rem;font-weight:700;line-height:1.3}.alert-meta-badges{flex-wrap:wrap;align-items:center;gap:8px;font-size:.72rem;display:flex}.alert-company-badge{color:var(--violet);background:#6c63ff0f;border:1px solid #6c63ff1f;border-radius:4px;padding:1px 6px;font-size:.65rem;font-weight:700}.priority-badge-high{color:var(--orange);background:#e0402014;border:1px solid #e040202e;border-radius:4px;align-items:center;gap:3px;padding:1px 6px;font-size:.65rem;font-weight:700;display:inline-flex}.alert-time-stamp{color:var(--ink-muted);white-space:nowrap;font-size:.75rem}.alert-body-text{color:var(--ink-secondary);margin:0;font-size:.82rem;line-height:1.45}.alert-read-action{color:var(--ink-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-self:center;align-items:center;margin-left:10px;padding:4px;transition:all .2s;display:flex}.alert-read-action:hover{background:var(--surface-hover);color:var(--violet)}.alerts-empty-state{text-align:center;background:var(--surface);border:1px solid var(--surface-border);border-radius:12px;margin-top:10px;padding:60px 20px}.empty-icon-wrap{background:var(--surface-hover);border:1px solid var(--surface-border);width:80px;height:80px;color:var(--ink-muted);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 20px;display:flex}.alerts-empty-state h3{font-family:var(--font-display);color:var(--ink);margin:0 0 8px;font-size:1.15rem;font-weight:700}.alerts-empty-state p{color:var(--ink-secondary);max-width:400px;margin:0 auto;font-size:.85rem;line-height:1.5}.stat-cards-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;margin-bottom:28px;display:grid}.stat-card{background:var(--surface);border:1px solid var(--surface-border);transition:box-shadow var(--duration) var(--ease), transform var(--duration) var(--ease);border-radius:14px;flex-direction:column;align-items:flex-start;gap:0;padding:20px;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 12px #6c63ff0a}.stat-card:hover{transform:translateY(-1px);box-shadow:0 6px 24px #6c63ff17}.stat-card:before{content:"";background:var(--card-gradient,var(--grad-brand));opacity:.1;pointer-events:none;border-radius:0 14px 0 80px;width:80px;height:80px;position:absolute;inset:0 0 auto auto}.stat-card-icon{background:var(--card-gradient,var(--grad-brand));color:#fff;border-radius:9px;justify-content:center;align-items:center;width:34px;height:34px;margin-bottom:14px;display:flex;box-shadow:0 4px 12px #6c63ff33}.stat-card-label{text-transform:uppercase;letter-spacing:.6px;color:var(--ink-muted);margin-bottom:6px;font-size:.72rem;font-weight:700}.stat-card-value{font-family:var(--font-display);color:var(--ink);font-size:1.7rem;font-weight:800;line-height:1.1}.stat-card-sub{color:var(--ink-muted);align-items:center;gap:4px;margin-top:5px;font-size:.74rem;display:flex}.page-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.toolbar-left{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.toolbar-right{flex-shrink:0;align-items:center;gap:8px;display:flex}.filter-pill{border-radius:var(--radius-full);border:1px solid var(--surface-border);cursor:pointer;background:var(--surface-raised);color:var(--ink-secondary);font-size:.78rem;font-weight:600;font-family:var(--font-body);transition:all var(--duration) var(--ease);padding:6px 14px}.filter-pill:hover{background:var(--surface-hover);color:var(--ink)}.filter-pill.active{background:var(--grad-brand);color:#fff;border-color:#0000;box-shadow:0 2px 10px #6c63ff4d}.btn-ghost{border-radius:var(--radius-xs);background:var(--surface-raised);border:1px solid var(--surface-border);color:var(--ink-secondary);font-size:.82rem;font-weight:500;font-family:var(--font-body);cursor:pointer;transition:all var(--duration) var(--ease);align-items:center;gap:6px;padding:7px 14px;display:inline-flex}.btn-ghost:hover{background:var(--surface-hover);color:var(--ink);border-color:#6c63ff4d}.btn-brand{border-radius:var(--radius-xs);background:var(--grad-brand);color:#fff;font-size:.82rem;font-weight:600;font-family:var(--font-body);cursor:pointer;transition:all var(--duration) var(--ease);border:none;align-items:center;gap:6px;padding:7px 16px;display:inline-flex;box-shadow:0 2px 12px #6c63ff59}.btn-brand:hover{filter:brightness(1.08);transform:translateY(-1px);box-shadow:0 4px 18px #6c63ff73}.btn-brand:disabled{opacity:.6;cursor:not-allowed;filter:none;transform:none}.btn-sm-edit{cursor:pointer;color:var(--violet);font-size:.78rem;font-weight:600;font-family:var(--font-body);transition:all var(--duration) var(--ease);background:#6c63ff1a;border:none;border-radius:6px;align-items:center;gap:5px;padding:5px 12px;display:inline-flex}.btn-sm-edit:hover{background:#6c63ff2e}.btn-sm-success{cursor:pointer;color:#4caf50;font-size:.78rem;font-weight:600;font-family:var(--font-body);transition:all var(--duration) var(--ease);background:#4caf501f;border:none;border-radius:6px;align-items:center;gap:4px;padding:5px 10px;display:inline-flex}.btn-sm-success:hover{background:#4caf5033}.btn-sm-danger{cursor:pointer;color:#f44336;font-size:.78rem;font-weight:600;font-family:var(--font-body);transition:all var(--duration) var(--ease);background:#f443361a;border:none;border-radius:6px;align-items:center;gap:4px;padding:5px 10px;display:inline-flex}.btn-sm-danger:hover{background:#f443362e}.badge{border-radius:var(--radius-full);letter-spacing:.3px;white-space:nowrap;align-items:center;gap:5px;padding:3px 10px;font-size:.72rem;font-weight:700;display:inline-flex}.badge-active{color:#4caf50;background:#4caf501f}.badge-inactive{color:#f44336;background:#f443361a}.badge-warning{color:#ff9800;background:#ff98001f}.badge-violet{color:var(--violet);background:#6c63ff1f}.badge-teal{color:var(--teal);background:#12b8a01f}.badge-purple{color:var(--purple);background:#9b2cba1f}.badge-gradient{background:var(--badge-gradient,var(--grad-brand));color:#fff}.data-table-enhanced{border-collapse:collapse;width:100%}.data-table-enhanced th{text-align:left;text-transform:uppercase;letter-spacing:.6px;color:var(--ink-muted);border-bottom:1px solid var(--surface-border);white-space:nowrap;z-index:20;background:var(--surface,#fff);padding:12px 16px;font-size:.72rem;font-weight:700;position:sticky;top:0;box-shadow:0 2px 6px #0000000f}.data-table-enhanced td{border-bottom:1px solid var(--surface-border);color:var(--ink-secondary);vertical-align:middle;padding:13px 16px;font-size:.86rem}.data-table-enhanced tbody tr:last-child td{border-bottom:none}.data-table-enhanced tbody tr{transition:background var(--duration) var(--ease)}.data-table-enhanced tbody tr:hover td{background:var(--surface-hover)}.data-table-enhanced tbody tr.editing{background:#6c63ff0a}.cell-mono{color:var(--ink);font-family:Menlo,Monaco,Consolas,monospace;font-size:.9rem;font-weight:600}.cell-time{color:var(--ink-muted);white-space:nowrap;align-items:center;gap:4px;font-size:.78rem;display:flex}.cell-truncate{text-overflow:ellipsis;white-space:nowrap;max-width:200px;display:block;overflow:hidden}.table-empty-state{text-align:center;color:var(--ink-muted);padding:60px 20px}.table-empty-state svg{opacity:.2;margin-bottom:12px}.table-empty-state h4{font-family:var(--font-display);color:var(--ink);margin-bottom:4px;font-size:1rem;font-weight:700}.table-empty-state p{color:var(--ink-secondary);font-size:.84rem}.table-loading-state{text-align:center;color:var(--ink-muted);padding:60px}.table-loading-state svg{opacity:.4;margin-bottom:12px;animation:1s linear infinite spin}.table-footer-count{color:var(--ink-muted);text-align:right;margin-top:12px;font-size:.78rem}.modal-backdrop{z-index:1000;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:modal-fade-in .2s var(--ease);background:#0000008c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0;overflow-y:auto}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}.modal-sheet{background:var(--surface);border:1px solid var(--surface-border);width:100%;max-width:520px;max-height:calc(100vh - 40px);animation:modal-slide-in .25s var(--ease);border-radius:16px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 24px 64px #00000059}.modal-sheet form{flex:1;max-height:calc(100vh - 120px);overflow-y:auto}@keyframes modal-slide-in{0%{opacity:0;transform:translateY(16px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-header{background:var(--modal-gradient,var(--grad-brand));justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.modal-header-info{align-items:center;gap:12px;display:flex}.modal-header-icon{color:#fff;background:#fff3;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.modal-title{color:#fff;font-size:1rem;font-weight:700}.modal-subtitle{color:#ffffffb3;margin-top:1px;font-size:.78rem}.modal-close-btn{cursor:pointer;color:#fff;transition:background var(--duration) var(--ease);background:#ffffff26;border:none;border-radius:8px;justify-content:center;align-items:center;padding:6px;display:flex}.modal-close-btn:hover{background:#ffffff47}.modal-body{flex-direction:column;gap:16px;padding:24px;display:flex}.modal-actions{justify-content:flex-end;gap:10px;margin-top:4px;display:flex}.form-field{flex-direction:column;gap:6px;display:flex}.form-label-sm{color:var(--ink-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:.78rem;font-weight:600}.form-label-sm .req{color:#f44336;margin-left:2px}.form-input-sm{box-sizing:border-box;background:var(--surface-raised);border:1px solid var(--surface-border);border-radius:var(--radius-xs);width:100%;color:var(--ink);font-size:.88rem;font-family:var(--font-body);transition:border-color var(--duration) var(--ease), box-shadow var(--duration) var(--ease);outline:none;padding:9px 12px}.form-input-sm:focus{border-color:var(--violet);box-shadow:0 0 0 3px #6c63ff1a}.form-select-sm{appearance:none;cursor:pointer}.form-textarea-sm{resize:vertical}.form-row-2{grid-template-columns:1fr 1fr;gap:12px;display:grid}.form-input-sm[type=time],.form-input-sm[type=date]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;cursor:pointer}.form-input-sm[type=time]::-webkit-calendar-picker-indicator{filter:invert(.7);cursor:pointer}.form-input-sm[type=date]::-webkit-calendar-picker-indicator{filter:invert(.7);cursor:pointer}.info-note{border-radius:var(--radius-xs);color:var(--ink-secondary);background:#6c63ff12;border:1px solid #6c63ff24;align-items:flex-start;gap:10px;padding:12px;font-size:.78rem;line-height:1.5;display:flex}.info-note-icon{color:var(--violet);flex-shrink:0;margin-top:1px}.spin{animation:1s linear infinite spin}.doc-card-v2{background:var(--surface);border:1px solid var(--surface-border);transition:all var(--duration) var(--ease);border-radius:14px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 2px 8px #00000005}.doc-card-v2:hover{border-color:#6c63ff38;transform:translateY(-2px);box-shadow:0 8px 28px #6c63ff1a}.doc-card-icon-area{justify-content:space-between;align-items:center;padding:16px 14px 12px;display:flex}.doc-card-body{flex:1;padding:0 14px 12px}.doc-card-name{color:var(--ink);-webkit-line-clamp:2;word-break:break-all;-webkit-box-orient:vertical;min-height:38px;margin-bottom:6px;font-size:.86rem;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}.doc-card-meta{color:var(--ink-muted);justify-content:space-between;align-items:center;font-size:.72rem;display:flex}.doc-card-actions{border-top:1px solid var(--surface-border);background:var(--surface-raised);align-items:center;gap:5px;padding:9px 14px;display:flex}.doc-card-actions .spacer{flex:1}.doc-type-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.doc-thumb-card{background:var(--surface-raised);border:1px solid var(--surface-border);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:100%;height:110px;display:flex;overflow:hidden}.doc-thumb-card-img{object-fit:cover;width:100%;height:100%;display:block}.doc-thumb-loading{position:relative}.doc-thumb-shimmer{background:linear-gradient(90deg, var(--surface-raised) 25%, var(--surface-border) 50%, var(--surface-raised) 75%);background-size:200% 100%;border-radius:10px;animation:1.4s infinite shimmer-sweep;position:absolute;inset:0}@keyframes shimmer-sweep{0%{background-position:200% 0}to{background-position:-200% 0}}.doc-thumb-list{background:var(--surface-raised);border:1px solid var(--surface-border);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex;overflow:hidden}.doc-thumb-list-img{object-fit:cover;width:100%;height:100%;display:block}.doc-action-btn{cursor:pointer;background:var(--surface-hover);width:28px;height:28px;color:var(--ink-secondary);transition:all var(--duration) var(--ease);border:none;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.doc-action-btn:hover{background:var(--surface-border);color:var(--ink)}.doc-action-btn.violet{color:var(--violet);background:#6c63ff1a}.doc-action-btn.violet:hover{background:#6c63ff33}.doc-action-btn.teal{color:var(--teal);background:#12b8a01a}.doc-action-btn.teal:hover{background:#12b8a033}.doc-action-btn.danger{color:#f44336;background:#f4433614}.doc-action-btn.danger:hover{background:#f4433629}.storage-bar-track{background:var(--surface-border);border-radius:10px;height:5px;margin-top:8px;overflow:hidden}.storage-bar-fill{border-radius:10px;height:100%;transition:width .8s cubic-bezier(.4,0,.2,1)}.storage-bar-fill.ok{background:linear-gradient(90deg,#10b981,#34d399)}.storage-bar-fill.warning{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.storage-bar-fill.exceeded{background:linear-gradient(90deg,#ef4444,#f87171)}@keyframes upload-shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.upload-progress-bar{background:linear-gradient(90deg,#6c63ff33 25%,#6c63ff99 50%,#6c63ff33 75%) 0 0/400px 100%;border-radius:4px;height:4px;margin-top:10px;animation:1.4s linear infinite upload-shimmer}.uploader-dropzone{border:2px dashed var(--surface-border);text-align:center;background:var(--surface);cursor:pointer;border-radius:14px;flex-direction:column;align-items:center;gap:10px;padding:36px 20px;transition:all .2s;display:flex}.uploader-dropzone:hover,.uploader-dropzone.drag-active{border-color:var(--violet);background:#6c63ff0a;box-shadow:0 0 20px #6c63ff1f}.auth-form-body-wrapper{min-height:300px;transition:min-height .3s cubic-bezier(.16,1,.3,1);position:relative}.auth-form-body-wrapper.login-active{min-height:300px}.auth-form-body-wrapper.signup-active{min-height:420px}.auth-form-body-wrapper.otp-active{min-height:180px}.auth-form-body-wrapper.setup-password-active{min-height:250px}.auth-form-slide{opacity:0;pointer-events:none;visibility:hidden;transition:opacity .22s ease-out,transform .22s cubic-bezier(.16,1,.3,1),visibility .22s;position:absolute;top:0;left:0;right:0;transform:translateY(16px)}.auth-form-slide.active{opacity:1;pointer-events:auto;visibility:visible;transform:translateY(0)}.admin-shell.sidebar-docked{--sidebar-w:78px}.sidebar.docked{width:var(--sidebar-w)!important;overflow:visible!important}.sidebar.docked .sidebar-nav{padding:16px 8px!important;overflow:visible!important}.sidebar.docked .sidebar-brand button.sidebar-dock-btn span,.sidebar.docked .sidebar-nav span,.sidebar.docked .submenu-arrow{display:none!important}.sidebar.docked .nav-item{border-radius:12px!important;justify-content:center!important;align-items:center!important;width:44px!important;height:44px!important;margin:0 auto 6px!important;padding:0!important;display:flex!important}.sidebar.docked .nav-item-icon{opacity:.7;width:18px!important;height:18px!important;margin:0!important}.sidebar.docked .sidebar-profile-card{border-bottom:1px solid var(--surface-border)!important;background:0 0!important;justify-content:center!important;padding:12px 6px!important;display:flex!important}.sidebar.docked .profile-card-content{justify-content:center!important;gap:0!important;width:auto!important;display:flex!important}.sidebar.docked .sidebar-profile-card .profile-card-info,.sidebar.docked .sidebar-profile-card .profile-card-logout,.sidebar.docked .sidebar-profile-card .profile-card-gradient{display:none!important}.sidebar.docked .profile-card-avatar{border-radius:50%!important;justify-content:center!important;align-items:center!important;width:38px!important;min-width:38px!important;max-width:38px!important;height:38px!important;min-height:38px!important;max-height:38px!important;margin:0 auto!important;display:flex!important}.sidebar.docked .sidebar-section-label{justify-content:center!important;height:1px!important;margin:12px 0 6px!important;padding:0!important;font-size:0!important;display:flex!important}.sidebar.docked .sidebar-section-label:after{content:"";background:var(--surface-border)!important;flex:none!important;width:24px!important;height:1px!important}.sidebar.docked .root-menu-group{position:relative!important}.sidebar.docked .root-menu-children{border:1px solid var(--surface-border)!important;z-index:1000!important;background:#fff!important;border-radius:14px!important;min-width:230px!important;padding:12px!important;animation:.18s cubic-bezier(.4,0,.2,1) forwards popoverFadeIn!important;display:none!important;position:absolute!important;top:-6px!important;left:68px!important;box-shadow:0 10px 30px #6c63ff1f!important}.sidebar.docked .root-menu-children:before{content:""!important;background:0 0!important;width:30px!important;height:calc(100% + 30px)!important;position:absolute!important;top:-15px!important;left:-24px!important}@keyframes popoverFadeIn{0%{opacity:0;transform:translate(8px)}to{opacity:1;transform:translate(0)}}.sidebar.docked .root-menu-group:hover .root-menu-children{display:block!important}.sidebar.docked .root-menu-children span,.sidebar.docked .root-menu-children svg{display:inline-block!important}.sidebar.docked .root-menu-children .submenu-dot{display:block!important}.sidebar.docked .root-menu-children .submenu-item{border:none!important;border-radius:8px!important;padding:8px 10px!important}.root-menu-children{border-left:1px solid var(--surface-border)!important;margin-top:2px!important;margin-left:8px!important;padding-left:6px!important}.sub-menu-children{border-left:2px solid #6366f133!important;margin-top:3px!important;margin-bottom:6px!important;margin-left:10px!important;padding-left:8px!important}.dashboard-container{flex-direction:column;gap:24px;display:flex}.dashboard-tabs{border-bottom:1px solid var(--surface-border);flex-wrap:wrap;gap:8px;padding-bottom:8px;display:flex}.dashboard-tab{color:var(--ink-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:8px;flex-shrink:0;align-items:center;gap:8px;padding:10px 18px;font-size:.84rem;font-weight:700;transition:all .2s;display:flex}.dashboard-tab:hover{background:var(--surface-hover);color:var(--ink)}.dashboard-tab.active{color:var(--violet);background:#6c63ff0f}.analytics-card{box-shadow:var(--shadow-sm);transition:transform .25s,box-shadow .25s}.analytics-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.alert-item{transition:transform .2s}.alert-item:hover{transform:translate(4px)}.alert-item.high-priority{background:#ef44440a!important;border-color:#ef444426!important}.alert-item.high-priority .alert-icon-wrap{color:#ef4444!important}.alert-item.high-priority .priority-badge{color:#ef4444!important;background:#ef44441f!important}.alert-item.medium-priority{background:#f59e0b0a!important;border-color:#f59e0b26!important}.alert-item.medium-priority .alert-icon-wrap{color:#f59e0b!important}.alert-item.medium-priority .priority-badge{color:#d97706!important;background:#f59e0b1f!important}.alert-item.low-priority{background:#10b9810a!important;border-color:#10b98126!important}.alert-item.low-priority .alert-icon-wrap{color:#10b981!important}.alert-item.low-priority .priority-badge{color:#10b981!important;background:#10b9811f!important}.alert-item.info-priority{background:#6c63ff0a!important;border-color:#6c63ff26!important}.alert-item.info-priority .alert-icon-wrap{color:var(--violet)!important}.alert-item.info-priority .priority-badge{color:var(--violet)!important;background:#6c63ff1a!important}.toggle-switch{width:44px;height:24px;display:inline-block;position:relative}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{cursor:pointer;background-color:var(--surface-active);border:1px solid var(--surface-border);border-radius:24px;transition:all .3s;position:absolute;inset:0}.toggle-slider:before{content:"";background-color:var(--ink-secondary);border-radius:50%;width:16px;height:16px;transition:all .3s;position:absolute;bottom:3px;left:3px}.toggle-switch input:checked+.toggle-slider{background-color:#6c63ff26;border-color:#6c63ff4d}.toggle-switch input:checked+.toggle-slider:before{background-color:var(--violet);transform:translate(20px)}.status-badge{text-align:center;border-radius:4px;padding:3px 8px;font-size:.68rem;font-weight:700;display:inline-block}.status-badge.approved{color:#10b981!important;background:#10b9811f!important}.status-badge.pending{color:#d97706!important;background:#f59e0b1f!important}.status-badge.rejected{color:#ef4444!important;background:#ef44441f!important}.chart-column-wrap:hover .bar-tooltip{display:block!important}.chart-bar{cursor:pointer}.chart-bar:hover{filter:brightness(1.1);transform-origin:bottom;transform:scaleY(1.03);box-shadow:0 10px 15px -3px #0000004d!important}.content-tab{color:var(--ink-secondary);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:16px 4px;font-size:.88rem;font-weight:600;transition:all .2s;position:relative}.content-tab:hover{color:var(--ink)}.content-tab.active{color:var(--violet);border-bottom:2px solid var(--violet);font-weight:700}.ds-hero{background:linear-gradient(135deg,#1a0a2e 0%,#2d1854 40%,#1e3a5f 100%);border-radius:20px;justify-content:space-between;align-items:center;gap:24px;margin-bottom:24px;padding:28px 32px;display:flex;position:relative;overflow:hidden}.ds-hero:before{content:"";pointer-events:none;background-image:radial-gradient(circle at 20%,#6c63ff2e 0%,#0000 50%),radial-gradient(circle at 80% 20%,#12b8a01f 0%,#0000 45%);position:absolute;inset:0}.ds-hero-left{z-index:1;position:relative}.ds-hero-title{font-family:var(--font-display);color:#fff;letter-spacing:-.02em;margin:0 0 5px;font-size:1.5rem;font-weight:700}.ds-hero-sub{color:#ffffff8c;margin:0;font-size:.82rem}.ds-hero-right{z-index:1;align-items:center;gap:10px;display:flex;position:relative}.ds-hero-actions{align-items:center;gap:10px;display:flex}.ds-scope-switcher{background:#ffffff17;border:1px solid #ffffff24;border-radius:12px;gap:0;padding:5px;display:flex}.ds-scope-btn{cursor:pointer;color:#ffffff8c;font-size:.82rem;font-weight:600;font-family:var(--font-body);background:0 0;border:none;border-radius:8px;align-items:center;gap:7px;padding:8px 18px;transition:all .18s;display:flex}.ds-scope-btn.active{color:#fff;background:#ffffff2e;box-shadow:0 2px 10px #00000038}.ds-scope-btn:not(.active):hover{color:#ffffffd1;background:#ffffff14}.ds-hero-refresh{color:#ffffffb3;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff2e;border-radius:10px;align-items:center;padding:9px 10px;transition:all .18s;display:flex}.ds-hero-refresh:hover{color:#fff;background:#fff3}.ds-page-wrapper{box-sizing:border-box;width:100%;max-width:100%;overflow-x:hidden}.ds-stats-strip{box-sizing:border-box;flex-wrap:wrap;gap:12px;width:100%;max-width:100%;margin-bottom:24px;display:flex}.ds-stat-chip{background:var(--surface);border:1px solid var(--surface-border);box-sizing:border-box;border-radius:14px;align-items:center;gap:13px;min-width:0;padding:13px 18px;transition:box-shadow .2s,transform .2s;display:flex}.ds-stat-chip:hover{transform:translateY(-1px);box-shadow:0 4px 20px #6c63ff17}.ds-stat-icon{color:#fff;border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.ds-stat-label{color:var(--ink-muted);text-transform:uppercase;letter-spacing:.07em;margin-bottom:3px;font-size:.66rem;font-weight:700}.ds-stat-value{color:var(--ink);font-size:1.5rem;font-weight:800;line-height:1;font-family:var(--font-display)}.ds-storage-chip{box-sizing:border-box;flex:1;min-width:0}.ds-storage-bar{background:var(--surface-border);border-radius:4px;height:4px;margin-top:6px;overflow:hidden}.ds-storage-bar-fill{border-radius:4px;height:100%;transition:width .9s cubic-bezier(.4,0,.2,1)}.ds-storage-bar-fill.ok{background:linear-gradient(90deg,#10b981,#34d399)}.ds-storage-bar-fill.warning{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.ds-storage-bar-fill.danger{background:linear-gradient(90deg,#ef4444,#f87171)}.ds-layout{grid-template-columns:210px 1fr;align-items:start;gap:18px;display:grid}.ds-upload-panel{flex-direction:column;gap:12px;display:flex}.ds-dropzone{border:1.5px dashed var(--surface-border);text-align:center;background:var(--surface);cursor:pointer;border-radius:18px;flex-direction:column;align-items:center;gap:10px;padding:26px 14px;transition:all .22s;display:flex;position:relative;overflow:hidden}.ds-dropzone:after{content:"";opacity:0;pointer-events:none;background:linear-gradient(135deg,#6c63ff0a 0%,#12b8a00a 100%);transition:opacity .2s;position:absolute;inset:0}.ds-dropzone:hover:after,.ds-dropzone.dz-active:after{opacity:1}.ds-dropzone:hover,.ds-dropzone.dz-active{border-color:var(--violet);box-shadow:0 0 0 3px #6c63ff12,0 8px 24px #6c63ff17}.ds-dropzone-icon{width:50px;height:50px;color:var(--violet);z-index:1;background:#6c63ff14;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex;position:relative}.ds-dropzone.dz-active .ds-dropzone-icon{background:#6c63ff29;transform:scale(1.1)}.ds-dropzone-text{z-index:1;position:relative}.ds-dropzone-title{color:var(--ink);margin:0 0 3px;font-size:.86rem;font-weight:700}.ds-dropzone-sub{color:var(--ink-muted);margin:0;font-size:.72rem}.ds-browse-btn{color:var(--violet);z-index:1;font-size:.76rem;font-weight:600;font-family:var(--font-body);background:#6c63ff12;border:1px solid #6c63ff38;border-radius:8px;align-items:center;gap:5px;padding:6px 14px;transition:all .16s;display:inline-flex;position:relative}.ds-browse-btn:hover{border-color:var(--violet);background:#6c63ff24}.ds-secure-note{color:var(--ink-secondary);background:linear-gradient(135deg,#12b8a00d,#6c63ff0d);border:1px solid #12b8a024;border-radius:12px;gap:9px;padding:11px 13px;font-size:.72rem;line-height:1.55;display:flex}.ds-files-panel{background:var(--surface);border:1px solid var(--surface-border);border-radius:18px;overflow:hidden;box-shadow:0 2px 14px #00000008}.ds-tab-bar{border-bottom:1px solid var(--surface-border);background:var(--surface-raised);align-items:center;gap:12px;min-height:50px;padding:0 16px;display:flex}.ds-tab{color:var(--ink-muted);cursor:pointer;white-space:nowrap;font-size:.83rem;font-weight:600;font-family:var(--font-body);background:0 0;border:none;border-bottom:2px solid #0000;flex-shrink:0;margin-bottom:-1px;padding:14px 2px;transition:color .16s;position:relative}.ds-tab:hover{color:var(--ink)}.ds-tab.active{color:var(--violet);border-bottom-color:var(--violet);font-weight:700}.ds-search{flex:1;max-width:280px;position:relative}.ds-search-icon{color:var(--ink-muted);pointer-events:none;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.ds-search-input{border:1px solid var(--surface-border);background:var(--surface);width:100%;color:var(--ink);font-size:.81rem;font-family:var(--font-body);border-radius:9px;outline:none;padding:7px 11px 7px 31px;transition:all .16s}.ds-search-input:focus{border-color:var(--violet);box-shadow:0 0 0 3px #6c63ff17}.ds-search-input::placeholder{color:var(--ink-muted)}.ds-sort-select{border:1px solid var(--surface-border);background:var(--surface);color:var(--ink-secondary);cursor:pointer;font-size:.76rem;font-family:var(--font-body);border-radius:8px;outline:none;padding:5px 9px}.ds-view-toggle{border:1px solid var(--surface-border);border-radius:8px;gap:2px;padding:2px;display:flex;overflow:hidden}.ds-view-btn{cursor:pointer;width:28px;height:28px;color:var(--ink-muted);background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;transition:all .14s;display:flex}.ds-view-btn.active{background:var(--surface-hover);color:var(--violet)}.ds-grid{grid-template-columns:repeat(auto-fill,minmax(188px,1fr));gap:13px;padding:16px;display:grid}.ds-doc-card{background:var(--surface);border:1px solid var(--surface-border);transition:all .2s var(--ease);border-radius:15px;flex-direction:column;display:flex;position:relative;overflow:hidden}.ds-doc-card:before{content:"";background:linear-gradient(90deg, var(--violet), var(--teal));height:2px;transition:transform .2s var(--ease);transform-origin:0;position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.ds-doc-card:hover{border-color:#6c63ff38;transform:translateY(-3px);box-shadow:0 12px 30px #6c63ff1c}.ds-doc-card:hover:before{transform:scaleX(1)}.ds-doc-card-header{flex-direction:column;gap:7px;padding:10px 10px 6px;display:flex}.ds-doc-card-header-meta{justify-content:flex-end;align-items:flex-start;min-height:0;display:flex}.ds-doc-card-body{flex-direction:column;flex:1;gap:5px;padding:0 13px 10px;display:flex}.ds-doc-card-name{color:var(--ink);-webkit-line-clamp:2;word-break:break-word;-webkit-box-orient:vertical;font-size:.82rem;font-weight:700;line-height:1.38;display:-webkit-box;overflow:hidden}.ds-doc-badges{flex-wrap:wrap;gap:3px;margin:2px 0;display:flex}.ds-badge{border-radius:4px;align-items:center;gap:2px;padding:2px 5px;font-size:.61rem;font-weight:600;display:inline-flex}.ds-badge-violet{color:var(--violet);background:#6c63ff1a;border:1px solid #6c63ff24}.ds-badge-teal{color:var(--teal);background:#12b8a017;border:1px solid #12b8a029}.ds-badge-mono{background:var(--surface-raised);color:var(--ink-secondary);border:1px solid var(--surface-border);font-family:monospace}.ds-badge-green{color:#10b981;background:#10b9811a}.ds-badge-red{color:#ef4444;background:#ef44441a}.ds-doc-remarks{color:var(--ink-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.69rem;font-style:italic;display:-webkit-box;overflow:hidden}.ds-doc-meta{color:var(--ink-muted);border-top:1px solid var(--surface-border);justify-content:space-between;align-items:center;gap:6px;margin-top:auto;padding-top:8px;font-size:.67rem;display:flex}.ds-doc-actions-row{border-top:1px solid var(--surface-border);background:var(--surface-raised);align-items:center;gap:5px;padding:8px 11px;display:flex}.ds-icon-btn{cursor:pointer;width:30px;height:30px;font-family:var(--font-body);border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:all .14s;display:flex}.ds-icon-btn-ghost{background:var(--surface-hover);color:var(--ink-secondary)}.ds-icon-btn-ghost:hover{background:var(--surface-border);color:var(--ink)}.ds-icon-btn-violet{color:var(--violet);background:#6c63ff1a}.ds-icon-btn-violet:hover{background:#6c63ff33}.ds-icon-btn-teal{color:var(--teal);background:#12b8a01a}.ds-icon-btn-teal:hover{background:#12b8a033}.ds-icon-btn-danger{color:#ef4444;background:#ef444414}.ds-icon-btn-danger:hover{background:#ef444429}.ds-icon-btn-share{color:var(--violet);background:#6c63ff14;gap:4px;width:auto;padding:0 9px;font-size:.69rem;font-weight:700}.ds-icon-btn-share:hover{background:#6c63ff2e}.ds-att-section{border-top:1px solid var(--surface-border);margin-top:3px;padding-top:7px}.ds-att-label{color:var(--ink-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px;font-size:.62rem;font-weight:700}.ds-att-chip{background:var(--surface-raised);border:1px solid var(--surface-border);color:var(--ink-secondary);border-radius:5px;align-items:center;gap:3px;padding:2px 5px;font-size:.63rem;display:flex}.ds-att-mini-btn{color:var(--ink-muted);cursor:pointer;background:0 0;border:none;padding:0;transition:color .12s;display:flex}.ds-att-mini-btn:hover{color:var(--violet)}.ds-empty-state{color:var(--ink-muted);flex-direction:column;align-items:center;gap:14px;padding:72px 24px;display:flex}.ds-empty-icon{background:var(--surface-raised);border:1px solid var(--surface-border);opacity:.55;border-radius:18px;justify-content:center;align-items:center;width:70px;height:70px;display:flex}.ds-empty-title{color:var(--ink-secondary);margin:0;font-size:.94rem;font-weight:700}.ds-empty-sub{color:var(--ink-muted);text-align:center;max-width:240px;margin:0;font-size:.8rem;line-height:1.6}.ds-loading-state{color:var(--ink-muted);flex-direction:column;align-items:center;gap:14px;padding:60px 24px;font-size:.86rem;display:flex}.master-settings-page{flex-direction:column;gap:0;width:100%;max-width:100%;margin:0 auto;padding:4px 0 40px;display:flex}.master-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.master-header-left{align-items:center;gap:14px;display:flex}.master-header-icon{border-radius:var(--radius-sm);background:var(--grad-brand);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.master-title{font-family:var(--font-display);color:var(--ink);margin:0;font-size:1.35rem;font-weight:700}.master-subtitle{color:var(--ink-muted);margin:2px 0 0;font-size:.8rem}.master-tabs{background:var(--surface);border:1px solid var(--surface-border);border-radius:var(--radius-sm);flex-wrap:wrap;gap:6px;margin-bottom:20px;padding:5px;display:flex;overflow-x:auto}.master-tab{color:var(--ink-muted);cursor:pointer;transition:all var(--duration) var(--ease);background:0 0;border:none;border-radius:8px;align-items:center;gap:7px;padding:8px 18px;font-size:.84rem;font-weight:600;display:flex;position:relative}.master-tab:hover{background:var(--surface-hover);color:var(--ink-secondary)}.master-tab.active{background:var(--grad-brand);color:#fff;box-shadow:0 3px 10px #6c63ff40}.master-badge{color:#fff;border-radius:var(--radius-full);text-align:center;background:#e04020;min-width:18px;padding:1px 6px;font-size:.65rem;font-weight:700}.master-panel{background:var(--surface);border:1px solid var(--surface-border);border-radius:var(--radius);overflow:hidden}.master-toolbar{border-bottom:1px solid var(--surface-border);background:var(--surface-raised);align-items:center;gap:10px;padding:14px 20px;display:flex}.master-panel-title{color:var(--ink-secondary);flex:1;font-size:.88rem;font-weight:700}.master-toolbar-actions{align-items:center;gap:8px;margin-left:auto;display:flex}.master-search-wrap{flex:1;position:relative}.master-search-icon{color:var(--ink-muted);pointer-events:none;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.master-search{border:1px solid var(--surface-border);border-radius:var(--radius-xs);width:100%;color:var(--ink);background:var(--surface);transition:border-color var(--duration);outline:none;padding:8px 12px 8px 34px;font-size:.84rem}.master-search:focus{border-color:var(--violet);box-shadow:0 0 0 3px #6c63ff1f}.master-btn-primary{border-radius:var(--radius-xs);background:var(--grad-brand);color:#fff;cursor:pointer;transition:all var(--duration) var(--ease);white-space:nowrap;border:none;align-items:center;gap:6px;padding:8px 16px;font-size:.83rem;font-weight:600;display:inline-flex}.master-btn-primary:hover{opacity:.88;box-shadow:0 4px 14px #6c63ff4d}.master-btn-primary:disabled{opacity:.55;cursor:not-allowed}.master-btn-ghost{border-radius:var(--radius-xs);color:var(--ink-secondary);border:1px solid var(--surface-border);cursor:pointer;transition:all var(--duration) var(--ease);background:0 0;align-items:center;gap:6px;padding:7px 13px;font-size:.82rem;font-weight:500;display:inline-flex}.master-btn-ghost:hover{background:var(--surface-hover);border-color:var(--violet);color:var(--violet)}.master-btn-ghost:disabled{opacity:.5;cursor:not-allowed}.master-btn-approve{border-radius:var(--radius-xs);color:#0e9f8a;cursor:pointer;transition:all var(--duration) var(--ease);white-space:nowrap;background:#12b8a01f;border:1px solid #12b8a04d;align-items:center;gap:6px;padding:7px 16px;font-size:.82rem;font-weight:600;display:inline-flex}.master-btn-approve:hover{background:#12b8a038}.master-btn-approve:disabled{opacity:.5;cursor:not-allowed}.master-icon-btn{width:28px;height:28px;color:var(--ink-muted);cursor:pointer;transition:all var(--duration);background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;display:flex}.master-icon-btn:hover{background:var(--surface-hover);color:var(--ink)}.master-add-form{border-bottom:1px solid var(--surface-border);animation:fadeSlideDown .18s var(--ease);background:#6c63ff08;flex-direction:column;gap:14px;padding:18px 20px;display:flex}@keyframes fadeSlideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.master-add-form-header{color:var(--ink-secondary);justify-content:space-between;align-items:center;font-size:.85rem;font-weight:700;display:flex}.master-add-form-footer{justify-content:flex-end;gap:8px;display:flex}.master-mode-switch{background:var(--surface-raised);border:1px solid var(--surface-border);border-radius:var(--radius-xs);gap:4px;padding:3px;display:flex}.master-mode-btn{color:var(--ink-muted);cursor:pointer;transition:all var(--duration);background:0 0;border:none;border-radius:6px;flex:1;padding:6px 14px;font-size:.8rem;font-weight:600}.master-mode-btn.active{background:var(--surface);color:var(--violet);box-shadow:0 1px 4px #0000001a}.master-suggestion-picker{flex-direction:column;display:flex}.master-suggestion-list{border:1px solid var(--surface-border);border-radius:var(--radius-xs);background:var(--surface);flex-direction:column;gap:3px;max-height:220px;padding:6px;display:flex;overflow-y:auto}.master-suggestion-item{color:var(--ink-secondary);cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:6px;align-items:center;gap:7px;padding:8px 12px;font-size:.83rem;transition:all .12s;display:flex}.master-suggestion-item:hover{background:var(--surface-hover);border-color:var(--surface-border)}.master-suggestion-item.selected{color:var(--violet);background:#6c63ff17;border-color:#6c63ff4d;font-weight:600}.master-text-input{border:1px solid var(--surface-border);border-radius:var(--radius-xs);width:100%;color:var(--ink);background:var(--surface);transition:border-color var(--duration);outline:none;padding:10px 14px;font-size:.85rem}.master-text-input:focus{border-color:var(--violet);box-shadow:0 0 0 3px #6c63ff1f}.master-list{flex-direction:column;display:flex}.master-list-row{border-bottom:1px solid var(--surface-border);transition:background var(--duration);align-items:center;gap:14px;padding:14px 20px;display:flex}.master-list-row:last-child{border-bottom:none}.master-list-row:hover{background:var(--surface-hover)}.master-list-row.inactive{opacity:.5}.master-list-info{flex:1;min-width:0}.master-list-label{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-size:.88rem;font-weight:600;overflow:hidden}.master-list-meta{color:var(--ink-muted);align-items:center;gap:8px;margin-top:3px;font-size:.75rem;display:flex}.master-date{align-items:center;gap:4px;display:inline-flex}.master-chip{border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:4px;padding:2px 8px;font-size:.68rem;font-weight:700;display:inline-flex}.master-chip.master{color:#0e9f8a;background:#12b8a01f;border:1px solid #12b8a040}.master-chip.pending{color:#c1295e;background:#c1295e1a;border:1px solid #c1295e33}.master-toggle{border-radius:var(--radius-full);cursor:pointer;transition:all var(--duration);border:1px solid #0000;align-items:center;gap:5px;padding:5px 10px;font-size:.76rem;font-weight:600;display:inline-flex}.master-toggle.on{color:#0e9f8a;background:#12b8a01a;border-color:#12b8a033}.master-toggle.off{color:var(--ink-muted);background:var(--surface-raised);border-color:var(--surface-border)}.master-toggle:hover{opacity:.8}.master-loading{color:var(--ink-muted);justify-content:center;align-items:center;gap:10px;padding:48px 24px;font-size:.86rem;display:flex}.master-loading-row{color:var(--ink-muted);align-items:center;gap:7px;padding:10px 12px;font-size:.82rem;display:flex}.master-empty{color:var(--ink-muted);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:60px 24px;display:flex}.master-empty p{text-align:center;max-width:300px;font-size:.86rem}.master-empty-sm{color:var(--ink-muted);text-align:center;padding:12px;font-size:.81rem}.spinning{animation:.75s linear infinite spin}.master-branch-filter-wrap{align-items:center;gap:0;display:flex;position:relative}.master-branch-filter-icon{color:var(--ink-muted);pointer-events:none;z-index:1;position:absolute;left:9px}.master-branch-filter-chevron{color:var(--ink-muted);pointer-events:none;z-index:1;position:absolute;right:9px}.master-branch-filter-select{appearance:none;border:1px solid var(--surface-border);border-radius:var(--radius-sm);background:var(--surface);color:var(--ink-secondary);cursor:pointer;transition:border-color var(--duration), box-shadow var(--duration);min-width:140px;padding:7px 30px;font-size:.82rem;font-weight:500}.master-branch-filter-select:focus{border-color:var(--violet);outline:none;box-shadow:0 0 0 3px #6c63ff1f}.master-branch-selector{background:var(--surface-raised);border:1px solid var(--surface-border);border-radius:var(--radius-sm);margin-top:10px;padding:12px}.master-branch-selector-label{color:var(--ink-muted);text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:5px;margin-bottom:8px;font-size:.78rem;font-weight:600;display:flex}.master-branch-chips{flex-wrap:wrap;gap:6px;display:flex}.master-branch-chip{border:1px solid var(--surface-border);background:var(--surface);color:var(--ink-secondary);cursor:pointer;border-radius:20px;align-items:center;gap:4px;padding:5px 11px;font-size:.78rem;font-weight:500;transition:all .15s;display:inline-flex}.master-branch-chip:hover{border-color:var(--violet);color:var(--violet);background:#6c63ff0f}.master-branch-chip.selected{color:var(--violet);background:#6c63ff1f;border-color:#6c63ff66;font-weight:600}.master-branch-tags{color:var(--ink-muted);align-items:center;gap:4px;font-size:.77rem;display:inline-flex}@media (width<=1024px){:root{--sidebar-w:240px}}@media (width<=768px){.page-content{box-sizing:border-box!important;width:100%!important;max-width:100%!important;padding:14px 10px!important;overflow-x:hidden!important}.topbar{gap:8px!important;min-height:52px!important;padding:8px 12px!important}.topbar-left{flex:auto!important;gap:8px!important;min-width:0!important}.page-title-bar{flex:auto!important;min-width:0!important}.page-title-bar h2{white-space:nowrap!important;text-overflow:ellipsis!important;margin:0!important;font-size:.92rem!important;overflow:hidden!important}.page-title-bar p{display:none!important}.topbar-right{flex-shrink:0!important;align-items:center!important;gap:6px!important}.topbar-sub-wrapper{gap:4px!important;margin-right:0!important}.topbar-sub-pill{gap:4px!important;padding:4px 8px!important}.topbar-sub-text{text-overflow:ellipsis!important;white-space:nowrap!important;vertical-align:middle!important;max-width:70px!important;display:inline-block!important;overflow:hidden!important}.topbar-company-btn{gap:6px!important;padding:5px 8px!important}.company-name-text{max-width:90px!important}}@media (width<=600px){.topbar-sub-text{display:none!important}.topbar-sub-pill{border-radius:8px!important;padding:4px 6px!important}.company-branch-subtitle{display:none!important}.company-name-text{max-width:80px!important;font-size:.74rem!important}}@media (width<=440px){.topbar{gap:6px!important;padding:6px 8px!important}.hamburger-btn{width:32px!important;height:32px!important}.topbar-sub-wrapper{display:none!important}.company-name-text{max-width:70px!important}.page-title-bar h2{font-size:.88rem!important}}@media (width<=768px){.page-toolbar{flex-direction:column;gap:10px;align-items:stretch!important}.toolbar-left{flex-wrap:wrap;gap:8px;width:100%}.toolbar-right{justify-content:flex-end;width:100%}.table-search{width:100%!important;max-width:100%!important}.search-input{width:100%!important}}@media (width<=480px){.filter-pill{padding:5px 10px!important;font-size:.72rem!important}.toolbar-right{flex-wrap:wrap;gap:6px}}@media (width<=768px){.table-container{border-radius:12px!important}.data-table-enhanced,.master-table{min-width:560px}.table-container>div[style*=overflow]{-webkit-overflow-scrolling:touch;overflow-x:auto!important}.table-pagination{flex-direction:column!important;align-items:flex-start!important;gap:10px!important}.pagination-buttons{flex-wrap:wrap;gap:4px}}@media (width<=600px){.data-table-enhanced th,.data-table-enhanced td{padding:10px!important;font-size:.78rem!important}.pagination-info{font-size:.75rem!important}.pagination-btn{padding:5px 10px!important;font-size:.75rem!important}}@media (width<=768px){div[style*="gridTemplateColumns: '280px 1fr'"],div[style*="grid-template-columns: 280px 1fr"]{min-height:calc(100vh - 120px);grid-template-rows:auto 1fr!important;grid-template-columns:1fr!important;height:auto!important}div[style*="gridTemplateColumns: '280px 1fr'"]>div:first-child,div[style*="grid-template-columns: 280px 1fr"]>div:first-child{max-height:200px;border-right:none!important;border-bottom:1px solid var(--surface-border)!important;height:auto!important;overflow-y:auto!important}}@media (width<=480px){div[style*="gridTemplateColumns: '280px 1fr'"]>div:first-child{max-height:160px}}@media (width<=900px){.docstore-layout,div[style*="'320px 1fr'"],div[style*="'260px 1fr'"],div[style*="'300px 1fr'"]{min-height:calc(100vh - 120px);grid-template-columns:1fr!important;height:auto!important}}@media (width<=768px){div[style*="repeat(auto-fill, minmax(240px"],div[style*="repeat(auto-fill, minmax(280px"]{grid-template-columns:repeat(2,1fr)!important}div[style*="repeat(auto-fill, minmax(300px"],div[style*="repeat(auto-fit, minmax(300px"]{grid-template-columns:1fr!important}}@media (width<=480px){div[style*="repeat(auto-fill, minmax(240px"],div[style*="repeat(auto-fill, minmax(280px"]{grid-template-columns:1fr!important}}@media (width<=768px){.rbac-matrix-wrapper,div[style*="overflow-x: auto"][style*=border-radius]{-webkit-overflow-scrolling:touch;overflow-x:auto!important}div[style*="repeat(auto-fill, minmax(320px"],div[style*="repeat(auto-fill, minmax(360px"],.alerts-grid,div[style*="repeat(auto-fill, minmax(340px"]{grid-template-columns:1fr!important}}@media (width<=900px){div[style*="'280px 1fr'"][style*=profile],.profile-layout{grid-template-columns:1fr!important}}@media (width<=768px){div[style*="repeat(auto-fit, minmax(260px"],div[style*="repeat(auto-fit, minmax(220px"],div[style*="repeat(auto-fit, minmax(200px"],div[style*="repeat(auto-fit, minmax(280px"]{grid-template-columns:1fr!important}}@media (width<=600px){.modal-backdrop{justify-content:center!important;align-items:center!important;padding:12px 8px!important}.modal-sheet,.modal-card{border-radius:16px!important;flex-direction:column!important;width:96%!important;max-width:96%!important;max-height:90vh!important;display:flex!important}.modal-body{-webkit-overflow-scrolling:touch;flex:auto!important;padding:16px!important;overflow-y:auto!important}.form-row-2{grid-template-columns:1fr!important;gap:10px!important}.modal-xl,.modal-lg{max-width:96%!important}}@media (width<=768px){div[style*="repeat(auto-fit, minmax(340px"],div[style*="repeat(auto-fit, minmax(380px"]{grid-template-columns:1fr!important}}@media (width<=900px){.modules-grid{grid-template-columns:repeat(2,1fr)!important}}@media (width<=560px){.modules-grid{grid-template-columns:1fr!important}.stats-row{grid-template-columns:1fr 1fr!important}}@media (width<=400px){.stats-row{grid-template-columns:1fr!important}}@media (width<=600px){.page-header-row{flex-direction:column!important;align-items:flex-start!important;gap:10px!important}.page-header-row .btn-brand,.page-header-row .btn-ghost{justify-content:center;width:100%}}@media (width<=900px){.master-layout{grid-template-columns:1fr!important}.master-list-panel{max-height:300px;overflow-y:auto;border-right:none!important;border-bottom:1px solid var(--surface-border)!important}.master-detail-panel{padding:20px 16px!important}}@media (width<=768px){.master-table{min-width:480px}.master-toolbar{flex-direction:column!important;align-items:stretch!important}.master-toolbar .table-search{width:100%!important;max-width:100%!important}}@media (width<=900px){div[style*="'320px 1fr'"],div[style*="'300px 1fr'"]{grid-template-columns:1fr!important}}@media (width<=768px){div[style*="minWidth: '120px'"],div[style*="min-width: 120px"]{min-width:0!important}div[style*="repeat(2, 1fr)"]{grid-template-columns:1fr!important}.stat-card-value{font-size:1.4rem!important}.page-content{box-sizing:border-box!important;width:100%!important;max-width:100%!important;padding:14px 10px!important;overflow-x:hidden!important}.summary-cards-row{grid-template-columns:1fr!important}}.table-container,div[style*="overflowX: 'auto'"],div[style*="overflow-x: auto"]{-webkit-overflow-scrolling:touch}@media (width<=900px){.ds-layout{grid-template-columns:1fr!important}.ds-upload-panel{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;display:grid}}@media (width<=768px){.ds-hero{border-radius:14px;flex-direction:column;align-items:flex-start;gap:14px;padding:18px 14px}.ds-hero-right{flex-direction:column;align-items:stretch;gap:10px;width:100%;display:flex}.ds-scope-switcher{width:100%;display:flex}.ds-scope-btn{flex:1;justify-content:center;padding:8px 10px;font-size:.78rem}.ds-hero-actions{border-top:1px dashed #ffffff26;justify-content:flex-end;align-items:center;gap:8px;width:100%;padding-top:6px;display:flex}.ds-hero-title{font-size:1.2rem!important}.ds-stats-strip{gap:8px}.ds-stat-chip{flex:140px;min-width:calc(50% - 8px);padding:11px 14px}.ds-stat-value{font-size:1.2rem!important}.ds-storage-chip{min-width:100%}}@media (width<=480px){.ds-hero{padding:16px 12px}.ds-stat-chip{min-width:100%}.ds-stats-strip{flex-direction:column}}@media (width<=768px){.ds-tab-bar{min-height:50px;flex-wrap:wrap!important;gap:10px!important;height:auto!important;padding:10px 12px!important}.ds-search{order:3;flex:100%!important;width:100%!important;max-width:100%!important}.ds-sort-select{order:4}.ds-view-toggle{order:5;margin-left:auto}.ds-file-table,.ds-table{min-width:520px}.ds-table-wrapper,.ds-list-wrapper{-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y;overflow:auto}}@media (width<=900px){.rbac-layout-grid{grid-template-columns:1fr!important}}@media (width<=768px){.rbac-users-grid{grid-template-columns:1fr!important}.rbac-perm-table{min-width:600px}.rbac-perm-wrapper{border-radius:12px;-webkit-overflow-scrolling:touch!important;touch-action:pan-x pan-y!important;overflow:auto!important}.rbac-header-row{flex-direction:column!important;align-items:flex-start!important;gap:12px!important}.rbac-header-row .btn-brand{justify-content:center;width:100%}}@media (width<=900px){.geofence-layout{grid-template-columns:1fr!important}.geofence-sidebar{max-height:320px;overflow-y:auto;border-right:none!important;border-bottom:1px solid var(--surface-border)!important}.master-split-layout{grid-template-columns:1fr!important;height:auto!important}.master-split-list{max-height:280px;overflow-y:auto;border-right:none!important;border-bottom:1px solid var(--surface-border)!important}.master-split-detail{padding:18px 14px!important}}@media (width<=768px){.profile-container{gap:16px!important;padding:0!important}.profile-hero-banner{flex-direction:column!important;align-items:flex-start!important;gap:16px!important;padding:20px 16px!important}.profile-hero-left{flex-direction:row!important;align-items:center!important;gap:14px!important;width:100%!important}.profile-hero-right{width:100%!important}.profile-avatar-large{width:54px!important;height:54px!important;font-size:1.3rem!important}.profile-header-info h1{margin-bottom:2px!important;font-size:1.2rem!important}.profile-grid{grid-template-columns:1fr!important;gap:16px!important}.profile-section-card{border-radius:14px!important;padding:18px 14px!important}.workspace-card-item{flex-direction:column!important;align-items:flex-start!important;gap:12px!important;padding:14px!important}.workspace-card-left{width:100%!important}.workspace-card-actions{border-top:1px dashed var(--surface-border)!important;justify-content:flex-end!important;width:100%!important;margin-top:2px!important;padding-top:10px!important}}@media (width<=600px){.profile-sidebar-card{text-align:center;flex-direction:column!important}.profile-field-grid{grid-template-columns:1fr!important}}@media (width<=768px){.alerts-grid{grid-template-columns:1fr!important}.alert-card-header{flex-wrap:wrap;gap:8px}.hr-card-grid{grid-template-columns:repeat(2,1fr)!important}.hr-detail-grid{grid-template-columns:1fr!important}}@media (width<=480px){.hr-card-grid{grid-template-columns:1fr!important}}@media (width<=600px){.btn-icon-only-mobile .btn-text{display:none!important}.mobile-stack{flex-direction:column!important;align-items:stretch!important}.mobile-full{width:100%!important}}@media (width<=768px){*{max-width:100vw}body{overflow-x:hidden}}.page-header-banner{box-sizing:border-box;background:linear-gradient(135deg,#1a1040 0%,#0f172a 40%,#0c1a38 100%);border:1px solid #6366f140;border-radius:16px;justify-content:space-between;align-items:center;gap:16px;width:100%;margin-bottom:20px;padding:18px 24px;transition:all .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 32px #6366f11f}.page-header-banner.sticky-page-header,.profile-hero-card.sticky-page-header{z-index:40;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:sticky;top:0}.page-header-banner .header-orb-1,.profile-hero-card .header-orb-1{pointer-events:none;z-index:0;background:radial-gradient(circle,#6366f12e 0%,#0000 70%);border-radius:50%;width:180px;height:180px;position:absolute;top:-50px;right:60px}.page-header-banner .header-orb-2,.profile-hero-card .header-orb-2{pointer-events:none;z-index:0;background:radial-gradient(circle,#38bdf81f 0%,#0000 70%);border-radius:50%;width:140px;height:140px;position:absolute;bottom:-30px;right:0}.page-header-content{z-index:1;align-items:center;gap:14px;min-width:0;display:flex;position:relative}.page-header-icon{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.15rem;display:flex;box-shadow:0 6px 18px #6366f180}.page-header-text{min-width:0}.page-header-text h1{color:#fff;letter-spacing:-.01em;margin:0;font-size:1.25rem;font-weight:800;line-height:1.2}.page-header-text p{color:#ffffffa6;margin:2px 0 0;font-size:.78rem;line-height:1.3}.page-header-actions{z-index:1;flex-shrink:0;align-items:center;gap:10px;display:flex;position:relative}@media (width<=768px){.page-header-banner{flex-direction:column;align-items:stretch;gap:12px;margin-bottom:16px;padding:14px 16px}.page-header-icon{width:38px;height:38px;font-size:1rem}.page-header-text h1{font-size:1.1rem}.page-header-text p{font-size:.72rem}.page-header-actions{flex-wrap:wrap;justify-content:flex-start;width:100%}}.profile-hero-card{color:#fff;background:linear-gradient(135deg,#1a1040 0%,#0f172a 40%,#0c1a38 100%);border:1px solid #6366f140;border-radius:20px;justify-content:space-between;align-items:center;gap:20px;padding:24px 28px;transition:all .2s;display:flex;position:relative;overflow:visible;box-shadow:0 8px 32px #6366f11f}.profile-hero-card h1{color:#fff!important}.profile-hero-left{z-index:1;align-items:center;gap:20px;min-width:0;display:flex;position:relative}.profile-hero-right{z-index:1;flex-direction:column;flex-shrink:0;align-items:flex-end;gap:12px;display:flex;position:relative}.company-profile-grid-v2{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}@media (width<=1100px){.company-profile-grid-v2{grid-template-columns:repeat(2,1fr)}}@media (width<=720px){.profile-hero-card{flex-direction:column;align-items:stretch;padding:20px}.profile-hero-left{text-align:center;flex-direction:column;align-items:center}.profile-hero-right{align-items:stretch;width:100%;margin-top:10px}.profile-hero-badges{justify-content:center}.company-profile-grid-v2{grid-template-columns:1fr}}.company-box-card{background:var(--surface);border:1px solid var(--surface-border);border-radius:20px;flex-direction:column;justify-content:space-between;padding:22px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 4px 20px -4px #00000008}.company-box-card:hover{box-shadow:0 8px 24px -4px #6c63ff14}.company-box-header{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.company-box-title{color:var(--ink);align-items:center;gap:10px;margin:0;font-size:.96rem;font-weight:700;display:flex}.company-box-title .header-icon-box{width:32px;height:32px;color:var(--violet);background:#6c63ff1a;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:.88rem;display:flex}.overview-stats-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}@media (width<=480px){.overview-stats-grid{grid-template-columns:repeat(2,1fr)}}.overview-stat-tile{background:var(--surface-raised);border:1px solid var(--surface-border);border-radius:12px;align-items:center;gap:10px;padding:12px 8px;transition:all .15s;display:flex}.overview-stat-tile:hover{border-color:#6c63ff4d;transform:translateY(-1px)}.overview-tile-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.85rem;display:flex}.branch-item-card{background:var(--surface-raised);border:1px solid var(--surface-border);border-radius:14px;padding:14px;transition:border-color .15s;position:relative}.branch-item-card.is-default{border-color:#6c63ff59}.branch-actions-menu{background:var(--surface-raised);border:1px solid var(--surface-border);z-index:100;border-radius:10px;flex-direction:column;min-width:140px;padding:4px;display:flex;position:absolute;top:40px;right:14px;box-shadow:0 10px 25px #00000026}.branch-actions-menu button{color:var(--ink);text-align:left;border-radius:6px;align-items:center;gap:8px;width:100%;padding:8px 12px;font-size:.75rem;font-weight:600;transition:background .15s;display:flex}.branch-actions-menu button:hover{background:var(--surface-hover);color:var(--violet)}.profile-bottom-grid{grid-template-columns:1fr 2fr;gap:20px;display:grid}@media (width<=960px){.profile-bottom-grid{grid-template-columns:1fr!important;gap:16px!important}}.language-buttons-grid{flex-direction:column;gap:8px;display:flex}@media (width<=960px) and (width>=540px){.language-buttons-grid{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}}.login-activity-item{background:var(--surface-raised);border:1px solid var(--surface-border);border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;font-size:.8rem;transition:background .15s;display:flex}.login-activity-left{align-items:center;gap:12px;min-width:0;display:flex}.login-activity-time{color:var(--ink-secondary);white-space:nowrap;flex-shrink:0;font-size:.74rem;font-weight:500}@media (width<=600px){.login-activity-item{flex-direction:column;align-items:flex-start;gap:8px}.login-activity-time{align-self:flex-start;padding-left:44px;font-size:.72rem}}.topbar-bell-btn:hover{background:var(--surface-hover,#f3f0fd)!important;color:var(--violet)!important;border-color:#6c63ff4d!important}@media (width<=440px){.topbar-bell-btn{width:32px!important;height:32px!important}}.notification-tray-panel{transform-origin:100% 0}@media (width<=480px){.notification-tray-panel{border-radius:16px!important;width:auto!important;max-width:none!important;max-height:calc(100vh - 70px)!important;position:fixed!important;top:56px!important;left:8px!important;right:8px!important}}:is(html:has(.modal-backdrop),body:has(.modal-backdrop),html:has(.modal-overlay),body:has(.modal-overlay),html:has(.modal-sheet),body:has(.modal-sheet),html:has([class*=modal-backdrop]),body:has([class*=modal-backdrop])){overscroll-behavior:none!important;overflow:hidden!important}.modal-backdrop,.modal-overlay,.modal-sheet,.modal-body,.modal-card,.modal-content,.modal-dialog,.notification-tray-panel,.notification-tray-panel *{overscroll-behavior:contain!important}.notification-tray-list{scrollbar-width:thin;scrollbar-color:#6c63ff40 transparent}.notification-tray-list::-webkit-scrollbar{width:6px}.notification-tray-list::-webkit-scrollbar-track{background:0 0}.notification-tray-list::-webkit-scrollbar-thumb{background-color:#6c63ff40;border-radius:6px}.notification-tray-list::-webkit-scrollbar-thumb:hover{background-color:#6c63ff73}@media (width<=768px){.topbar-title{font-size:.9rem!important}.topbar-actions{gap:6px!important}.company-chip{max-width:130px!important}.company-chip select{text-overflow:ellipsis!important;white-space:nowrap!important;max-width:90px!important;overflow:hidden!important}}@media (width<=480px){.company-chip select{max-width:65px!important}}