*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#f5f7fa;color:#2c3e50}.app-layout{display:flex;min-height:100vh}.sidebar{width:240px;background:#1a2332;color:#ecf0f1;padding:0;flex-shrink:0;display:flex;flex-direction:column}.sidebar-header{padding:24px 20px;border-bottom:1px solid #2c3e50}.sidebar-header h1{font-size:1.5rem;font-weight:700;letter-spacing:2px}.sidebar-header .subtitle{font-size:.75rem;color:#7f8c8d;display:block;margin-top:4px}.tenant-selector{padding:12px 20px;border-bottom:1px solid #2c3e50}.tenant-selector-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.5px;color:#7f8c8d;display:block;margin-bottom:6px}.tenant-select{width:100%;padding:6px 8px;background:#2c3e50;color:#ecf0f1;border:1px solid #34495e;border-radius:4px;font-size:.85rem;cursor:pointer}.tenant-select:focus{outline:none;border-color:#3498db}.tenant-info{padding:12px 20px;border-bottom:1px solid #2c3e50}.tenant-name{font-size:.85rem;color:#ecf0f1;display:block;font-weight:500}.tenant-plan{font-size:.7rem;color:#7f8c8d;display:block;margin-top:2px}.sidebar nav{display:flex;flex-direction:column;padding:12px 0;flex:1}.nav-item{display:block;padding:12px 20px;color:#bdc3c7;text-decoration:none;font-size:.9rem;transition:all .2s;border-left:3px solid transparent}.nav-item:hover{background:#2c3e50;color:#ecf0f1}.nav-item.router-link-active{background:#2c3e50;color:#3498db;border-left-color:#3498db}.nav-group{margin-top:4px}.nav-group-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px 20px;background:none;border:none;border-left:3px solid transparent;color:#ecf0f1;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:all .2s}.nav-group-header:hover{background:#2c3e50}.nav-group-arrow{font-size:.7rem;transition:transform .2s}.nav-group-header.open .nav-group-arrow{transform:rotate(180deg)}.nav-group-items{overflow:hidden}.nav-item-child{padding-left:34px;font-size:.85rem}.nav-bottom-spacer{flex:1}.sidebar-footer{padding:16px 20px;border-top:1px solid #2c3e50}.user-info{font-size:.85rem;color:#bdc3c7;margin-bottom:8px;display:flex;align-items:center;gap:8px}.role-badge{font-size:.6rem;background:#e67e22;color:#fff;padding:2px 5px;border-radius:3px;font-weight:700;letter-spacing:.5px}.btn-logout{width:100%;padding:8px 12px;background:transparent;color:#e74c3c;border:1px solid #e74c3c;border-radius:4px;font-size:.85rem;cursor:pointer;transition:all .2s}.btn-logout:hover{background:#e74c3c;color:#fff}.main-content{flex:1;padding:24px;overflow-y:auto}