:root{--color-bg-app: #f6f7fb;--color-surface: #ffffff;--color-surface-soft: #f8f8fc;--color-border: #e7e9f3;--color-text-primary: #1f2433;--color-text-secondary:#8b90a7;--color-primary: #6b73ff;--color-primary-hover: #5964f2;--color-primary-soft: #eef1ff;--color-success-soft: #eef8f2;--color-warning-soft: #fbf7ea;--color-danger-soft: #ff7d8f;--color-danger-bg: #fff1f4;color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--color-text-primary);background:var(--color-bg-app)}*{box-sizing:border-box}body{margin:0;background:var(--color-bg-app);color:var(--color-text-primary)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.shell{min-height:100vh;display:grid;grid-template-columns:260px 1fr}.shell__main{min-width:0}.sidebar{padding:24px;border-right:1px solid var(--color-border);background:var(--color-surface-soft);display:flex;flex-direction:column;justify-content:space-between;gap:24px}.sidebar__brand{display:flex;align-items:center;gap:10px;font-size:22px;font-weight:700;color:var(--color-text-primary);letter-spacing:-.3px}.brand-monogram{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:10px;background:var(--color-primary);color:#fff;font-size:16px;font-weight:700;letter-spacing:-.5px;flex-shrink:0;line-height:1}.brand-monogram--lg{width:56px;height:56px;border-radius:16px;font-size:26px;margin-bottom:24px}.sidebar__subtitle,.muted{color:var(--color-text-secondary)}.sidebar__nav{display:grid;gap:8px;margin-top:24px}.nav-link{padding:12px 14px;border-radius:14px;color:var(--color-text-secondary);transition:background .15s,color .15s}.nav-link:hover:not(.nav-link--active){background:var(--color-primary-soft);color:var(--color-primary)}.nav-link--active{background:var(--color-primary-soft);color:var(--color-primary);font-weight:600}.sidebar__footer{padding-top:16px;border-top:1px solid var(--color-border)}.topbar{padding:24px 32px 0;display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.topbar__title{margin:0;font-size:36px;line-height:1.1}.topbar__subtitle{margin:8px 0 0;color:var(--color-text-secondary)}.page-container{padding:24px 32px 32px}.stack,.content-grid{display:grid;gap:24px}.content-grid--1{grid-template-columns:1fr}.content-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}.content-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:24px;padding:24px;box-shadow:0 4px 16px #1f24330f}.card--link{display:block}.card__header,.stat-row,.inline-actions,.list-item,.banner-card{display:flex;align-items:center;justify-content:space-between;gap:16px}.hero-card h2,.card h2,.card h3{margin-top:0;margin-bottom:8px}.eyebrow{margin:0 0 8px;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.08em;font-size:12px}.button{border:none;border-radius:14px;padding:12px 16px;background:var(--color-primary);color:#fff;cursor:pointer;font-weight:500;font-size:14px;display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:background .15s,box-shadow .15s}.button:hover:not(:disabled){background:var(--color-primary-hover)}.button:focus-visible{outline:none;box-shadow:0 0 0 3px #6b73ff40}.button:disabled{opacity:.6;cursor:not-allowed}.button--ghost{background:var(--color-primary-soft);color:var(--color-primary);border:1px solid var(--color-border)}.button--ghost:hover:not(:disabled){border-color:var(--color-primary)}.button--ghost:focus-visible{outline:none;box-shadow:0 0 0 3px #6b73ff2e}.button--small{padding:5px 12px;font-size:13px}.field{display:grid;gap:8px}.field input,.field select,.field textarea{width:100%;border:1px solid var(--color-border);border-radius:14px;padding:12px 14px;background:var(--color-surface)}.field-error{color:var(--color-danger-soft)}.status-card--green{background:var(--color-success-soft)}.status-card--yellow{background:var(--color-warning-soft)}.status-card--red{background:var(--color-danger-bg)}.status-pill{display:inline-flex;width:fit-content;padding:5px 10px;border-radius:999px;background:#0000000f;text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-weight:600;margin-bottom:12px}.progress{width:100%;height:8px;border-radius:999px;background:var(--color-border);overflow:hidden;margin:16px 0}.progress__bar{height:100%;border-radius:inherit;background:var(--color-primary);transition:width .3s ease}.list{display:grid;gap:12px}.list-item{padding:16px;border:1px solid var(--color-border);border-radius:16px;background:var(--color-surface-soft)}.list-item--link:hover{background:var(--color-primary-soft)}.chart{width:100%;height:auto;display:block}.skeleton-card{min-height:180px;background:linear-gradient(90deg,#eceef5 25%,var(--color-surface-soft) 50%,#eceef5 75%);background-size:200% 100%;animation:pulse 1.2s linear infinite}.banner-card.card{background:var(--color-primary-soft);border-color:var(--color-border)}.auth-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:var(--color-bg-app)}.auth-card{width:100%;max-width:420px;display:grid;gap:16px;padding:24px;border-radius:24px;background:var(--color-surface);border:1px solid var(--color-border);box-shadow:0 12px 32px #1b27220d}@keyframes pulse{0%{background-position:200% 0}to{background-position:-200% 0}}.sensor-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.sensor-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:20px;padding:16px 20px;box-shadow:0 2px 8px #1f24330a;display:flex;flex-direction:column;gap:4px}.sensor-card__label{margin:0;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--color-text-secondary)}.sensor-card__value{margin:0;font-size:14px}.sensor-card__value--strong{font-size:20px;font-weight:700;color:var(--color-text-primary);letter-spacing:-.3px;line-height:1.2}.sensor-card__sub{margin:0;font-size:12px;color:var(--color-text-secondary)}.sensor-card--link{cursor:pointer;transition:background .15s,border-color .15s}.sensor-card--link:hover{background:var(--color-primary-soft);border-color:var(--color-primary)}.env-location-bar{display:flex;flex-direction:column;gap:6px}.env-location-bar__actions{display:flex;flex-wrap:wrap;gap:8px}.env-location-bar__hint{margin:0;font-size:12px}.dashboard-body{display:grid;grid-template-columns:3fr 2fr;gap:24px;align-items:stretch}.dashboard-left{display:grid;gap:24px;align-content:start}.card--stretch{display:flex;flex-direction:column;height:100%;min-height:280px}.card--roomy{padding:28px}.qr-skeleton{height:200px;border-radius:16px;margin-top:16px;background:linear-gradient(90deg,#eceef5 25%,var(--color-surface-soft) 50%,#eceef5 75%);background-size:200% 100%;animation:pulse 1.2s linear infinite}.qr-area{display:flex;justify-content:center;padding:20px 0 12px}.qr-empty{display:grid;gap:16px;margin-top:12px}.qr-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.button--revoke{background:var(--color-danger-bg);color:var(--color-danger-soft);border:1px solid transparent}.button--revoke:hover:not(:disabled){border-color:var(--color-danger-soft)}.button--revoke:focus-visible{outline:none;box-shadow:0 0 0 3px #ff7d8f33}.progress--compact{height:4px;margin:8px 0 0}@media(max-width:960px){.shell{grid-template-columns:1fr}.sidebar{border-right:none;border-bottom:1px solid var(--color-border)}.content-grid--2,.content-grid--3{grid-template-columns:1fr}.sensor-row{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-body{grid-template-columns:1fr}.card--stretch{height:auto}.topbar,.page-container{padding-left:20px;padding-right:20px}}.login-layout{min-height:100vh;display:grid;grid-template-columns:420px 1fr;background:var(--color-bg-app)}.login-panel{background:var(--color-surface);display:flex;flex-direction:column;justify-content:center;padding:48px 40px;min-height:100vh}.login-panel__inner{width:100%;max-width:340px}.login-brand{display:flex;align-items:center;gap:10px;margin-bottom:20px}.login-brand__name{font-size:18px;font-weight:700;color:var(--color-text-primary);letter-spacing:-.3px}.login-title{font-size:24px;font-weight:600;color:var(--color-text-primary);margin:0 0 6px;letter-spacing:-.3px}.login-subtitle{font-size:14px;color:var(--color-text-secondary);margin:0 0 24px}.login-social-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:20px}.login-social-btn{display:flex;align-items:center;justify-content:center;gap:8px;height:40px;border-radius:8px;background:var(--color-surface);border:1px solid var(--color-border);font-size:14px;color:#374151;cursor:not-allowed;opacity:.72;transition:border-color .15s,background .15s}.login-divider{display:flex;align-items:center;gap:12px;margin-bottom:20px}.login-divider__line{flex:1;height:1px;background:var(--color-border)}.login-divider__text{font-size:13px;color:var(--color-text-secondary)}.login-field{display:flex;flex-direction:column;gap:6px}.login-label{font-size:14px;font-weight:500;color:var(--color-text-primary)}.login-input{height:44px;border-radius:8px;border:1px solid var(--color-border);background:var(--color-surface);padding:0 12px;font-size:14px;color:var(--color-text-primary);width:100%;outline:none;transition:border-color .15s,box-shadow .15s}.login-input::placeholder{color:var(--color-text-secondary)}.login-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #6b73ff1f}.login-input--error{border-color:var(--color-danger-soft)}.login-input--error:focus{border-color:var(--color-danger-soft);box-shadow:0 0 0 3px #ff7d8f1f}.login-input-wrap{position:relative}.login-input-wrap .login-input{padding-right:42px}.login-eye-btn{position:absolute;right:11px;top:50%;transform:translateY(-50%);background:none;border:none;padding:0;cursor:pointer;color:var(--color-text-secondary);display:flex;align-items:center;line-height:0}.login-eye-btn:hover{color:var(--color-text-primary)}.login-field-error{font-size:13px;color:var(--color-danger-soft)}.login-extra-row{display:flex;align-items:center;justify-content:space-between;margin-top:14px;margin-bottom:24px}.login-remember{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--color-text-primary);cursor:pointer;-webkit-user-select:none;user-select:none}.login-remember input[type=checkbox]{width:15px;height:15px;accent-color:var(--color-primary);cursor:pointer}.login-forgot{font-size:14px;color:var(--color-primary);cursor:pointer}.login-forgot:hover{color:var(--color-primary-hover)}.login-success{font-size:14px;color:var(--color-text-primary);background:var(--color-success-soft);border:1px solid var(--color-border);border-radius:8px;padding:10px 12px}.login-error{font-size:14px;color:var(--color-danger-soft);background:var(--color-danger-bg);border:1px solid var(--color-danger-soft);border-radius:8px;padding:10px 12px;margin-bottom:16px}.login-btn{width:100%;height:44px;border-radius:10px;background:var(--color-primary);color:#fff;font-size:15px;font-weight:600;border:none;cursor:pointer;transition:background .15s;margin-bottom:20px}.login-btn:hover:not(:disabled){background:var(--color-primary-hover)}.login-btn:disabled{opacity:.7;cursor:not-allowed}.login-footer{text-align:center;font-size:14px;color:var(--color-text-secondary);margin:0}.login-footer a{color:var(--color-primary);font-weight:500}.login-footer a:hover{color:var(--color-primary-hover)}.login-visual{background:linear-gradient(150deg,var(--color-primary-soft) 0%,var(--color-bg-app) 70%);display:flex;align-items:center;justify-content:center;min-height:100vh}.auth-hero{max-width:340px;padding:48px;display:flex;flex-direction:column;align-items:flex-start}.auth-hero__title{margin:0 0 12px;font-size:32px;font-weight:700;letter-spacing:-.5px;color:var(--color-text-primary);line-height:1.15}.auth-hero__subtitle{margin:0;font-size:16px;color:var(--color-text-secondary);line-height:1.65}.login-agreement{display:flex;flex-direction:column}.login-agreement__label{display:flex;align-items:flex-start;gap:10px;font-size:13px;color:var(--color-text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;line-height:1.5}.login-agreement__label input[type=checkbox]{width:15px;height:15px;margin-top:2px;flex-shrink:0;accent-color:var(--color-primary);cursor:pointer}.login-agreement__link{color:var(--color-primary);cursor:default}@media(max-width:800px){.login-layout{grid-template-columns:1fr}.login-visual{display:none}.login-panel{justify-content:flex-start;padding:40px 24px;min-height:auto}}