:root{--ink:#1a221c;--muted:#5c6b60;--paper:#f3f0e8;--glow:#c8e6a0;--leaf:#3d6b4f;--leaf-deep:#2a4a38;--line:#1a221c1f;--danger:#8b3a3a;--danger-bg:#8b3a3a14;--success:#2a4a38;--success-bg:#c8e6a073;--surface:#ffffff8c;--surface-strong:#ffffffc7;--radius:.35rem;--font-sans:"DM Sans", sans-serif;--font-display:"Instrument Serif", serif}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100%}body{font-family:var(--font-sans);color:var(--ink);background:radial-gradient(ellipse 90% 70% at 10% 0%, #c8e6a073, transparent 55%), radial-gradient(ellipse 70% 60% at 95% 15%, #3d6b4f2e, transparent 50%), linear-gradient(165deg, #eef4ea 0%, var(--paper) 42%, #e8ebe2 100%)}button,input,select,textarea{font:inherit;color:inherit}a{color:inherit}.page{z-index:1;min-height:100vh;padding:1.5rem clamp(1.25rem,4vw,3rem);position:relative}.page-shell{width:min(960px,100%);margin:0 auto}.page-shell-wide{width:min(1100px,100%)}.page-header{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.brand{font-family:var(--font-display);letter-spacing:.01em;font-size:1.35rem}.muted{color:var(--muted);font-size:.9rem}.login-card,.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);min-width:0;padding:clamp(1.25rem,3vw,1.75rem)}.login-wrap{place-items:center;min-height:calc(100vh - 3rem);display:grid}.login-card{width:min(420px,100%)}.login-card h1,.panel h2{font-family:var(--font-display);letter-spacing:-.02em;font-weight:400}.login-card h1{margin-bottom:.4rem;font-size:clamp(2rem,5vw,2.5rem)}.login-card .lede{color:var(--muted);margin-bottom:1.5rem;line-height:1.5}.form{gap:1rem;min-width:0;display:grid}.field{gap:.4rem;min-width:0;display:grid}.field label{font-size:.85rem;font-weight:600}.field input,.field select{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-strong);width:100%;min-width:0;max-width:100%;min-height:2.75rem;padding:0 .85rem}.field input:focus,.field select:focus{outline-offset:1px;outline:2px solid #3d6b4f59}.actions{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.btn{border-radius:var(--radius);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;min-height:2.75rem;padding:0 1.15rem;font-weight:600;text-decoration:none;transition:transform .15s,background .15s;display:inline-flex}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--ink);color:var(--paper)}.btn-primary:hover:not(:disabled){background:var(--leaf-deep)}.btn-ghost{background:var(--surface-strong);border-color:var(--line)}.btn-danger{background:var(--danger-bg);color:var(--danger);border-color:color-mix(in srgb, var(--danger) 35%, transparent)}.btn-danger:hover:not(:disabled){background:color-mix(in srgb, var(--danger) 18%, transparent)}.inventory-item-actions{flex-wrap:wrap;gap:.5rem;margin-top:.35rem;display:flex}.alert{border-radius:var(--radius);padding:.75rem .9rem;font-size:.9rem;line-height:1.4}.alert-error{background:var(--danger-bg);color:var(--danger)}.alert-success{background:var(--success-bg);color:var(--success)}.layout-grid{gap:1.25rem;display:grid}@media (width>=900px){.layout-grid{grid-template-columns:minmax(0,22rem) minmax(0,1fr);align-items:start}}.panel h2{margin-bottom:.35rem;font-size:1.6rem}.panel .lede{color:var(--muted);margin-bottom:1.25rem;line-height:1.45}.table-wrap{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-strong);overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.9rem}th,td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:.75rem .9rem}th{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-size:.75rem;font-weight:600}tr:last-child td{border-bottom:none}.badge{color:var(--leaf-deep);background:#3d6b4f1f;border-radius:999px;align-items:center;padding:.15rem .5rem;font-size:.75rem;font-weight:600;display:inline-flex}.badge-claimed{color:var(--muted);background:#1a221c14}.qr-box{border-radius:var(--radius);border:1px dashed var(--line);word-break:break-all;background:#fff6;margin-top:1rem;padding:.85rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.8rem;line-height:1.45}.empty{color:var(--muted);text-align:center;padding:1.5rem .9rem}.inventory-list{gap:1rem;display:grid}.inventory-item{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-strong);gap:.85rem;padding:1rem;display:grid}@media (width>=720px){.inventory-item{grid-template-columns:1fr auto;align-items:center}}.inventory-item-meta{gap:.35rem;min-width:0;display:grid}.inventory-qr{justify-items:center;gap:.5rem;display:grid}.inventory-qr-actions{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.inventory-qr-actions .btn{min-height:2.25rem;padding:0 .85rem;font-size:.85rem}.app-nav{flex-wrap:wrap;align-items:center;gap:.5rem 1rem;display:flex}.app-nav a{color:var(--muted);font-size:.95rem;font-weight:500;text-decoration:none}.app-nav a:hover,.app-nav a.active{color:var(--ink)}.stack{gap:1rem;display:grid}.device-grid{gap:.85rem;display:grid}@media (width>=640px){.device-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.device-link{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-strong);color:inherit;gap:.35rem;min-width:0;padding:1rem;text-decoration:none;display:grid}.device-link:hover{border-color:#3d6b4f73}.state-row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.mono{word-break:break-all;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.85rem}.scanner-box{border:1px solid var(--line);border-radius:var(--radius);background:#111;min-height:240px;overflow:hidden}.scanner-box video{width:100%}.stat-row{gap:.75rem;display:grid}@media (width>=640px){.stat-row{grid-template-columns:repeat(3,minmax(0,1fr))}}.stat{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-strong);padding:1rem}.stat strong{font-family:var(--font-display);margin-bottom:.35rem;font-size:2rem;font-weight:400;line-height:1;display:block}.section-title{font-family:var(--font-display);margin:1.5rem 0 .5rem}.section-hint{margin-bottom:.75rem}.light-status-row{margin:1rem 0 1.25rem}.light-status-indicator{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-strong);align-items:center;gap:1rem;padding:1rem 1.1rem;display:flex}.light-status-bulb{border:2px solid var(--line);background:#ddd;border-radius:50%;flex-shrink:0;width:2.5rem;height:2.5rem}.light-status-on .light-status-bulb{background:#f5e6a8;border-color:#c9a227;box-shadow:0 0 18px #f5e6a8e6}.light-status-off .light-status-bulb{background:#c8cfc9}.schedule-list{gap:.75rem;margin:.75rem 0;display:grid}.schedule-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-strong);gap:.75rem;padding:1rem;display:grid}.checkbox-row{align-items:center;gap:.5rem;font-size:.9rem;display:inline-flex}.day-picker{flex-wrap:wrap;gap:.35rem;display:flex}.day-chip{border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:999px;min-height:2rem;padding:0 .55rem;font-size:.8rem}.day-chip-active{background:var(--glow);border-color:#3d6b4f73}.time-row{flex-wrap:wrap;align-items:end;gap:.75rem;display:flex}.time-row label{gap:.35rem;font-size:.85rem;font-weight:600;display:grid}.time-row input,.time-row select{border:1px solid var(--line);border-radius:var(--radius);background:#fff;min-height:2.5rem;padding:0 .65rem}.btn-ghost{border:1px dashed var(--line);background:0 0}.activity-log{gap:.5rem;margin:.75rem 0 0;padding:0;list-style:none;display:grid}.activity-log-item{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-strong);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem 1rem;padding:.7rem .9rem;display:flex}.activity-badge{border-radius:999px;align-items:center;padding:.15rem .55rem;font-size:.8rem;font-weight:600;display:inline-flex}.activity-badge-online{color:var(--leaf-deep);background:#3d6b4f24}.activity-badge-offline{color:var(--muted);background:#1a221c1a}.activity-badge-on{color:#7a6210;background:#c9a2272e}.activity-badge-off{color:var(--ink);background:#1a221c14}.activity-badge-fed{color:var(--leaf-deep);background:#3d6b4f2e}.aquarium-status-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem;margin:1rem 0 .5rem;display:grid}.aquarium-feed-row{flex-wrap:wrap;align-items:end;gap:.75rem;margin-bottom:1rem;display:flex}.aquarium-feed-row label{gap:.25rem;font-size:.9rem;display:grid}.aquarium-feed-row input[type=number]{border:1px solid var(--line);border-radius:var(--radius);background:#fff;width:5rem;padding:.45rem .6rem}.aquarium-gallery{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem;margin:.75rem 0 1.25rem;display:grid}.aquarium-photo{gap:.35rem;margin:0;display:grid}.aquarium-photo img{aspect-ratio:4/3;object-fit:cover;border-radius:var(--radius);border:1px solid var(--line);background:var(--surface-strong);width:100%}.aquarium-photo-placeholder{aspect-ratio:4/3;border-radius:var(--radius);border:1px dashed var(--line);place-items:center;width:100%;display:grid}.aquarium-section{margin-top:1.25rem}