:root{--accent: #6366f1;--accent-dark: #4f46e5;--accent-light: #eef2ff;--accent-muted: #e0e7ff;--sidebar-bg: #ffffff;--topbar-bg: #ffffff;--bg: #f0f2f7;--text: #374151;--text-muted: #9ca3af;--text-light: #6b7280;--border: #e5e7eb;--surface: #ffffff;--ok: #10b981;--ok-bg: #d1fae5;--ok-text: #065f46;--warn: #f59e0b;--warn-bg: #fef3c7;--warn-text: #92400e;--danger: #ef4444;--danger-bg: #fee2e2;--danger-text: #991b1b;--shadow-sm: 0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);--shadow-md: 0 4px 6px rgba(0,0,0,.05), 0 2px 4px rgba(0,0,0,.04);--shadow-lg: 0 10px 15px rgba(0,0,0,.07), 0 4px 6px rgba(0,0,0,.04);--ocean-deep: #0d2137;--ocean-medium: #163b5e;--ocean-light: #1e5480;--ocean-bright: #2272a8;--teal: #0891b2;--teal-light: #67c2d8;--teal-muted: #cde9f0;--coral: #c0392b;--coral-light: #e74c3c;--turquoise-light: #b2e8f0;--foam: #f0f6fa;--white: #ffffff;--text-dark: #0d2137;--text-medium: #2d4a62;--turquoise: #0891b2;--gradient-ocean: linear-gradient(180deg, #0d2137 0%, #163b5e 100%);--gradient-wave: linear-gradient(180deg, #f0f6fa 0%, #ffffff 100%)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg);color:var(--text);min-height:100vh;font-size:.9375rem;line-height:1.5}a{color:var(--accent);text-decoration:none;transition:color .15s}a:hover{color:var(--accent-dark)}code{font-family:Fira Code,Cascadia Code,Menlo,Monaco,Consolas,monospace;font-size:.875em}.hidden{display:none}@media (max-width: 768px){body{font-size:14px}}@media (max-width: 480px){body{font-size:13px}}.btn{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem 1.125rem;border:1px solid transparent;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:background .18s,border-color .18s,opacity .18s,box-shadow .18s,transform .18s;white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,var(--accent) 0%,var(--accent-dark) 100%);color:#fff;border-color:transparent;box-shadow:0 2px 8px #6366f159;letter-spacing:.01em}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#818cf8 0%,var(--accent) 100%);box-shadow:0 4px 14px #6366f173;transform:translateY(-1px)}.btn-primary:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 6px #6366f14d}.btn-secondary{background:var(--surface);color:var(--text);border-color:var(--border)}.btn-secondary:hover:not(:disabled){background:var(--bg)}.btn-submit{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;border-color:transparent;box-shadow:0 2px 8px #22c55e59;letter-spacing:.01em}.btn-submit:hover:not(:disabled){background:linear-gradient(135deg,#4ade80,#22c55e);box-shadow:0 4px 14px #22c55e73;transform:translateY(-1px)}.btn-submit:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 6px #22c55e4d}.btn-danger{background:transparent;color:var(--danger);border-color:#fca5a5}.btn-danger:hover:not(:disabled){background:var(--danger-bg)}.btn-ghost{background:transparent;color:var(--text-muted);border-color:transparent}.btn-ghost:hover:not(:disabled){background:var(--bg);color:var(--text)}.card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:1.5rem;box-shadow:0 10px 10px #000a0a1a;transition:box-shadow .15s}.card:hover{box-shadow:var(--shadow-md)}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1.75rem 1.5rem;text-align:center;box-shadow:var(--shadow-sm);transition:box-shadow .15s;box-shadow:0 10px 10px #000a0a1a}.stat-card:hover{box-shadow:var(--shadow-md)}.stat-card__icon{width:100px;height:100px;border-radius:50%;background:var(--accent-muted);display:flex;align-items:center;justify-content:center;margin:0 auto 1.25rem;color:var(--accent);font-size:4rem}.aquarium-type--meer .stat-card__icon{color:var(--accent);background:var(--accent-muted)}.aquarium-type--suess .stat-card__icon{color:#2a7d4f;background:#d1fae5}.aquarium-type--brack .stat-card__icon{color:#7a5c1e;background:#fef3c7}.stat-card__value{font-size:2rem;font-weight:700;color:var(--text);line-height:1;margin-bottom:.375rem}.stat-card__label{font-size:.875rem;font-weight:600;color:var(--text);margin-bottom:.75rem}.badge{display:inline-block;padding:.2rem .6rem;border-radius:20px;font-size:.8125rem;font-weight:500}.badge--ok{background:var(--ok-bg);color:var(--ok-text)}.badge--warn{background:var(--warn-bg);color:var(--warn-text)}.badge--danger{background:var(--danger-bg);color:var(--danger-text)}.badge--accent{background:var(--accent-light);color:var(--accent-dark)}.form-group{margin-bottom:1.25rem}.label{display:block;margin-bottom:.375rem;font-size:.8125rem;font-weight:500;color:var(--text-light)}.input-field,.select-field,.textarea-field{width:100%;padding:.575rem .875rem;border:1px solid var(--border);border-radius:6px;font-size:.9375rem;color:var(--text);background:var(--surface);font-family:inherit;transition:border-color .15s,box-shadow .15s}.input-field:focus,.select-field:focus,.textarea-field:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #6366f11f}.input-field::placeholder,.textarea-field::placeholder{color:var(--text-muted)}.select-field{cursor:pointer}.textarea-field{resize:vertical;min-height:100px}.table{width:100%;border-collapse:collapse}.table th{padding:.625rem 1rem;text-align:left;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);border-bottom:1px solid var(--border);background:var(--surface)}.table td{padding:.875rem 1rem;border-bottom:1px solid var(--border);color:var(--text);font-size:.9375rem}.table tbody tr:last-child td{border-bottom:none}.table tbody tr:hover td{background:var(--bg)}.alert{padding:.75rem 1rem;border-radius:6px;font-size:.875rem;border:1px solid transparent}.alert--danger{background:var(--danger-bg);color:var(--danger-text);border-color:#fca5a5}.alert--warn{background:var(--warn-bg);color:var(--warn-text);border-color:#fcd34d}.alert--ok{background:var(--ok-bg);color:var(--ok-text);border-color:#6ee7b7}.aquarium-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;margin-bottom:2rem}.aquarium-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1.5rem;box-shadow:var(--shadow-sm);cursor:pointer;transition:box-shadow .18s,transform .18s;position:relative;overflow:hidden}.aquarium-card:hover{box-shadow:var(--shadow-md)}.aquarium-card__image{margin:-15px -15px 15px;border-radius:8px;overflow:hidden;height:180px;background:var(--bg)}.aquarium-card__title{font-size:1.25rem;font-weight:700;color:var(--text);margin:0 0 .75rem}.aquarium-card__meta{font-size:.875rem;color:var(--text-muted);margin-bottom:.375rem}.aquarium-card__meta strong{color:var(--text-light);font-weight:600}.aquarium-card__notes{font-size:.875rem;font-style:italic;color:var(--text-muted);margin-top:.75rem;padding:.625rem .875rem;background:var(--bg);border-radius:6px;border-left:3px solid var(--accent-muted)}.form-page{max-width:1400px;margin:0 auto}.form-grid{display:grid;grid-template-columns:1fr 350px;gap:2rem;margin-bottom:2rem}.form-field{margin-bottom:1.5rem}.form-label{display:block;color:var(--ocean-medium);font-weight:400;margin-bottom:.1rem;font-size:.9rem}.form-label--sm{font-size:.9rem}.form-error{color:var(--coral);margin-bottom:1.5rem;padding:1rem;background:#c0392b14;border-radius:8px;border:1px solid var(--coral-light)}.input-ocean,.select-ocean,.textarea-ocean{width:100%;padding:.75rem 1rem;border:1px solid #999;border-radius:8px;font-size:1rem;font-family:inherit;color:var(--text);background:var(--surface);transition:border-color .2s ease,box-shadow .2s ease}.input-ocean:focus,.select-ocean:focus,.textarea-ocean:focus{outline:none;border-color:var(--ocean-medium);box-shadow:0 0 0 3px #0082b41a}.input-ocean::placeholder,.textarea-ocean::placeholder{color:var(--text-muted)}.textarea-ocean{resize:vertical;min-height:120px}.form-checkbox-group{display:flex;gap:2rem;flex-wrap:wrap;margin-bottom:1.5rem}.form-checkbox-label{display:flex;align-items:center;gap:.75rem;cursor:pointer;padding:.75rem;border-radius:8px;transition:background .2s ease;-webkit-user-select:none;user-select:none}.form-checkbox-label:hover{background:#0082b40d}.form-checkbox-label span{color:var(--text-medium);font-weight:500}.form-checkbox{width:20px;height:20px;cursor:pointer;accent-color:var(--ocean-medium);flex-shrink:0}.form-actions{display:flex;gap:1rem;margin-top:2rem;padding-top:1.5rem;flex-wrap:wrap}.btn-delete{padding:.5rem 1.125rem;background:var(--coral-light);color:#fff;border:2px solid var(--coral);border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.btn-delete:hover:not(:disabled){background:var(--coral);transform:translateY(-1px)}.btn-delete:disabled{opacity:.7;cursor:not-allowed}.btn-default{background:#e0e0e0;color:var(--text-medium);border:2px solid var(--border);border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;padding:.5rem 1.125rem;transition:background .18s,border-color .18s;white-space:nowrap}.btn-default:hover:not(:disabled){background:var(--bg);border-color:var(--text-muted)}.sidebar-heading{color:var(--ocean-medium);font-size:1.1rem;margin-bottom:1.5rem;font-weight:600}.form-label{display:block;color:var(--ocean-medium);font-weight:400;margin-bottom:.5rem;font-size:.9rem}.btn-image-remove{margin-top:.75rem;padding:.5rem 1rem;background:var(--coral-light);color:#fff;border:2px solid var(--coral);border-radius:8px;cursor:pointer;font-size:.85rem;font-weight:600;width:100%;transition:all .2s ease}.btn-image-remove:hover{background:var(--coral);transform:translateY(-1px)}.page-container{max-width:1400px;margin:0 auto}.page-error{color:var(--coral);margin-bottom:1rem;padding:1rem;background:#c0392b14;border-radius:8px;border:1px solid var(--coral-light)}.action-bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.item-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem;margin-bottom:2rem}.item-card{background:linear-gradient(135deg,var(--surface) 0%,var(--foam) 100%);border:2px solid var(--turquoise-light);border-radius:12px;position:relative;overflow:hidden;transition:all .3s ease;cursor:pointer}.item-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--ocean-medium)}.item-card__body{position:relative;z-index:1;padding:0 1.5rem 1.5rem}.card-edit-btn{position:absolute;top:1rem;right:1rem;width:36px;height:36px;border-radius:50%;background:#0000008c;color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1rem;z-index:10;box-shadow:0 2px 8px #0003;transition:background .2s ease,transform .2s ease}.card-edit-btn:hover{background:#000c;transform:scale(1.1)}.card-image{overflow:hidden;height:200px;background:var(--foam);margin-bottom:1rem}.card-image img{width:100%;height:100%;object-fit:cover}.card-decoration{position:absolute;top:-50px;right:-50px;width:150px;height:150px;background:linear-gradient(135deg,var(--ocean-medium),var(--teal));border-radius:50%;opacity:.1;z-index:0;pointer-events:none}.item-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.info-row{color:var(--text-medium);font-size:.95rem;margin-bottom:.5rem}.info-row strong{color:var(--ocean-medium)}.card-notes{margin-top:1rem;font-style:italic;color:var(--text-light);padding:.75rem;background:#00b4d20d;border-radius:8px;font-size:.9rem}.list-item{background:var(--foam);border:1px solid transparent;border-radius:8px;padding:.75rem 1rem;display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:background .2s ease,border-color .2s ease;margin-bottom:.5rem}.list-item:hover{background:#0891b214;border-color:var(--turquoise-light)}.list-item:last-child{margin-bottom:0}.date-group{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1.25rem;margin-bottom:1rem;box-shadow:0 10px 10px #000a0a1a}.date-group__header{margin:0 0 .75rem;padding-bottom:.75rem;border-bottom:1px solid var(--border);color:var(--ocean-medium);font-size:.95rem;font-weight:600}.task-item{border-radius:8px;padding:1rem;display:flex;align-items:center;gap:1rem}.task-item--ok{background:#0891b20d;border:2px solid var(--turquoise-light)}.task-item--overdue{background:#c0392b14;border:2px solid var(--coral-light)}.tab-bar{display:flex;gap:1rem;margin-bottom:2rem;border-bottom:2px solid var(--turquoise-light)}.tab-btn{padding:1rem 2rem;border:none;background:transparent;color:var(--ocean-medium);cursor:pointer;font-weight:600;font-size:1rem;border-top-left-radius:8px;border-top-right-radius:8px;transition:background .2s ease,color .2s ease}.tab-btn--active{background:var(--turquoise);color:#fff}.konto-container{max-width:800px;margin:0 auto;padding:2rem}.konto-title{font-size:2.5rem;margin-bottom:2rem;color:var(--ocean-medium)}.konto-card{padding:2rem;background:linear-gradient(135deg,var(--white) 0%,var(--foam) 100%);border:2px solid var(--turquoise-light);border-radius:10px;box-shadow:0 10px 10px #000a0a1a}.konto-card h2{margin-top:0;margin-bottom:1.5rem;color:var(--ocean-medium)}.success-box{background:#00d4ff1a;color:var(--turquoise);padding:1rem;border-radius:8px;margin-bottom:1.5rem;border:1px solid var(--turquoise-light)}.form-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1.5rem}.form-grid-plz{display:grid;grid-template-columns:1fr 2fr;gap:1.5rem;margin-bottom:1.5rem}.form-field-mb{margin-bottom:1.5rem}.form-actions--end{display:flex;gap:1rem;justify-content:flex-end}.sidebar-label{display:block;color:var(--ocean-medium);font-weight:600;margin-bottom:.5rem;font-size:.9rem}.btn-icon{padding:.25rem .5rem;border:none;border-radius:4px;cursor:pointer;font-size:.75rem;line-height:1}.btn-icon--edit{background:var(--ocean-medium);color:#fff}.btn-icon--delete{background:var(--coral-light);color:#fff}.btn-ocean{background:linear-gradient(135deg,var(--teal) 0%,var(--ocean-medium) 100%);color:#fff;border-color:transparent;box-shadow:0 2px 8px #0891b259}.btn-ocean:hover:not(:disabled){background:linear-gradient(135deg,var(--turquoise-light) 0%,var(--teal) 100%);box-shadow:0 4px 14px #0891b273;transform:translateY(-1px);color:#fff}.empty-state{padding:3rem;text-align:center;border:1px dashed var(--border);border-radius:10px;background:var(--surface)}.empty-state__icon{font-size:2.5rem;margin-bottom:1rem;color:var(--text-muted)}.empty-state__title{font-size:1rem;font-weight:600;color:var(--text);margin-bottom:.5rem}.empty-state__desc{font-size:.875rem;color:var(--text-muted);margin-bottom:1rem}.quota-banner{display:flex;align-items:center;gap:1rem;padding:.875rem 1.25rem;margin-bottom:1.5rem;border-radius:10px;background:linear-gradient(135deg,#0891b214,#0891b20a);border:1px solid rgba(8,145,178,.2)}.quota-banner--full{background:linear-gradient(135deg,#ef444414,#ef44440a);border-color:#ef444440}.quota-banner__icon{font-size:1.4rem;flex-shrink:0}.quota-banner__body{flex:1}.quota-banner__title{font-weight:600;font-size:.9rem;color:var(--ocean-medium);margin-bottom:.2rem}.quota-banner--full .quota-banner__title{color:var(--coral)}.quota-banner__subtitle{font-size:.85rem;color:var(--text-muted)}.quota-banner__upgrade{color:var(--ocean-medium);font-weight:600}.quota-banner__bars{display:flex;gap:3px;flex-shrink:0}.quota-bar{width:10px;height:28px;border-radius:4px;background:#00000014;transition:background .2s}.quota-bar--used{background:var(--ocean-medium)}.quota-bar--used-full{background:var(--coral)}.aquarium-card__image{border-radius:8px 8px 0 0;overflow:hidden;height:180px;background:var(--foam)}.aquarium-card__image img{width:100%;height:100%;object-fit:cover}.item-card__body--with-image{padding-top:1rem}.item-icon{font-size:1.5rem;flex-shrink:0}.item-title{margin:0;color:var(--ocean-medium);font-size:1.3rem;font-weight:700}.gallery{margin-bottom:2rem}.gallery__heading{font-size:1rem;font-weight:600;color:var(--text);margin-bottom:.75rem}.gallery__grid{columns:2;column-gap:.75rem}@media (min-width: 640px){.gallery__grid{columns:3}}@media (min-width: 1024px){.gallery__grid{columns:4}}@media (min-width: 1400px){.gallery__grid{columns:5}}.gallery__item{break-inside:avoid;margin-bottom:.75rem;border-radius:10px;overflow:hidden;cursor:pointer;position:relative;background:var(--foam);display:block}.gallery__item img{width:100%;height:auto;display:block;transition:transform .3s ease}.gallery__item:hover img{transform:scale(1.04)}.gallery__item__label{position:absolute;bottom:0;left:0;right:0;padding:.4rem .6rem;background:linear-gradient(transparent,#0000008c);color:#fff;font-size:.78rem;font-weight:500;opacity:0;transition:opacity .2s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gallery__item:hover .gallery__item__label{opacity:1}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#000000e0;display:flex;align-items:center;justify-content:center;padding:1.5rem;cursor:zoom-out}.lightbox__img{max-width:100%;max-height:90vh;border-radius:10px;box-shadow:0 24px 64px #00000080;cursor:default;object-fit:contain}.lightbox__close{position:absolute;top:1rem;right:1.25rem;background:#ffffff26;border:none;color:#fff;font-size:1.5rem;width:2.5rem;height:2.5rem;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.lightbox__close:hover{background:#ffffff4d}.lightbox__caption{position:absolute;bottom:1.5rem;left:50%;transform:translate(-50%);color:#fffc;font-size:.9rem;background:#0006;padding:.3rem .9rem;border-radius:20px;white-space:nowrap}.visually-hidden{display:none}.upload-error{color:var(--coral);margin-top:.5rem;padding:.5rem .75rem;background:#ff6b6b1a;border-radius:6px;font-size:.875rem}.image-gallery{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:.75rem}.image-thumb-wrapper{position:relative;width:96px;height:96px}.image-thumb{width:100%;height:100%;object-fit:cover;border-radius:8px;border:2px solid var(--foam)}.image-thumb-remove{position:absolute;top:-6px;right:-6px;width:22px;height:22px;border-radius:50%;background:var(--coral);color:#fff;border:none;cursor:pointer;font-size:.75rem;line-height:1;display:flex;align-items:center;justify-content:center;padding:0}.image-thumb-remove:hover{background:#e05555}.form-hint{font-size:.8rem;color:var(--text-muted);margin-top:.35rem}.app-shell{display:flex;min-height:100vh;background:var(--bg)}.sidebar{width:220px;background:var(--sidebar-bg);border:1px solid var(--border);border-radius:0 60px 60px 0;position:fixed;top:20px;left:20px;bottom:20px;height:100vh;z-index:100;overflow-y:auto;overflow-x:hidden;transition:width .25s ease,transform .25s ease;display:flex;flex-direction:column;box-shadow:var(--shadow-md)}.sidebar--collapsed{width:68px}.sidebar--mobile-hidden{transform:translate(-100%)}.sidebar__logo{display:flex;align-items:center;gap:.75rem;padding:1.25rem 1rem;border-bottom:1px solid var(--border);min-height:64px;text-decoration:none;border-radius:0 16px 0 0}.sidebar__logo-mark{width:36px;height:36px;min-width:36px;border-radius:8px;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.9375rem;letter-spacing:-.02em}.sidebar__logo-text{font-weight:700;font-size:1rem;color:var(--text);letter-spacing:.01em;white-space:nowrap}.sidebar__logo-version{font-size:.7rem;color:var(--text-muted)}.sidebar__nav{padding:.75rem 0;flex:1}.sidebar__section-label{padding:.5rem 1rem .25rem;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);white-space:nowrap;overflow:hidden}.nav-item{display:flex;align-items:center;gap:.75rem;padding:.625rem .75rem;margin:.125rem .5rem;border-radius:7px;font-size:.9rem;font-weight:500;color:var(--text-light);text-decoration:none;cursor:pointer;border:none;background:transparent;width:calc(100% - 1rem);text-align:left;transition:background .12s,color .12s;white-space:nowrap;overflow:hidden}.nav-item:hover{background:var(--bg);color:var(--text)}.nav-item--active{background:var(--accent-light);color:var(--accent);font-weight:600}.nav-item__icon{min-width:20px;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0}.nav-item__text{flex:1}.nav-item__arrow{font-size:.65rem;color:var(--text-muted);flex-shrink:0;transition:transform .2s}.nav-item__arrow--open{transform:rotate(180deg)}.nav-submenu{margin-left:1rem;padding-left:.5rem;border-left:2px solid var(--border);margin-top:.125rem;margin-bottom:.25rem}.nav-item--sub{font-size:.875rem;padding:.5rem .75rem}.topbar{position:fixed;top:0;left:220px;right:0;height:64px;background:transparent;border-bottom:none;display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem;z-index:99;transition:left .25s ease}.topbar--sidebar-collapsed{left:68px}.topbar--mobile{left:0}.topbar__left{display:flex;align-items:center;gap:1rem}.topbar__right{display:flex;align-items:center;gap:.75rem}.topbar__hamburger{width:36px;height:36px;border:none;background:transparent;cursor:pointer;border-radius:6px;display:flex;align-items:center;justify-content:center;color:var(--text-light);font-size:1.25rem;transition:background .12s}.topbar__hamburger:hover{background:var(--bg);color:var(--text)}.breadcrumb{display:flex;align-items:center;gap:.375rem;font-size:.875rem;color:var(--text-muted)}@media (max-width: 1024px){.breadcrumb{display:none}}.breadcrumb__sep{color:var(--border)}.breadcrumb__current{color:var(--text);font-weight:500}.topbar__user{display:flex;align-items:center;gap:.5rem;padding:.375rem .75rem;border-radius:6px;border:1px solid var(--border);cursor:pointer;background:transparent;font-size:.875rem;color:var(--text);font-weight:500;transition:background .12s}.topbar__user:hover{background:var(--bg)}.topbar__avatar{width:28px;height:28px;border-radius:50%;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;flex-shrink:0}.dropdown{position:absolute;top:calc(100% + 6px);right:0;background:var(--surface);border:1px solid var(--border);border-radius:8px;box-shadow:var(--shadow-lg);min-width:190px;overflow:hidden;z-index:200}.dropdown__item{display:block;padding:.625rem 1rem;font-size:.9rem;color:var(--text);text-decoration:none;border:none;background:transparent;width:100%;text-align:left;cursor:pointer;transition:background .1s}.dropdown__item:hover{background:var(--bg)}.dropdown__item--danger{color:var(--danger)}.dropdown__item--danger:hover{background:var(--danger-bg)}.dropdown__divider{border-top:1px solid var(--border)}.main-content{margin-left:260px;width:calc(100% - 320px);padding-top:64px;min-height:100vh;transition:margin-left .25s ease,width .25s ease}@media (max-width: 1024px){.main-content{margin-left:0;width:100%}}.app-shell:before{content:"";position:fixed;top:50%;left:260px;transform:translate(-50%,-50%);width:100vh;height:150vh;border-radius:50%;background:#e2e6ef;pointer-events:none;z-index:0}.page-content{position:relative;z-index:1}.main-content--sidebar-collapsed{margin-left:108px;width:calc(100% - 108px)}.main-content--mobile{margin-left:0}.page-content{padding:1.5rem}.page-header{margin-bottom:1.5rem}.page-header__title{font-size:1.375rem;font-weight:700;color:var(--text);margin-bottom:.125rem}.page-header__subtitle{font-size:.875rem;color:var(--text-muted)}.page-header__row{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.aquarium-select{padding:.375rem .75rem;border:1px solid var(--border);border-radius:6px;background:var(--bg);color:var(--text);font-size:.875rem;font-weight:500;cursor:pointer;max-width:180px}.aquarium-select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #6366f11f}@media (max-width: 1024px){.sidebar--mobile-open{transform:translate(0)}.topbar{left:0}.main-content{margin-left:0}.mobile-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:99}}.responsive-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.25rem}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1.25rem}@media (max-width: 1024px){.responsive-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (max-width: 768px){.responsive-grid{grid-template-columns:1fr}.stat-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.stat-grid{grid-template-columns:1fr}}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-sm{gap:.5rem}.gap-md{gap:1rem}.gap-lg{gap:1.5rem}.flex-wrap{flex-wrap:wrap}.flex-1{flex:1}.mb-sm{margin-bottom:.75rem}.mb-md{margin-bottom:1.25rem}.mb-lg{margin-bottom:1.75rem}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.text-muted{color:var(--text-muted)}.text-light{color:var(--text-light)}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}