.sidebar{color:#fff;z-index:1200;background:linear-gradient(#0284c7 0%,#0369a1 100%);flex-direction:column;width:250px;transition:width .2s,transform .2s;display:flex;position:fixed;top:0;bottom:0;left:0;box-shadow:6px 0 28px #0284c740}.sidebar.collapsed{width:76px}.sidebar-header{border-bottom:1px solid #ffffff2e;justify-content:space-between;align-items:center;padding:16px 12px;display:flex}.brand{letter-spacing:.2px;white-space:nowrap;font-size:14px;font-weight:700}.collapse-btn{color:#fff;cursor:pointer;background:#ffffff29;border:none;border-radius:8px;width:32px;height:32px}.sidebar-content{flex:1;padding:14px 10px;overflow-y:auto}.sidebar-section{margin-bottom:14px}.section-title{letter-spacing:.4px;opacity:.85;text-transform:uppercase;margin:0 8px 8px;font-size:12px}.section-links{flex-direction:column;gap:6px;display:flex}.sidebar-link,.exit-link{box-sizing:border-box;color:#fff;cursor:pointer;background:0 0;border:none;border-radius:10px;align-items:center;gap:10px;width:100%;padding:10px 12px;font-size:14px;font-weight:600;text-decoration:none;display:flex}.sidebar-link:hover,.exit-link:hover{background:#ffffff2e}.sidebar-link.active{background:#ffffff42}.sidebar-icon{text-align:center;flex-shrink:0;width:22px}.sidebar-footer{border-top:1px solid #ffffff2e;flex-direction:column;gap:8px;padding:10px;display:flex}.theme-toggle{box-sizing:border-box;color:#fff;cursor:pointer;text-align:left;background:#ffffff1a;border:1px solid #ffffff38;border-radius:10px;align-items:center;gap:10px;width:100%;padding:10px 12px;font-size:13px;font-weight:600;display:flex}.theme-toggle:hover{background:#fff3}.sidebar-user{background:#ffffff24;border-radius:10px;align-items:center;gap:10px;margin-bottom:8px;padding:8px 10px;display:flex}.sidebar-user-icon{text-align:center;width:24px;font-size:16px}.sidebar-user-avatar{object-fit:cover;border:1px solid #ffffffbf;border-radius:50%;width:28px;height:28px}.sidebar-user-meta{min-width:0}.sidebar-user-name{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:700;overflow:hidden}.sidebar-user-role{opacity:.9;text-transform:uppercase;font-size:11px}.auth-links{flex-direction:column;gap:8px;padding:12px 10px;display:flex}.mobile-menu-button{z-index:1300;color:#fff;background:#0284c7;border:none;border-radius:10px;width:40px;height:40px;font-size:20px;display:none;position:fixed;top:14px;left:14px;box-shadow:0 6px 16px #0284c74d}.sidebar-overlay{z-index:1100;background:#02061759;position:fixed;inset:0}@media (max-width:900px){.mobile-menu-button{display:block}.sidebar{width:240px;transform:translate(-100%)}.sidebar.mobile-open{transform:translate(0)}}html,body,#root{width:100%;max-width:100%;margin:0;padding:0}body{background-color:#eaf6ff;min-height:100vh;margin:0;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif}html[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html[data-theme=dark] body,html[data-theme=dark] .app-content{color:#e2e8f0;background-color:#0b1220}html[data-theme=dark] .sidebar{background:linear-gradient(#0c4a6e 0%,#082f49 100%);box-shadow:6px 0 28px #00000059}html[data-theme=dark] .mobile-menu-button{background:#0c4a6e;box-shadow:0 6px 16px #00000059}html[data-theme=dark] input,html[data-theme=dark] textarea,html[data-theme=dark] select{color:#e2e8f0;background-color:#1e293b;border-color:#475569}html[data-theme=dark] input::placeholder,html[data-theme=dark] textarea::placeholder{color:#94a3b8}.route-fallback{color:#64748b;justify-content:center;align-items:center;gap:12px;min-height:40vh;font-size:15px;display:flex}html[data-theme=dark] .route-fallback{color:#94a3b8}.route-fallback-spinner{border:3px solid #cbd5e1;border-top-color:#0284c7;border-radius:50%;width:22px;height:22px;animation:.7s linear infinite route-fallback-spin}html[data-theme=dark] .route-fallback-spinner{border-color:#38bdf8 #334155 #334155}@keyframes route-fallback-spin{to{transform:rotate(360deg)}}.protocol-template-container{margin:52px 0 0}.app-content{box-sizing:border-box;width:100%;max-width:100%;min-height:100vh;margin-left:250px;padding:16px}html[data-sidebar-state=collapsed] .app-content{margin-left:76px}.page-shell{width:100%;max-width:100%;padding:0 10px 10px}.cars-page,.protocols-page,.applications-page,.add-car-page,.page-container{box-sizing:border-box;width:100%;max-width:100%;padding:0 10px 10px}@media (max-width:900px){.app-content{margin-left:0;padding:64px 14px 14px}.page-shell,.cars-page,.protocols-page,.applications-page,.add-car-page,.page-container{padding:0 8px 12px}}html[data-theme=dark] .protocols-page,html[data-theme=dark] .decisions-page,html[data-theme=dark] .dogovors-page,html[data-theme=dark] .zayavki-page,html[data-theme=dark] .cars-page,html[data-theme=dark] .car-detail-page,html[data-theme=dark] .add-car-page,html[data-theme=dark] .settings-page,html[data-theme=dark] .auth-page,html[data-theme=dark] .protocol-templates-page{color:#e2e8f0;background:#0b1220}html[data-theme=dark] .settings-card,html[data-theme=dark] .settings-form-card,html[data-theme=dark] .auth-card,html[data-theme=dark] .protocol-template-card,html[data-theme=dark] .cars-stat-card,html[data-theme=dark] .protocols-table,html[data-theme=dark] .decisions-table,html[data-theme=dark] .dogovors-table,html[data-theme=dark] .zayavki-table,html[data-theme=dark] .cars-table,html[data-theme=dark] .decisions-empty,html[data-theme=dark] .dogovors-empty,html[data-theme=dark] .zayavki-empty{color:#e2e8f0;background:#111827;border-color:#334155;box-shadow:0 8px 24px #00000047}html[data-theme=dark] .settings-title,html[data-theme=dark] .settings-subtitle,html[data-theme=dark] .settings-message,html[data-theme=dark] .settings-user-info,html[data-theme=dark] .auth-title,html[data-theme=dark] .auth-subtitle,html[data-theme=dark] .auth-link-text,html[data-theme=dark] .protocols-header h2,html[data-theme=dark] .cars-page-top h2,html[data-theme=dark] .decisions-page h2,html[data-theme=dark] .dogovors-page h2,html[data-theme=dark] .zayavki-page h2{color:#f8fafc}html[data-theme=dark] .protocols-toolbar,html[data-theme=dark] .cars-page-header,html[data-theme=dark] .add-car-topbar{background:#0b1220}html[data-theme=dark] .protocols-table-header,html[data-theme=dark] .decisions-table-header,html[data-theme=dark] .dogovors-table-header,html[data-theme=dark] .zayavki-table-header,html[data-theme=dark] .cars-table-header{color:#f8fafc;background:#1e293b}html[data-theme=dark] .protocols-table-header>div,html[data-theme=dark] .protocols-table-row>div,html[data-theme=dark] .decisions-table-header>div,html[data-theme=dark] .decisions-table-row>div,html[data-theme=dark] .dogovors-table-header>div,html[data-theme=dark] .dogovors-table-row>div,html[data-theme=dark] .zayavki-table-header>div,html[data-theme=dark] .zayavki-table-row>div,html[data-theme=dark] .cars-table-header>div,html[data-theme=dark] .cars-table-row>div,html[data-theme=dark] .settings-table th,html[data-theme=dark] .settings-table td{border-color:#334155}html[data-theme=dark] .protocols-table-row:hover,html[data-theme=dark] .decisions-table-row:hover,html[data-theme=dark] .dogovors-table-row:hover,html[data-theme=dark] .zayavki-table-row:hover,html[data-theme=dark] .cars-table-row:hover{background:#1f2937}html[data-theme=dark] .settings-table th{color:#f8fafc;background:#1e293b}html[data-theme=dark] .cars-form-row,html[data-theme=dark] .settings-input,html[data-theme=dark] .settings-cell-input,html[data-theme=dark] .settings-cell-select,html[data-theme=dark] .auth-input,html[data-theme=dark] .protocol-templates-form input,html[data-theme=dark] .protocol-templates-form select{color:#e2e8f0;background:#1e293b;border-color:#475569}html[data-theme=dark] .cars-form-row label,html[data-theme=dark] .cars-stat-card .label,html[data-theme=dark] .cars-empty,html[data-theme=dark] .protocols-empty,html[data-theme=dark] .decisions-empty,html[data-theme=dark] .dogovors-empty,html[data-theme=dark] .zayavki-empty{color:#cbd5e1}html[data-theme=dark] .cars-stat-card .value,html[data-theme=dark] .cars-brand-separator{color:#f8fafc}html[data-theme=dark] .cars-brand-separator{background:#1e293b;border-top-color:#334155;border-bottom-color:#334155}html[data-theme=dark] .add-car-bottom-bar{background:linear-gradient(#0f172a00,#0f172a 30%)}
