.theme-switcher{position:relative;width:100%}.theme-switcher__menu{position:absolute;bottom:100%;right:0;margin-bottom:.5rem;background-color:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-md);box-shadow:0 -4px 12px #0006;display:flex;flex-direction:column;gap:0;min-width:160px;animation:slideUp .2s ease;z-index:1000}.theme-switcher__menu--expanded{right:auto;left:calc(var(--sidebar-width-expanded) + .5rem)}@keyframes slideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.theme-switcher__option{background:none;border:none;padding:.75rem 1rem;color:var(--text-primary);text-align:left;cursor:pointer;display:flex;align-items:center;gap:.75rem;font-size:.875rem;font-weight:500;transition:background-color var(--transition-normal),color var(--transition-normal);font-family:inherit}.theme-switcher__option:first-child{border-radius:var(--radius-md) var(--radius-md) 0 0}.theme-switcher__option:last-child{border-radius:0 0 var(--radius-md) var(--radius-md)}.theme-switcher__option:hover{background-color:var(--bg-secondary);color:var(--accent-blue)}.theme-switcher__option:active{background-color:var(--bg-primary)}.theme-switcher__option--active{background-color:var(--bg-secondary);color:var(--accent-blue)}.theme-switcher__option svg{flex-shrink:0}.theme-switcher__check{margin-left:auto;font-weight:600;font-size:1.1rem;color:var(--accent-blue)}.theme-switcher__tooltip{display:none}.sidebar{position:fixed;left:0;top:0;width:var(--sidebar-width);height:100vh;background:var(--sidebar-bg);border-right:1px solid var(--border-subtle);display:flex;flex-direction:column;align-items:center;padding:12px 0;z-index:100;transition:width var(--sidebar-transition);overflow:hidden}.sidebar--expanded{width:var(--sidebar-width-expanded);align-items:flex-start}.sidebar__logo{width:100%;height:36px;display:flex;align-items:center;justify-content:center;color:var(--accent-blue);margin-bottom:20px;padding:0 14px;gap:10px;white-space:nowrap;overflow:hidden}.sidebar__logo-label{font-size:.85rem;font-weight:700;color:var(--text-primary);letter-spacing:.3px;opacity:0;animation:sidebar-fade-in .15s ease .15s forwards}.sidebar__nav{display:flex;flex-direction:column;gap:2px;width:100%}.sidebar__spacer{flex:1}.sidebar__link-label{font-size:.82rem;font-weight:500;white-space:nowrap;opacity:0;animation:sidebar-fade-in .15s ease .15s forwards}@keyframes sidebar-fade-in{to{opacity:1}}.sidebar__link{position:relative;width:100%;height:44px;display:flex;align-items:center;justify-content:center;color:var(--sidebar-icon-inactive);background:none;border:none;cursor:pointer;padding:0 14px;gap:12px;text-decoration:none;transition:color var(--transition-fast),background var(--transition-fast)}.sidebar--expanded .sidebar__link{justify-content:flex-start}.sidebar__link:hover{color:var(--text-primary);background:#ffffff0a;text-decoration:none}[data-theme=light] .sidebar__link:hover{background:#0000000a}.sidebar__link--active{color:var(--sidebar-icon-active)}.sidebar__link--active:before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:3px;background:var(--sidebar-accent);border-radius:0 2px 2px 0}.sidebar__link:disabled{opacity:.3;cursor:default}.sidebar__link:disabled:hover{background:none;color:var(--sidebar-icon-inactive)}.sidebar__toggle-icon{transition:transform .2s ease;flex-shrink:0}.sidebar__toggle-icon--expanded{transform:rotate(180deg)}.sidebar__tooltip{position:absolute;left:calc(var(--sidebar-width) + 8px);top:50%;transform:translateY(-50%);background:var(--bg-elevated);color:var(--text-primary);padding:4px 10px;border-radius:var(--radius-sm);font-size:.75rem;font-weight:500;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity var(--transition-fast);box-shadow:var(--shadow-md);border:1px solid var(--border-default)}.sidebar__link:hover .sidebar__tooltip{opacity:1}.sidebar--expanded .sidebar__tooltip,.sidebar__bottom-nav{display:none}@media (max-width: 768px){.sidebar{position:fixed;left:0;top:auto;bottom:0;width:100%;height:auto;border-right:none;border-top:1px solid var(--border-subtle);padding:0}.sidebar__logo,.sidebar__nav,.sidebar__spacer{display:none}.sidebar__bottom-nav{display:flex;justify-content:space-around;align-items:center;width:100%;min-height:var(--sidebar-height-mobile);padding:4px 0 env(safe-area-inset-bottom,4px)}.sidebar__bottom-link{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 16px;color:var(--sidebar-icon-inactive);text-decoration:none;transition:color var(--transition-fast)}.sidebar__bottom-link:hover{text-decoration:none}.sidebar__bottom-link--active{color:var(--accent-blue)}.sidebar__bottom-label{font-size:.625rem;font-weight:500}}.toast-container{position:fixed;top:12px;right:12px;z-index:9999;display:flex;flex-direction:column;gap:8px;max-width:420px;width:calc(100vw - 24px);pointer-events:none}.toast{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;border-radius:var(--radius-md);border-left:3px solid transparent;background:var(--bg-elevated);box-shadow:var(--shadow-md);pointer-events:auto;animation:toast-slide-in .3s ease forwards;max-width:100%}.toast--exiting{animation:toast-slide-out .3s ease forwards}.toast--error{border-left-color:var(--accent-red);background:linear-gradient(135deg,rgba(211,47,47,.12) 0%,var(--bg-elevated) 100%)}.toast--warning{border-left-color:var(--accent-orange);background:linear-gradient(135deg,rgba(255,152,0,.1) 0%,var(--bg-elevated) 100%)}.toast--info{border-left-color:var(--accent-blue);background:linear-gradient(135deg,rgba(25,118,210,.1) 0%,var(--bg-elevated) 100%)}.toast__icon{flex-shrink:0;margin-top:1px;line-height:1}.toast--error .toast__icon{color:var(--accent-red)}.toast--warning .toast__icon{color:var(--accent-orange)}.toast--info .toast__icon{color:var(--accent-blue)}.toast__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.toast__message{font-size:.8125rem;font-weight:600;color:var(--text-primary);line-height:1.4}.toast__detail{font-size:.75rem;color:var(--text-secondary);line-height:1.4}.toast__close{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:22px;height:22px;margin:-2px -4px -2px 0;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text-muted);cursor:pointer;transition:color var(--transition-fast),background var(--transition-fast)}.toast__close:hover{background:#ffffff14;color:var(--text-primary)}@keyframes toast-slide-in{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes toast-slide-out{0%{opacity:1;transform:translate(0);max-height:200px;margin-bottom:0}to{opacity:0;transform:translate(100%);max-height:0;margin-bottom:-8px}}@media (max-width: 640px){.toast-container{top:8px;left:8px;right:8px;max-width:none;width:auto}}.app-version{position:fixed;right:4px;bottom:4px;font-size:.625rem;color:#fff;opacity:1;pointer-events:none;z-index:50;-webkit-user-select:none;user-select:none}@media (max-width: 768px){.app-version{bottom:calc(var(--sidebar-height-mobile) + 6px)}}:root{--bg-primary: #0f0f0f;--bg-secondary: #181818;--bg-elevated: #1e1e1e;--bg-overlay: rgba(0, 0, 0, .75);--sidebar-bg: #0a0a0a;--sidebar-width: 56px;--sidebar-width-expanded: 200px;--sidebar-height-mobile: 52px;--sidebar-icon-active: #ffffff;--sidebar-icon-inactive: #666666;--sidebar-accent: #1976d2;--sidebar-transition: .22s ease;--text-primary: #e8e8e8;--text-secondary: #a0a0a0;--text-muted: #666666;--border-subtle: rgba(255, 255, 255, .06);--border-default: rgba(255, 255, 255, .1);--accent-blue: #1976d2;--accent-blue-hover: #1565c0;--accent-blue-deep: #0d47a1;--accent-green: #4caf50;--accent-red: #ef5350;--accent-red-dark: #d32f2f;--accent-orange: #ff9800;--accent-purple: #9c27b0;--error-bg: rgba(211, 47, 47, .1);--error-border: #d32f2f;--error-text: #ef5350;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .5);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--transition-fast: .15s ease;--transition-normal: .2s ease;--app-main-padding-v: 16px;--app-main-padding-h: 20px}[data-theme=light]{--bg-primary: #fafafa;--bg-secondary: #f5f5f5;--bg-elevated: #ffffff;--bg-overlay: rgba(255, 255, 255, .8);--sidebar-bg: #f8f8f8;--sidebar-icon-active: #1976d2;--sidebar-icon-inactive: #9e9e9e;--sidebar-accent: #1976d2;--text-primary: #212121;--text-secondary: #616161;--text-muted: #9e9e9e;--border-subtle: rgba(0, 0, 0, .06);--border-default: rgba(0, 0, 0, .12);--accent-blue: #1976d2;--accent-blue-hover: #1565c0;--accent-blue-deep: #0d47a1;--accent-green: #4caf50;--accent-red: #ef5350;--accent-red-dark: #d32f2f;--accent-orange: #ff9800;--accent-purple: #9c27b0;--error-bg: rgba(211, 47, 47, .1);--error-border: #d32f2f;--error-text: #c62828;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .12);--shadow-md: 0 4px 12px rgba(0, 0, 0, .15);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .2)}html{transition:background-color var(--transition-normal),color var(--transition-normal)}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}html{height:100%;font-size:16px;-webkit-text-size-adjust:100%}body{min-height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:1rem;line-height:1.5;color:var(--text-primary);background-color:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh;display:flex}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2;color:var(--text-primary)}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.25rem}h4{font-size:1rem}a{color:#90caf9;text-decoration:none;transition:color var(--transition-normal)}a:hover{color:#bbdefb;text-decoration:underline}[data-theme=light] a{color:#1976d2}[data-theme=light] a:hover{color:#1565c0;text-decoration:underline}.app-layout{display:flex;min-height:100vh;width:100%}.app-main{width:calc(100% - var(--sidebar-width));margin-left:var(--sidebar-width);padding:var(--app-main-padding-v) var(--app-main-padding-h);overflow-y:auto;height:100vh;transition:width var(--sidebar-transition),margin-left var(--sidebar-transition)}.app-layout--sidebar-expanded .app-main{width:calc(100% - var(--sidebar-width-expanded));margin-left:var(--sidebar-width-expanded)}.page{width:100%}.page__title{margin-bottom:1.5rem}.camera-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1rem}.card{background-color:var(--bg-elevated);border:1px solid var(--border-subtle);overflow:hidden;transition:border-color var(--transition-normal)}.card:hover{border-color:var(--border-default)}button{font-family:inherit;font-size:.875rem;font-weight:500;padding:.5rem 1rem;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-normal)}.btn-primary{background-color:var(--accent-blue);color:#fff}.btn-primary:hover{background-color:var(--accent-blue-hover)}.btn-secondary{background-color:#333;color:var(--text-primary)}.btn-secondary:hover{background-color:#444}[data-theme=light] .btn-secondary{background-color:#e0e0e0;color:#212121}[data-theme=light] .btn-secondary:hover{background-color:#d0d0d0}input,select{font-family:inherit;font-size:.875rem;padding:.5rem .75rem;background-color:#2a2a2a;border:1px solid #444;border-radius:var(--radius-sm);color:var(--text-primary);transition:border-color var(--transition-normal)}input:focus,select:focus{outline:none;border-color:var(--accent-blue)}[data-theme=light] input,[data-theme=light] select{background-color:#fff;border-color:#e0e0e0}[data-theme=light] input:focus,[data-theme=light] select:focus{border-color:var(--accent-blue);box-shadow:0 0 0 3px #1976d21a}.loading{display:flex;align-items:center;justify-content:center;min-height:200px;color:var(--text-muted)}.loading__spinner{width:40px;height:40px;border:3px solid #333;border-top-color:var(--accent-blue);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.error{padding:1rem;background-color:var(--error-bg);border:1px solid var(--error-border);border-radius:var(--radius-md);color:var(--error-text)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;color:var(--text-muted);text-align:center}.empty-state__icon{font-size:3rem;margin-bottom:1rem}.empty-state__title{font-size:1.25rem;margin-bottom:.5rem}.text-muted{color:var(--text-muted)}.text-center{text-align:center}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}@media (max-width: 768px){.app-main{width:100%;margin-left:0;padding-bottom:calc(var(--sidebar-height-mobile) + var(--app-main-padding-v));transition:none}.app-layout--sidebar-expanded .app-main{width:100%;margin-left:0}.camera-grid{grid-template-columns:1fr}}