:root{--primary-color: #0ea5e9;--primary-dark: #0284c7;--sidebar-bg: #1e293b;--sidebar-text: #f8fafc;--bg-color: #f0f9ff;--text-color: #334155;--card-bg: #ffffff}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:var(--bg-color);color:var(--text-color)}.app-container{display:flex;height:100vh;overflow:hidden}.app-sidebar{width:260px;background-color:var(--sidebar-bg);color:var(--sidebar-text);display:flex;flex-direction:column;flex-shrink:0;transition:width .3s ease}.app-sidebar.closed{width:70px}.sidebar-header{height:64px;display:flex;align-items:center;justify-content:center;border-bottom:1px solid rgba(255,255,255,.1);cursor:pointer;transition:background-color .2s}.sidebar-header:hover{background-color:#ffffff0d}.sidebar-logo{width:32px;height:32px;object-fit:contain}.sidebar-header h1{margin:0 0 0 10px;font-size:1.25rem;color:#fff;font-weight:700;letter-spacing:.5px;white-space:nowrap}.sidebar-nav{flex:1;padding:1.5rem .5rem;display:flex;flex-direction:column;gap:.5rem;overflow-y:auto;overflow-x:hidden}.nav-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;color:#94a3b8;text-decoration:none;border-radius:8px;transition:all .2s;font-weight:500;white-space:nowrap;height:40px}.app-sidebar.closed .nav-item{justify-content:center;padding:0}.nav-item:hover{background-color:#ffffff0d;color:#fff}.nav-item.router-link-active{background-color:var(--primary-color);color:#fff}.nav-item .icon{min-width:20px}.main-wrapper{flex:1;display:flex;flex-direction:column;overflow:hidden;background-color:var(--bg-color)}.top-header{height:64px;background-color:#fff;border-bottom:1px solid #e2e8f0;display:flex;align-items:center;justify-content:space-between;padding:0 2rem;flex-shrink:0}.header-left,.header-right{display:flex;align-items:center;gap:1.5rem}.toggle-btn{background:none;border:none;cursor:pointer;color:#64748b;padding:.25rem;border-radius:4px;transition:background-color .2s;display:flex;align-items:center;justify-content:center}.toggle-btn:hover{background-color:#f1f5f9;color:var(--primary-color)}.company-selector-wrapper{display:flex;align-items:center;gap:1rem}.selector-label{font-weight:600;color:#64748b;font-size:.9rem}.global-company-select{padding:.5rem 1rem;border:1px solid #cbd5e1;border-radius:6px;font-size:.9rem;background-color:#fff;color:var(--text-color);cursor:pointer;min-width:250px;max-width:400px}.global-company-select:focus{outline:2px solid var(--primary-color);border-color:transparent}.user-info{display:flex;align-items:center;gap:.75rem;padding-right:1.5rem;border-right:1px solid #e2e8f0}.user-details{display:flex;flex-direction:column;align-items:flex-end;line-height:1.2}.user-name{font-weight:600;font-size:.9rem;color:var(--text-color)}.user-locator{font-size:.75rem;color:#64748b}.page-content{flex:1;overflow-y:auto;padding:2rem}.logout-btn-header{display:flex;align-items:center;gap:.5rem;background-color:transparent;border:1px solid #ef4444;color:#ef4444;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-weight:600;transition:all .2s}.logout-btn-header:hover{background-color:#ef4444;color:#fff}@media(max-width:768px){.sidebar-overlay{position:fixed;inset:0;background-color:#00000080;z-index:40;display:none}.sidebar-overlay{display:block}.app-sidebar{position:fixed;height:100vh;z-index:50;transition:transform .3s ease;transform:translate(0);width:260px}.app-sidebar.closed{transform:translate(-100%)}.sidebar-header h1,.nav-item .label{display:block!important}.nav-item{justify-content:flex-start!important;padding:.75rem 1rem!important}.top-header{padding:0 1rem;position:relative;z-index:30}.header-left{gap:.75rem;flex:1;min-width:0}.company-selector-wrapper{flex:1;min-width:0;gap:0}.global-company-select{min-width:auto;max-width:100%;width:100%;text-overflow:ellipsis}.selector-label,.user-info,.logout-btn-header .label{display:none}.app-sidebar.closed{transform:translate(-100%);width:260px}}.auth-wrapper{width:100%;height:100%;display:flex;align-items:center;justify-content:center}