@import"https://fonts.googleapis.com/css2?family=Sora:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";.visible{visibility:visible}.collapse{visibility:collapse}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.mx-auto{margin-left:auto;margin-right:auto}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.h-16{height:4rem}.min-h-screen{min-height:100vh}.w-16{width:4rem}.w-full{width:100%}.max-w-md{max-width:28rem}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.resize{resize:both}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-3{gap:.75rem}.gap-3\.5{gap:.875rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.border{border-width:1px}.bg-gray-50{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.bg-green-100{--tw-bg-opacity: 1;background-color:rgb(220 252 231 / var(--tw-bg-opacity, 1))}.bg-red-50{--tw-bg-opacity: 1;background-color:rgb(254 242 242 / var(--tw-bg-opacity, 1))}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.p-3{padding:.75rem}.p-8{padding:2rem}.text-center{text-align:center}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.italic{font-style:italic}.text-gray-500{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.text-gray-700{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.text-gray-900{--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.text-primary{--tw-text-opacity: 1;color:rgb(26 107 255 / var(--tw-text-opacity, 1))}.text-red-600{--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity, 1))}.shadow-xl{--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}:root{--primary: #1a6bff;--primary-light: #3d84ff;--primary-dark: #0050e0;--accent: #00d4aa;--danger: #ff4444;--warning: #ffaa00;--bg: #f0f4ff;--surface: #ffffff;--surface2: #f7f9ff;--border: #e2e8f8;--text: #0f1c3f;--text-muted: #6b7aaa;--text-light: #a0aece;--shadow: 0 2px 16px rgba(26, 107, 255, .08);--shadow-lg: 0 8px 40px rgba(26, 107, 255, .14);--border-radius: 2px}[data-theme=dark]{--bg: #0a0f1e;--surface: #111827;--surface2: #1a2235;--border: #1e2d4a;--text: #e8eeff;--text-muted: #7a8ab8;--text-light: #3a4a70;--shadow: 0 2px 16px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 40px rgba(0, 0, 0, .5)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;overflow:hidden}body{font-family:Sora,sans-serif;background:var(--bg);color:var(--text);transition:background .3s,color .3s;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.btn{padding:9px 18px;border-radius:2px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;border:none;font-family:Sora,sans-serif;display:inline-flex;align-items:center;gap:6px;text-decoration:none}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-dark);transform:translateY(-1px);box-shadow:0 4px 16px #1a6bff59}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.btn-ghost{background:var(--surface2);color:var(--text);border:1px solid var(--border)}.btn-ghost:hover{border-color:var(--primary);color:var(--primary)}.btn-ghost:disabled{opacity:.5;cursor:not-allowed}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{opacity:.88}.input{width:100%;padding:9px 14px;background:var(--surface2);border:1px solid var(--border);border-radius:2px;font-size:13px;color:var(--text);font-family:Sora,sans-serif;outline:none;transition:border-color .2s}.input:focus{border-color:var(--primary)}.input::-moz-placeholder{color:var(--text-muted)}.input::placeholder{color:var(--text-muted)}.input:-webkit-autofill,.input:-webkit-autofill:hover,.input:-webkit-autofill:focus,.input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px var(--surface2) inset!important;-webkit-text-fill-color:var(--text)!important;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}.card{background:var(--surface);border:1px solid var(--border);border-radius:12px;overflow:hidden}.card-hover:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.card-header{padding:16px 20px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.card-title{font-size:14px;font-weight:600}.input-error{border-color:var(--danger)!important;outline-color:var(--danger)}.field-error{color:var(--danger);font-size:.75rem;margin-top:.25rem;line-height:1.4}.input-label{display:block;font-size:.875rem;font-weight:500;color:var(--text);margin-bottom:.375rem}.toast-create{background:#3d84ff26!important;color:#3d84ff!important;border:1px solid #3d84ff!important}.toast-edit,.toast-success{background:#00d4aa26!important;color:#00d4aa!important;border:1px solid #00d4aa!important}.toast-delete{background:#ff444426!important;color:#f44!important;border:1px solid #ff4444!important}[data-theme=dark] .toast-create{background:#3d84ff33!important}[data-theme=dark] .toast-edit,[data-theme=dark] .toast-success{background:#00d4aa33!important}[data-theme=dark] .toast-delete{background:#f443!important}.chip{display:inline-flex;align-items:center;padding:4px 12px;border-radius:20px;font-size:11px;font-weight:600;letter-spacing:.3px;transition:all .2s ease}.chip:hover{transform:translateY(-1px)}.chip-blue{background:#1a6bff1f;color:var(--primary)}.chip-green{background:#00d4aa1f;color:var(--accent)}.chip-red{background:#ff44441f;color:var(--danger)}.chip-gray{background:var(--surface2);color:var(--text-muted);border:1px solid var(--border)}.chip-yellow{background:#ffaa001f;color:var(--warning)}.chip-purple{background:#7c3aed1f;color:#7c3aed}.chip-indigo{background:#4338ca1f;color:#4338ca}.chip-cyan{background:#00bcd41f;color:#0891b2}.chip-emerald{background:#10b9811f;color:#059669}.chip-pink{background:#ec48991f;color:#db2777}.chip-brown{background:#78716c1f;color:#57534e}.chip-orange{background:#f973161f;color:#f97316}table{width:100%;border-collapse:collapse}.chip-slate{background:#64748b1f;color:#475569}.chip-sky{background:#0ea5e91f;color:#0284c7}.chip-lime{background:#84cc161f;color:#65a30d}.chip-rose{background:#f43f5e1f;color:#e11d48}.chip-violet{background:#8b5cf61f;color:#8b5cf6}.chip-gold{background:#eab30826;color:#ca8a04}th{padding:10px 20px;font-size:11px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;text-align:left;background:var(--surface2)}td{padding:12px 20px;font-size:13px;border-top:1px solid var(--border)}tr:hover td{background:var(--surface2)}.user-cell{display:flex;align-items:center;gap:10px}.user-avatar-sm{width:30px;height:30px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#fff;flex-shrink:0}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.page-title,h1,h2,h3,h4,h5,h6{font-size:clamp(1.2rem,4vw,22px);font-weight:700}.breadcrumb{font-size:12px;color:var(--text-muted);margin-top:2px}.breadcrumb span{color:var(--primary)}.stats-grid{display:grid;grid-template-columns:1fr;gap:16px;margin-bottom:24px}@media(min-width:640px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1280px){.stats-grid{grid-template-columns:repeat(4,1fr)}}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:20px;transition:box-shadow .2s,transform .2s;cursor:default}.stat-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.stat-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:12px;font-size:18px}.stat-label{font-size:12px;color:var(--text-muted);font-weight:500;margin-bottom:8px}.stat-value{font-size:28px;font-weight:700;line-height:1}.stat-change{font-size:11px;margin-top:6px}.stat-change.up{color:var(--accent)}.stat-change.down{color:var(--danger)}.stat-change.neutral{color:var(--text-muted)}.content-grid{display:grid;grid-template-columns:1fr;gap:16px}@media(min-width:1024px){.content-grid{grid-template-columns:repeat(2,1fr)}}.permissions-grid{display:grid;grid-template-columns:1fr;gap:16px}@media(min-width:768px){.permissions-grid{grid-template-columns:repeat(2,1fr)}}.activity-item{padding:14px 20px;display:flex;gap:12px;border-top:1px solid var(--border)}.activity-item:first-child{border-top:none}.activity-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;margin-top:5px}.activity-text{font-size:12.5px;line-height:1.5}.activity-time{font-size:11px;color:var(--text-muted);margin-top:2px}.nav-item{display:flex;align-items:center;gap:10px;padding:9px 16px;border-radius:8px;margin:1px 8px;cursor:pointer;color:var(--text-muted);font-size:13.5px;font-weight:500;transition:all .18s;white-space:nowrap;overflow:hidden;position:relative;text-decoration:none}.nav-item:hover{background:var(--surface2);color:var(--text)}.nav-item.active{background:linear-gradient(135deg,#1a6bff1f,#00d4aa0f);color:var(--primary)}.nav-item.active:before{content:"";position:absolute;left:-8px;top:50%;transform:translateY(-50%);width:3px;height:20px;background:var(--primary);border-radius:0 3px 3px 0}.dropdown-menu{position:absolute;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-lg);z-index:300;min-width:240px;overflow:hidden;animation:ddFadeIn .15s ease}@keyframes ddFadeIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.dd-header{padding:14px 16px;border-bottom:1px solid var(--border);font-size:11px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em}.dd-item{padding:11px 16px;display:flex;align-items:center;gap:10px;cursor:pointer;font-size:13px;transition:background .15s;color:var(--text);text-decoration:none}.dd-item:hover{background:var(--surface2)}.dd-item.active{color:var(--primary)}.dd-divider{height:1px;background:var(--border)}.dd-item-icon{width:28px;height:28px;border-radius:7px;background:var(--surface2);display:flex;align-items:center;justify-content:center;flex-shrink:0}.auth-bg{min-height:100vh;background:var(--bg);display:flex;align-items:center;justify-content:center;overflow:auto}.auth-card{width:100%;max-width:420px;background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:40px;box-shadow:var(--shadow-lg)}.mobile-close-btn{display:none!important}.search-overlay{position:fixed;inset:0;z-index:999;background:var(--bg);display:flex;flex-direction:column;padding:16px;opacity:0;transform:translateY(-10px);transition:opacity .3s ease,transform .3s ease;pointer-events:none}.search-overlay.open{opacity:1;transform:translateY(0);pointer-events:auto}.floating-search-btn{position:fixed;bottom:24px;right:24px;width:56px;height:56px;border-radius:50%;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-lg);z-index:998;border:none;cursor:pointer;display:none}.drawer-backdrop{position:fixed;inset:0;background:#00000080;z-index:1000;opacity:0;visibility:hidden;transition:opacity .3s ease}.drawer-backdrop.open{opacity:1;visibility:visible}.mobile-drawer{position:fixed;top:0;left:0;bottom:0;width:280px;background:var(--surface);z-index:1001;transform:translate(-100%);transition:transform .3s ease;box-shadow:var(--shadow-lg);display:flex;flex-direction:column}.mobile-drawer.open{transform:translate(0)}.mobile-drawer .nav-item{padding:12px 16px}.hamburger-btn{display:none;background:none;border:none;width:36px;height:36px;cursor:pointer;position:relative;z-index:1002;align-items:center;justify-content:center}.hamburger-line{display:block;width:20px;height:2px;background-color:var(--text-muted);transition:all .3s ease;position:relative;border-radius:2px}.hamburger-line:before,.hamburger-line:after{content:"";position:absolute;width:20px;height:2px;background-color:var(--text-muted);transition:all .3s ease;border-radius:2px;left:0}.hamburger-line:before{top:-6px}.hamburger-line:after{top:6px}.hamburger-btn.open .hamburger-line{background-color:transparent}.hamburger-btn.open .hamburger-line:before{top:0;transform:rotate(45deg)}.hamburger-btn.open .hamburger-line:after{top:0;transform:rotate(-45deg)}.app-main{margin-left:var(--sidebar-width, 240px);margin-top:60px;transition:margin-left .3s;height:calc(100vh - 60px);overflow-y:auto;padding:24px}@media(min-width:480px){.auth-card{border-radius:20px}}@media(min-width:768px){.app-main{padding:24px}}@media(min-width:1024px){.app-main{padding:28px 32px}}@media(min-width:1280px){.app-main{padding:32px}}@media(max-width:767px){body{font-size:14px}.desktop-only{display:none!important}.mobile-close-btn{display:flex!important}.floating-search-btn,.hamburger-btn{display:flex}.btn,.input,.nav-item,.dd-item,select,a,button{min-height:44px}.auth-card,.card,.container{max-width:100%!important;width:100%!important}.app-main{margin-left:0!important;padding:24px 16px!important}.page-header{flex-direction:column!important;align-items:flex-start!important;gap:16px}.page-header>div:last-child{flex-wrap:wrap;width:100%}.topnav-brand{min-width:auto!important}.brand-text{display:none!important}.company-switcher-container{display:block!important;max-width:160px}.company-switcher-container>div>span:nth-of-type(1){display:inline-block;max-width:90px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-container{width:280px!important;z-index:1001!important;transform:translate(-100%)!important;top:0!important;bottom:0!important;box-shadow:var(--shadow-lg)}.sidebar-container.mobile-open{transform:translate(0)!important}.sidebar-container .nav-item{padding:12px 16px!important}}.hover\:underline:hover{text-decoration-line:underline}@media(min-width:640px){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1024px){.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1280px){.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}