:root,[data-theme=light]{--bg: #f2efe6;--wall-b: #d8d0bd;--panel: rgba(255, 255, 255, .72);--panel-solid: #fbfaf5;--side: rgba(255, 255, 255, .45);--border: rgba(32, 28, 20, .1);--card-shadow: 0 10px 28px rgba(32, 28, 20, .1), 0 1px 3px rgba(32, 28, 20, .08);--text: #201c14;--text-dim: #6b6455;--accent: #96720f;--accent-contrast: #ffffff;--accent-glow: 0 4px 12px rgba(150, 114, 15, .35);--danger: #e5484d;--danger-bg: rgba(229, 72, 77, .1);--success: #23a457;--success-bg: rgba(35, 164, 87, .12);--input-bg: #ffffff;--hover: rgba(0, 0, 0, .05);--radius: 14px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--sidebar-w: 220px}[data-theme=dark]{--bg: #0c0b08;--wall-b: #1c1812;--panel: rgba(30, 27, 22, .66);--panel-solid: #1e1b16;--side: rgba(20, 18, 13, .55);--border: rgba(255, 255, 255, .09);--card-shadow: 0 10px 28px rgba(0, 0, 0, .4), 0 1px 3px rgba(0, 0, 0, .35);--text: #f2efe6;--text-dim: #b3a98f;--accent: #e0b23c;--accent-contrast: #201c14;--accent-glow: 0 4px 12px rgba(224, 178, 60, .3);--danger: #ff6166;--danger-bg: rgba(255, 97, 102, .12);--success: #3fd473;--success-bg: rgba(63, 212, 115, .12);--input-bg: rgba(255, 255, 255, .06);--hover: rgba(255, 255, 255, .08)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden;transition:background .2s ease,color .2s ease}button,input,select{font-family:inherit}a{color:var(--accent)}.watermark{position:fixed;right:-4%;bottom:-3%;height:min(72vh,640px);width:auto;opacity:.14;pointer-events:none;z-index:0;object-fit:contain}[data-theme=dark] .watermark{opacity:.06}.screen{position:relative;z-index:1;min-height:100%;padding:calc(20px + var(--safe-top)) 20px calc(96px + var(--safe-bottom));max-width:880px}.h1{font-size:1.45rem;font-weight:700;margin:0 0 4px}.subtitle{color:var(--text-dim);font-size:.9rem;margin:0 0 20px}.section-title{font-weight:700;margin:22px 0 10px;font-size:1.02rem}.card{background:var(--panel);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid var(--border);border-radius:var(--radius);padding:16px;margin-bottom:12px;box-shadow:var(--card-shadow)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;border-radius:10px;padding:12px 20px;font-size:.98rem;font-weight:600;cursor:pointer;width:100%;transition:opacity .15s ease,transform .1s ease}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);color:var(--accent-contrast);box-shadow:var(--accent-glow)}.btn-secondary{background:var(--panel-solid);color:var(--text);border:1px solid var(--border)}.btn-ghost{background:transparent;color:var(--text-dim);border:1px solid var(--border)}.btn-danger{background:var(--danger-bg);color:var(--danger);border:1px solid var(--danger-bg)}.btn-small{width:auto;padding:8px 14px;font-size:.85rem}.field{margin-bottom:14px}.field label{display:block;font-size:.82rem;color:var(--text-dim);margin-bottom:6px;font-weight:600}.field input,.field select{width:100%;background:var(--input-bg);border:1px solid var(--border);color:var(--text);border-radius:10px;padding:12px 14px;font-size:1rem}.field input:focus,.field select:focus{outline:none;border-color:var(--accent)}.error-msg{color:var(--danger);font-size:.85rem;margin:-6px 0 14px}.ok-msg{color:var(--success);font-size:.85rem;margin:-6px 0 14px}.badge{display:inline-flex;align-items:center;gap:4px;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;padding:3px 9px;border-radius:999px;background:var(--hover);color:var(--text-dim)}.badge-person{background:#96720f24;color:var(--accent)}.badge-animal{background:var(--success-bg);color:var(--success)}.badge-vehicle{background:#5a6ea029;color:var(--text-dim)}.badge-icon{display:inline-flex;vertical-align:middle;margin-right:4px}.dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:8px;flex-shrink:0}.dot-online{background:#2ecc5e}.dot-offline{background:var(--danger)}.status-row{display:flex;align-items:center;gap:6px;padding:10px 0;border-bottom:1px solid var(--border)}.status-row:last-child{border-bottom:none}.status-label{flex:1;font-weight:600}.status-meta{color:var(--text-dim);font-size:.82rem}.status-banner{display:flex;align-items:center;gap:12px;border-radius:var(--radius);padding:16px;margin-bottom:16px;font-weight:700}.status-banner.ok{background:var(--success-bg);color:var(--success);border:1px solid var(--success-bg)}.status-banner.down{background:var(--danger-bg);color:var(--danger);border:1px solid var(--danger-bg)}.status-banner .sub{font-weight:400;font-size:.83rem;display:block;margin-top:2px}.mode-row{display:flex;gap:8px;margin-bottom:8px;flex-wrap:wrap}.mode-pill{flex:1;min-width:76px;text-align:center;padding:11px 8px;border-radius:10px;border:1px solid var(--border);background:var(--panel);color:var(--text-dim);font-size:.88rem;font-weight:600;cursor:pointer}.mode-pill.active{background:var(--accent);color:var(--accent-contrast);border-color:var(--accent);box-shadow:var(--accent-glow)}.mode-desc{color:var(--text-dim);font-size:.83rem;margin:0 0 4px;min-height:2.2em}.bottom-nav{position:fixed;left:0;right:0;bottom:0;display:flex;background:var(--panel-solid);border-top:1px solid var(--border);padding:8px 12px calc(8px + var(--safe-bottom));z-index:10}.bottom-nav a{flex:1;text-align:center;text-decoration:none;color:var(--text-dim);font-size:.72rem;font-weight:600;padding:6px 0}.bottom-nav a.active{color:var(--accent)}.bottom-nav .icon{display:block;margin:0 auto 4px}.sidebar{display:none}@media (min-width: 900px){.bottom-nav{display:none}.sidebar{display:flex;flex-direction:column;position:fixed;left:0;top:0;bottom:0;width:var(--sidebar-w);background:var(--side);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-right:1px solid var(--border);padding:18px 12px 14px;z-index:10}.sidebar .brand{display:flex;align-items:center;gap:10px;font-weight:700;margin-bottom:18px;padding:0 8px}.sidebar .brand img{width:44px;height:44px;border-radius:8px;object-fit:cover}.sidebar .section-label{font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim);margin:14px 10px 6px}.sidebar a{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--text-dim);font-weight:600;font-size:.92rem;padding:11px 12px;border-radius:10px;margin-bottom:2px}.sidebar a:hover{background:var(--hover)}.sidebar a.active{background:var(--accent);color:var(--accent-contrast);box-shadow:var(--accent-glow)}.sidebar .spacer{flex:1}.sidebar .account-footer{display:flex;align-items:center;gap:10px;padding:10px 8px;border-top:1px solid var(--border)}.sidebar .avatar{width:38px;height:38px;border-radius:50%;background:var(--accent);color:var(--accent-contrast);display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0}.sidebar .account-footer .who{min-width:0}.sidebar .account-footer .who p{margin:0;font-size:.85rem;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar .account-footer .who span{font-size:.72rem;color:var(--text-dim)}.app-content{margin-left:var(--sidebar-w)}.screen{padding:28px 32px 40px}}.event-card{display:flex;gap:12px;align-items:center}.event-main{display:flex;gap:12px;align-items:center;flex:1;min-width:0;cursor:pointer}.event-thumb{width:64px;height:64px;border-radius:10px;object-fit:cover;background:var(--hover);flex-shrink:0}.event-thumb-icon{display:flex;align-items:center;justify-content:center;color:var(--text-dim)}.event-info{flex:1;min-width:0}.event-title{font-weight:600;margin:0 0 2px}.event-meta{color:var(--text-dim);font-size:.8rem;margin:0}.event-delete{background:none;border:none;color:var(--text-dim);cursor:pointer;padding:8px;border-radius:8px}.event-delete:hover{background:var(--danger-bg);color:var(--danger)}.empty-state{text-align:center;color:var(--text-dim);padding:50px 20px}.center-screen{min-height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:40px 24px;text-align:center}.spinner{width:28px;height:28px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.toggle-row{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--border)}.toggle-row:last-child{border-bottom:none}.switch{position:relative;width:44px;height:26px;flex-shrink:0}.switch input{opacity:0;width:0;height:0}.switch .track{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--border);border-radius:999px;cursor:pointer;transition:background .15s}.switch .track:before{content:"";position:absolute;width:20px;height:20px;left:3px;top:3px;background:var(--panel-solid);border-radius:50%;transition:transform .15s;box-shadow:0 1px 2px #00000040}.switch input:checked+.track{background:var(--accent)}.switch input:checked+.track:before{transform:translate(18px)}video.clip-player{width:100%;border-radius:var(--radius);background:#000}img.snapshot-full{width:100%;border-radius:var(--radius);display:block}.back-btn{display:inline-flex;align-items:center;gap:6px}.user-row{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--border);gap:8px}.user-row:last-child{border-bottom:none}.seg{display:flex;gap:6px}.seg .seg-item{flex:1;text-align:center;padding:9px 10px;border-radius:9px;border:1px solid var(--border);background:var(--panel);color:var(--text-dim);font-size:.85rem;font-weight:600;cursor:pointer}.seg .seg-item.active{background:var(--accent);color:var(--accent-contrast);border-color:var(--accent)}.code-box{font-size:1.15rem;font-weight:700;letter-spacing:3px;background:var(--input-bg);border:1px dashed var(--border);border-radius:10px;padding:10px 14px;text-align:center;-webkit-user-select:all;user-select:all}.login-screen{min-height:100vh;background:#00040c;color:#f5f3ea;padding:7vh 24px 40px;display:flex;flex-direction:column;align-items:center;position:relative}.login-box{width:100%;max-width:400px;position:relative;z-index:1}.login-screen .field label{color:#a3add1}.login-screen .field input{background:#121a3f;border-color:#2a3670;color:#f5f3ea}.login-screen .btn-primary{background:linear-gradient(135deg,#e3c565,#d4af37);color:#05081c;box-shadow:none}.login-screen .btn-ghost{color:#a3add1;border-color:#2a3670}.login-screen .lang-row{position:absolute;top:calc(12px + var(--safe-top));right:16px;display:flex;gap:6px;z-index:2}.login-screen .lang-row button{background:transparent;border:1px solid #2a3670;color:#a3add1;border-radius:8px;padding:4px 10px;font-size:.78rem;font-weight:700;cursor:pointer}.login-screen .lang-row button.active{background:#d4af37;border-color:#d4af37;color:#05081c}@media print{.sidebar,.bottom-nav,.watermark,.no-print{display:none!important}.app-content{margin-left:0!important}body{background:#fff}}