*{margin:0;padding:0;box-sizing:border-box}@font-face{font-family:Onest;src:url(/build/assets/Onest-Thin-C_QYy_jp.woff2) format("woff2"),url(/build/assets/Onest-Thin-BgoeuOgN.woff) format("woff");font-weight:100;font-style:normal;font-display:swap}@font-face{font-family:Onest;src:url(/build/assets/Onest-SemiBold-0XU0PrWr.woff2) format("woff2"),url(/build/assets/Onest-SemiBold-CT-B18IA.woff) format("woff");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Onest;src:url(/build/assets/Onest-Regular-Kwlji04S.woff2) format("woff2"),url(/build/assets/Onest-Regular-zRMTYd2c.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Onest;src:url(/build/assets/Onest-Medium-C8LaBM5d.woff2) format("woff2"),url(/build/assets/Onest-Medium-DQGC3pv8.woff) format("woff");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Onest;src:url(/build/assets/Onest-Light-ClLpDmsG.woff2) format("woff2"),url(/build/assets/Onest-Light-P0P6tO7u.woff) format("woff");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Onest;src:url(/build/assets/Onest-ExtraLight-DX21MPTQ.woff2) format("woff2"),url(/build/assets/Onest-ExtraLight-n6yjvL0l.woff) format("woff");font-weight:200;font-style:normal;font-display:swap}@font-face{font-family:Onest;src:url(/build/assets/Onest-ExtraBold-DPD1jRJU.woff2) format("woff2"),url(/build/assets/Onest-ExtraBold-EsKi5uS9.woff) format("woff");font-weight:800;font-style:normal;font-display:swap}@font-face{font-family:Onest;src:url(/build/assets/Onest-Bold-urVOtLVc.woff2) format("woff2"),url(/build/assets/Onest-Bold-DRLOJLRh.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Onest;src:url(/build/assets/Onest-Black-CIa3HC_g.woff2) format("woff2"),url(/build/assets/Onest-Black-Bl2JLlGd.woff) format("woff");font-weight:900;font-style:normal;font-display:swap}:root{--font-sans: "Onest", ui-sans-serif, system-ui, sans-serif;--bg-main: #f8f9fa;--sidebar-bg: #212529;--blue-600: #0057fc;--blue-500: #3f87fd;--blue-700: #0043d8;--green: #22c55e;--red: #f43f5e;--grey-100: #f1f3f5;--grey-300: #d1d5db;--grey-500: #6b7280;--grey-700: #4b5563}.status-dot.online{background:#22c55e}.status-dot.partial{background:#f43f5e}.status-dot.blocked{background:#0b0a0a}body{font-family:var(--font-sans)}.page-title{font-size:2.875rem;font-weight:600;margin:0 0 .5rem}.breadcrumb{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--grey-500);margin-bottom:.75rem;margin-top:.75rem}.breadcrumb a{color:inherit;text-decoration:none}.breadcrumb a:hover{text-decoration:underline}.crumb-sep{color:#9ca3af}.layout{display:flex;min-height:100vh;background:var(--bg-main);gap:50px}.sidebar{width:112px;max-width:112px;background:var(--sidebar-bg);display:flex;flex-direction:column;align-items:center}.sidebar-logo{display:flex;justify-content:center;padding:20px}.sidebar-logo img{height:40px}.icon-nav{flex:0 0 auto;display:flex;align-items:center}.icon-nav ul{list-style:none;display:flex;flex-direction:column;gap:8px;margin-top:25px}.icon-nav a{width:48px;height:48px;border-radius:8px;display:flex;justify-content:center;transition:background .15s}.icon-nav a:hover{background:#ffffff1f}.icon-nav img{height:48px;width:48px;filter:invert(1)}.content-area{flex:1;display:flex;flex-direction:column;padding-right:50px}.site-header{background:var(--bg-main);height:64px;padding:0 2rem;display:flex;align-items:center}.main-content{flex:1;width:100%;padding:0 2rem 2rem}.header-tools{display:flex;align-items:center;gap:1rem;margin-left:auto}.user-chip{position:relative;display:flex;align-items:center;max-width:none;gap:.5rem;padding:.25rem .75rem;border:1px solid #ced4da;border-radius:8px;background:#fff;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap;min-width:0}.user-chip .avatar{width:32px;height:32px;border-radius:50%;-o-object-fit:cover;object-fit:cover;background:#fff}.user-chip .chevron{width:16px;height:16px;color:#6b7280;transition:transform .2s ease;margin-left:4px}.user-chip.open .chevron{transform:rotate(180deg)}.user-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:20rem;flex-shrink:1}.user-chip .user-name{font-size:.875rem;font-weight:500}.user-menu{position:absolute;right:0;top:100%;margin-top:.5rem;width:179px;background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000014;border:1px solid #e5e7eb;z-index:50}.user-menu a{display:block;padding:.75rem 1.25rem;font-size:.875rem;font-weight:400;color:#374151;text-decoration:none}.user-menu a:hover{background:#f9fafb}.btn{background:var(--blue-600);color:#fff;border:none;border-radius:4px;padding:.5rem 1rem;cursor:pointer;transition:background .15s}.btn:hover{background:var(--blue-500)}.btn:active{background:var(--blue-700)}.btn-primary{background:#fff;color:var(--blue-600);border:2px solid var(--blue-600);border-radius:8px;padding:.6rem 1.25rem;font-weight:500;font-size:15px}.btn-primary:hover{background:#0057fc14}.btn-primary .plus{font-weight:700;margin-right:.5rem}.btn-primary-red{background:var(--red);color:#fff;border:1px solid var(--red);border-radius:8px;padding:.6rem 1.25rem;font-weight:500;font-size:15px}.btn-primary-red:hover{background:#ec1313c2}.btn-primary-red .plus{font-weight:700;margin-right:.5rem}.icon-btn{width:40px;height:40px;display:flex;justify-content:center;align-items:center;border:1px solid var(--grey-300);border-radius:8px;background:#fff;cursor:pointer;transition:background .15s}.icon-btn:hover{background:#f3f4f6}.icon-btn img{height:40px;width:40px}.sort-filter{display:flex;align-items:center;gap:.8rem;font-size:.875rem;border:1px solid #d1d5db;border-radius:8px;padding:.5rem 1rem;margin-left:auto;height:40px;background-color:#fff}.dash-header{display:flex;justify-content:space-between;align-items:flex-start;padding:24px 0 32px;background:var(--bg-main)}.header-left{max-width:60%}.page-title{margin:0 0 12px;font-size:38px;font-weight:700}.breadcrumb{font-size:15px;color:#6e7687;display:flex;gap:6px}.crumb-sep{opacity:.6}.header-right{display:flex;align-items:center;gap:20px}.notif-btn{position:relative;width:38px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:8px;border:1px solid #d9dfe8;background:#fff;transition:background .15s}.notif-btn:hover{background:#f3f6fb}.notif-btn img{width:22px;height:22px}.notif-dot{position:absolute;top:6px;right:6px;width:8px;height:8px;border-radius:50%;background:#f44}.user-box{display:flex;align-items:center;gap:8px;padding:6px 10px;border:1px solid #d9dfe8;border-radius:8px;background:#fff}.avatar{width:26px;height:26px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.user-name{font-size:14px;font-weight:600;color:#303642}.header-right [x-cloak]{display:none!important}.header-right>x-dropdown{position:relative}.header-right>x-dropdown button{display:flex;align-items:center;gap:8px;padding:6px 12px;border:1px solid #d9dfe8;border-radius:10px;background:#fff;font-size:14px;font-weight:600;color:#303642;transition:background .15s}.header-right>x-dropdown button:hover{background:#f3f6fb}.header-right>x-dropdown img{width:22px;height:22px;border-radius:50%}.stats-wrapper{display:flex;gap:70px;height:151px;background:#fff;border-radius:8px;padding:31px 50px;box-shadow:0 1px 6px #00000014}.stat-block{flex:1;display:flex;align-items:center;gap:1.25rem;position:relative}.stat-block:not(:last-child):after{content:"";position:absolute;right:-1rem;top:0;width:1px;height:100%;background:#e5e7eb}.stat-icon{width:96px;height:96px;border-radius:50%;background:#d4f6e2;display:flex;justify-content:center;align-items:center}.stat-icon img{height:32px;width:32px}.stat-meta{display:flex;flex-direction:column}.stat-label{font-size:.875rem;color:var(--grey-500)}.stat-value{font-size:2rem;font-weight:600;color:#1f2937}.table-toolbar{display:flex;align-items:center;gap:1.5rem;margin:2rem 0 1rem}.availability-filter{display:flex;align-items:center;gap:.8rem;font-size:.875rem;border:1px solid #d1d5db;border-radius:8px;padding:.5rem 1rem}.availability-filter label{display:flex;align-items:center;gap:.25rem}.dot{width:10px;height:10px;border-radius:50%;display:inline-block}.dot.online{background:var(--green)}.dot.partial{background:var(--red)}.dot.blocked{background:#000}.toolbar-right{display:flex;align-items:center;gap:.75rem;margin-left:auto}.input.toolbar-search{width:320px;height:40px;padding-right:.5rem;padding-left:2.25rem;line-height:40px;border:1px solid #ced4da;border-radius:8px;font-size:1rem;outline:none}.search-field{position:relative;display:inline-block}.search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);height:16px;width:16px;pointer-events:none;opacity:.5}.clear-btn{font-size:2rem;line-height:1;cursor:pointer;transition:color .15s}.clear-btn:hover{color:#161718}.fl-table{width:100%;margin-top:1.5rem;border-collapse:collapse;font-size:.875rem;background:#fff;border-radius:12px;overflow:hidden;table-layout:auto}.fl-table thead{background:var(--grey-100)}.fl-table th,.fl-table td{padding:.75rem 1rem;border-bottom:1px solid #e5e7eb}.fl-table th{font-weight:600;color:var(--grey-700);text-align:left}.fl-table tbody tr:last-child td{border-bottom:none}fl-table td.actions{position:relative}.status-dot{width:10px;height:10px;border-radius:50%;display:inline-block}.status-dot.online{background:var(--green)}.status-dot.busy{background:var(--red)}.status-dot.offline{background:var(--grey-500)}.actions{display:flex;gap:.5rem}.action-btn{background:#f3f4f6;border:none;border-radius:6px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s}.action-btn:hover{background:#e5e7eb}[x-cloak]{display:none!important}.btn{padding:.5rem 1rem;border:1px solid #ced4da;border-radius:6px;background:#fff;cursor:pointer}.btn-primary{background:var(--blue-600);color:#fff;border:none;height:40px}.btn-primary:hover{background:var(--blue-500)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000061;display:flex;align-items:center;justify-content:center;z-index:999}.modal-dialog{width:100%;height:auto;max-height:80vh;overflow-y:auto;max-width:80%;background:#fff;border-radius:8px;padding:1.1rem;box-shadow:1px 1px 1px 1px;font-size:14px;font-weight:600}.btn-danger{background:#ef4444;color:#fff;border-radius:4px}.toast-success{position:fixed;top:20px;right:20px;z-index:60;background:#22c55e;color:#fff;padding:10px 16px;border-radius:8px;box-shadow:0 2px 6px #0003}.availability-pill{padding:2px 6px;border-radius:4px}.availability-pill.active{background:#e0e7ff;font-weight:600}nav[role=navigation] ul{display:inline-flex gap-1}nav[role=navigation] a,nav[role=navigation] span{display:px-3 py-1.5 rounded-md border text-sm}nav[role=navigation] a{display:bg-white border-gray-300 text-gray-700}nav[role=navigation] a:hover{background-color:bg-gray-100}nav[role=navigation] span[aria-current=page]{display:bg-indigo-600 text-white border-indigo-600}nav[role=navigation] span[aria-disabled=true]{display:text-gray-400 border-transparent}input[type=search]::-webkit-search-cancel-button{display:none}@media (max-width: 768px){.stats-wrapper{flex-direction:column;height:auto;gap:2rem;padding:24px}}@media (max-height: 600px){.filter-panel{max-height:calc(100vh - 3rem);overflow-y:auto}}