:root{--primary-color:#2EABE2;--primary-hover:#1E40AF;--primary-l:#123936;--accent-orange:#F59E0B;--light-blue:#EFF8FE;--dark-blue:#0D71B9;--primary-teal:#0D9488;--accent-color:#3b82f6;--navbar-height:72px;--sidebar-width-expanded:240px;--sidebar-width-collapsed:88px;--bg-primary:#FFFFFF;--bg-secondary:#EFF8FE;--bg-tertiary:#F8FAFC;--bg-dark:#0D71B9;--bg-sidebar:#0D71B9;--bg-card:#FFFFFF;--bg-input:#FFFFFF;--bg-elevated:#FFFFFF;--bg-hover:#F1F5F9;--text-primary:#1E293B;--text-secondary:#64748B;--text-tertiary:#94A3B8;--text-light:#94A3B8;--text-white:#FFFFFF;--text-on-primary:#FFFFFF;--text-inverse:#F8FAFC;--text-black:#0F172A;--text-muted:#64748B;--border-color:#E2E8F0;--border-color-strong:#CBD5E1;--border-color-subtle:#F1F5F9;--sidebar-bg:#0D71B9;--sidebar-text:rgba(255,255,255,0.72);--sidebar-text-hover:#FFFFFF;--sidebar-text-active:#FFFFFF;--sidebar-border:rgba(255,255,255,0.10);--sidebar-hover-bg:rgba(255,255,255,0.10);--sidebar-active-bg:rgba(255,255,255,0.10);--sidebar-active-indicator:#67C5FF;--navbar-bg:#FFFFFF;--navbar-text:#1E293B;--navbar-username:#FFFFFF;--navbar-btn-bg:rgba(255,255,255,0.96);--navbar-btn-text:#0D71B9;--navbar-select-bg:#FFFFFF;--navbar-select-text:#1E293B;--navbar-select-border:#E2E8F0;--navbar-arrow-hover:rgba(205,234,251,0.25);--shadow-xs:0 2px 8px rgba(0,0,0,0.10);--shadow-sm:0 1px 2px 0 rgba(0,0,0,0.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.1);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.1);--shadow-card:0 1px 3px rgba(0,0,0,0.05);--shadow-card-hover:0 8px 25px rgba(30,58,138,0.1);--hero-panel-bg:linear-gradient(160deg,color-mix(in srgb,var(--primary-color,#2EABE2) 42%,#bae6fd) 0%,color-mix(in srgb,var(--accent-color,#3b82f6) 22%,var(--bg-card,#ffffff)) 100%);--hero-panel-fg:var(--text-primary,#0f172a);--hero-panel-fg-muted:var(--text-secondary,#475569);--hero-panel-border:color-mix(in srgb,var(--primary-color,#2EABE2) 46%,transparent);--status-success-fg:#166534;--status-success-bg:rgba(34,197,94,0.12);--status-success-border:rgba(34,197,94,0.24);--status-success-shadow-weak:rgba(34,197,94,0.30);--status-success-shadow-strong:rgba(34,197,94,0.42);--status-error-fg:#991B1B;--status-error-bg:rgba(239,68,68,0.12);--status-error-border:rgba(239,68,68,0.24);--status-error-shadow-weak:rgba(239,68,68,0.30);--status-error-shadow-strong:rgba(239,68,68,0.42);--status-info-fg:#1D4ED8;--status-info-bg:rgba(59,130,246,0.12);--status-info-border:rgba(59,130,246,0.24);--status-warning-fg:#92400E;--status-warning-bg:rgba(245,158,11,0.12);--status-warning-border:rgba(245,158,11,0.24);--border-radius:8px;--border-radius-lg:16px;--app-font-scale:1}html[data-theme=dark]{--accent-color:#60a5fa;--bg-primary:#0B1220;--bg-secondary:#070D18;--bg-tertiary:#111C2E;--bg-dark:#082F49;--bg-sidebar:linear-gradient(180deg,#082F49,#051225);--bg-card:#111C2E;--bg-input:#0F1A2B;--bg-elevated:#172338;--bg-hover:#1E2A42;--text-primary:#F1F5F9;--text-secondary:#CBD5E1;--text-tertiary:#A3B0C4;--text-light:#94A3B8;--text-white:#FFFFFF;--text-on-primary:#F8FAFC;--text-inverse:#0B1220;--text-black:#F8FAFC;--text-muted:#CBD5E1;--border-color:rgba(148,163,184,0.24);--border-color-strong:rgba(148,163,184,0.44);--border-color-subtle:rgba(148,163,184,0.14);--sidebar-bg:linear-gradient(180deg,#062038,#041020);--sidebar-text:rgba(226,232,240,0.84);--sidebar-text-hover:#F8FAFC;--sidebar-text-active:#FFFFFF;--sidebar-border:rgba(148,163,184,0.18);--sidebar-hover-bg:rgba(125,211,252,0.12);--sidebar-active-bg:rgba(125,211,252,0.18);--sidebar-active-indicator:#38BDF8;--navbar-bg:#0B1220;--navbar-text:#F8FAFC;--navbar-username:#E0F2FE;--navbar-btn-bg:rgba(15,23,42,0.92);--navbar-btn-text:#7DD3FC;--navbar-select-bg:#111C2E;--navbar-select-text:#F8FAFC;--navbar-select-border:rgba(148,163,184,0.28);--navbar-arrow-hover:rgba(125,211,252,0.16);--shadow-xs:0 2px 8px rgba(0,0,0,0.48);--shadow-sm:0 1px 2px 0 rgba(0,0,0,0.35);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.48);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.56);--shadow-card:0 1px 3px rgba(0,0,0,0.30);--shadow-card-hover:0 8px 25px rgba(2,6,23,0.55);--hero-panel-bg:linear-gradient(160deg,#071A2F,#092640);--hero-panel-fg:var(--text-on-primary,#f8fafc);--hero-panel-fg-muted:var(--text-secondary,#cbd5e1);--hero-panel-border:rgba(125,211,252,0.24);--status-success-fg:#4ADE80;--status-success-bg:rgba(74,222,128,0.16);--status-success-border:rgba(74,222,128,0.32);--status-success-shadow-weak:rgba(74,222,128,0.24);--status-success-shadow-strong:rgba(74,222,128,0.38);--status-error-fg:#FCA5A5;--status-error-bg:rgba(252,165,165,0.14);--status-error-border:rgba(252,165,165,0.30);--status-error-shadow-weak:rgba(252,165,165,0.24);--status-error-shadow-strong:rgba(252,165,165,0.38);--status-info-fg:#93C5FD;--status-info-bg:rgba(147,197,253,0.16);--status-info-border:rgba(147,197,253,0.30);--status-warning-fg:#FCD34D;--status-warning-bg:rgba(252,211,77,0.14);--status-warning-border:rgba(252,211,77,0.30)}html[data-contrast=high]{--bg-primary:#FFFFFF;--bg-secondary:#F8FAFC;--bg-card:#FFFFFF;--bg-input:#FFFFFF;--bg-elevated:#FFFFFF;--bg-hover:#E2E8F0;--text-primary:#020617;--text-secondary:#0F172A;--text-tertiary:#1E293B;--text-muted:#334155;--text-black:#000000;--text-white:#FFFFFF;--text-on-primary:#FFFFFF;--text-inverse:#FFFFFF;--text-light:#334155;--primary-color:#075985;--primary-hover:#0C4A6E;--primary-teal:#0F766E;--primary-l:#064e3b;--accent-color:#1D4ED8;--accent-orange:#C2410C;--light-blue:#DBEAFE;--dark-blue:#0C4A6E;--navbar-height:72px;--sidebar-width-expanded:240px;--sidebar-width-collapsed:88px;--border-color:rgba(2,6,23,0.62);--border-color-strong:rgba(2,6,23,0.88);--border-color-subtle:rgba(15,23,42,0.52);--shadow-sm:0 1px 2px 0 rgba(2,6,23,0.22);--shadow-md:0 4px 8px -2px rgba(2,6,23,0.28);--shadow-card:0 1px 3px rgba(0,0,0,0.22);--status-success-fg:#14532D;--status-success-bg:rgba(22,163,74,0.22);--status-success-border:rgba(22,163,74,0.48);--status-error-fg:#7F1D1D;--status-error-bg:rgba(220,38,38,0.22);--status-error-border:rgba(220,38,38,0.52);--status-info-fg:#1E3A8A;--status-info-bg:rgba(37,99,235,0.22);--status-info-border:rgba(37,99,235,0.48);--status-warning-fg:#78350F;--status-warning-bg:rgba(217,119,6,0.22);--status-warning-border:rgba(217,119,6,0.52);--sidebar-bg:#0C4A6E;--sidebar-text:rgba(255,255,255,0.92);--sidebar-text-hover:#FFFFFF;--sidebar-text-active:#FFFFFF;--sidebar-border:rgba(255,255,255,0.38);--sidebar-hover-bg:rgba(255,255,255,0.18);--sidebar-active-bg:rgba(255,255,255,0.24);--sidebar-active-indicator:#7DD3FC;--navbar-bg:#FFFFFF;--navbar-text:#020617;--navbar-username:#075985;--navbar-btn-bg:#075985;--navbar-btn-text:#FFFFFF;--navbar-select-bg:#FFFFFF;--navbar-select-text:#020617;--navbar-select-border:#0F172A;--navbar-arrow-hover:rgba(12,74,110,0.18);--hero-panel-bg:linear-gradient(160deg,color-mix(in srgb,var(--primary-color,#0D71B9) 30%,#E0F2FE) 0%,color-mix(in srgb,var(--primary-color,#0D71B9) 12%,#FFFFFF) 100%);--hero-panel-fg:#020617;--hero-panel-fg-muted:#0F172A;--hero-panel-border:rgba(2,6,23,0.72)}html[data-theme=dark][data-contrast=high]{--bg-primary:#050B16;--bg-secondary:#030811;--bg-card:#0A1528;--bg-input:#060F22;--bg-elevated:#0E1B32;--bg-hover:#1E2A42;--text-primary:#FFFFFF;--text-secondary:#F1F5F9;--text-tertiary:#E2E8F0;--text-muted:#CBD5E1;--text-black:#F8FAFC;--text-white:#FFFFFF;--text-on-primary:#FFFFFF;--text-inverse:#050B16;--text-light:#94A3B8;--primary-color:#38BDF8;--primary-hover:#7DD3FC;--primary-teal:#34D399;--primary-l:#10b981;--accent-color:#60A5FA;--accent-orange:#FBBF24;--light-blue:#0C4A6E;--dark-blue:#0369A1;--status-success-fg:#4ADE80;--status-success-bg:rgba(74,222,128,0.26);--status-success-border:rgba(74,222,128,0.56);--status-success-shadow-weak:rgba(74,222,128,0.38);--status-success-shadow-strong:rgba(74,222,128,0.58);--status-error-fg:#F87171;--status-error-bg:rgba(248,113,113,0.26);--status-error-border:rgba(248,113,113,0.58);--status-error-shadow-weak:rgba(248,113,113,0.38);--status-error-shadow-strong:rgba(248,113,113,0.60);--status-info-fg:#60A5FA;--status-info-bg:rgba(96,165,250,0.26);--status-info-border:rgba(96,165,250,0.56);--status-warning-fg:#FBBF24;--status-warning-bg:rgba(251,191,36,0.26);--status-warning-border:rgba(251,191,36,0.58);--border-color:rgba(248,250,252,0.58);--border-color-strong:rgba(248,250,252,0.84);--border-color-subtle:rgba(248,250,252,0.44);--sidebar-border:rgba(248,250,252,0.34);--sidebar-bg:linear-gradient(180deg,#051C35,#020C1A);--sidebar-text:rgba(248,250,252,0.92);--sidebar-text-hover:#FFFFFF;--sidebar-text-active:#FFFFFF;--sidebar-hover-bg:rgba(125,211,252,0.24);--sidebar-active-bg:rgba(125,211,252,0.34);--sidebar-active-indicator:#7DD3FC;--navbar-bg:#050B16;--navbar-text:#F8FAFC;--navbar-username:#BAE6FD;--navbar-btn-bg:#07182E;--navbar-btn-text:#7DD3FC;--navbar-select-bg:#0A1528;--navbar-select-text:#F8FAFC;--navbar-select-border:rgba(248,250,252,0.52);--navbar-arrow-hover:rgba(125,211,252,0.26);--hero-panel-bg:linear-gradient(160deg,#020C1A,#041830);--hero-panel-fg:#FFFFFF;--hero-panel-fg-muted:#F1F5F9;--hero-panel-border:rgba(248,250,252,0.52)}html{font-size:calc(16px * var(--app-font-scale, 1))}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6;color:var(--text-primary);background-color:var(--bg-secondary);-webkit-font-smoothing:antialiased;overflow-x:hidden}html.app-reduced-motion{scroll-behavior:auto!important}html.app-reduced-motion *,html.app-reduced-motion :after,html.app-reduced-motion :before{animation:none!important;transition-property:none!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.toast-viewport{position:fixed;top:1.25rem;right:1.25rem;z-index:2000;display:grid;grid-gap:.8rem;gap:.8rem;width:min(360px,calc(100vw - 2rem))}.toast{display:grid;grid-template-columns:auto 1fr auto;align-items:start;grid-gap:.85rem;gap:.85rem;padding:.95rem 1rem;border-radius:18px;background:var(--bg-elevated,rgba(255,255,255,.96));border:1px solid var(--border-color,rgba(226,232,240,.95));box-shadow:var(--shadow-lg,0 18px 45px rgba(15,23,42,.16));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.toast-success{border-color:var(--status-success-border,rgba(34,197,94,.25))}.toast-error{border-color:var(--status-error-border,rgba(239,68,68,.25))}.toast-info{border-color:var(--status-info-border,rgba(59,130,246,.25))}.toast-icon{width:2rem;height:2rem;border-radius:999px;display:grid;place-items:center;font-size:1rem;margin-top:.05rem}.toast-success .toast-icon{color:var(--status-success-fg,#166534);background:var(--status-success-bg,rgba(34,197,94,.12))}.toast-error .toast-icon{color:var(--status-error-fg,#991B1B);background:var(--status-error-bg,rgba(239,68,68,.12))}.toast-info .toast-icon{color:var(--status-info-fg,#1D4ED8);background:var(--status-info-bg,rgba(59,130,246,.12))}.toast-body{display:grid;grid-gap:.15rem;gap:.15rem}.toast-title{color:var(--text-primary);font-size:.92rem;font-weight:800}.toast-message{color:var(--text-secondary);font-size:.86rem}.toast-close{width:2rem;height:2rem;border:none;border-radius:999px;background:transparent;color:var(--text-secondary);cursor:pointer}.toast-close:hover{background:rgba(148,163,184,.12);color:var(--text-primary)}.main-layout{background:var(--bg-secondary)}.content,.main-layout{display:flex;min-height:100vh}.content{flex:1 1;flex-direction:column}.hero{background:var(--bg-card,var(--bg-primary));padding:3rem 2rem;margin:2rem;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);position:relative;overflow:hidden;border:1px solid var(--border-color)}.hero-content{display:flex;align-items:center;justify-content:space-between;max-width:1200px;margin:0 auto}.hero-text{flex:1 1;max-width:500px}.hero h1,.hero h2,.hero h3{color:var(--text-primary)}.hero h1{font-size:3rem;font-weight:800;line-height:1.1;margin-bottom:2rem}.hero-actions{display:flex;gap:1rem;flex-wrap:wrap}.hero-image{flex:1 1;display:flex;justify-content:center;align-items:center;position:relative}.aquaponic-visualization{width:400px;height:300px;position:relative;background:linear-gradient(45deg,#E0F2FE,#F0F9FF);border-radius:20px;overflow:hidden}.tank{position:absolute;background:linear-gradient(135deg,var(--primary-l) 0,#14B8A6 100%);border-radius:50px;opacity:.8}.tank-1{left:30px}.tank-1,.tank-2{width:180px;height:80px;top:60px;transform:perspective(200px) rotateX(25deg)}.tank-2{right:30px}.person{bottom:20px;width:40px;height:60px;background:var(--primary-blue);border-radius:20px 20px 0 0}.person,.plants{position:absolute;left:50%;transform:translateX(-50%)}.plants{top:40px;width:100px;height:40px;background:#16A34A;border-radius:20px;opacity:.7}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 1.5rem;border:none;border-radius:var(--border-radius);font-size:1rem;font-weight:600;text-decoration:none;cursor:pointer;transition:all .2s ease;white-space:nowrap}.btn-primary{background:var(--primary-blue);color:var(--text-white)}.btn-primary:hover{background:#2EABE2;box-shadow:var(--shadow-lg)}.btn-secondary{background:transparent;color:var(--primary-blue);border:2px solid var(--primary-blue)}.btn-secondary:hover{background:var(--light-blue)}.plans{padding:2rem}.plans-header{margin-bottom:2rem}.plans h2{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem}.plan-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:2rem;gap:2rem;max-width:1200px;margin:0 auto}@media (max-width:1024px){.hero-content{flex-direction:column;text-align:center;gap:2rem}.hero h1{font-size:2.5rem}}@media (max-width:768px){.toast-viewport{top:auto;right:1rem;left:1rem;bottom:1rem;width:auto}.hero{margin:1rem;padding:2rem 1rem}.hero h1{font-size:2rem}.plan-list{grid-template-columns:1fr}}.dashboard-container{display:flex;width:100%}.dashboard-container,.main-content{min-height:100vh;background:var(--bg-secondary)}.main-content{flex:1 1;margin-left:var(--sidebar-width-collapsed);padding:0;min-width:0;overflow-x:clip;transition:margin-left .3s ease}.dashboard-container.sidebar-expanded .main-content{margin-left:var(--sidebar-width-expanded)}@media (max-width:1024px){:root{--sidebar-width-expanded:200px;--sidebar-width-collapsed:80px}}@media (max-width:900px){.dashboard-container.compact-menu .main-content,.dashboard-container.sidebar-collapsed .main-content,.dashboard-container.sidebar-expanded .main-content,.main-content{margin-left:0}}.page-wrapper{padding:2rem;max-width:1400px;margin:0 auto}.page-header{background:var(--bg-primary);padding:2rem;margin-bottom:0;box-shadow:var(--shadow-sm)}.page-title{max-width:1400px;margin:0 auto}.page-title h1{font-size:2.25rem;font-weight:800;letter-spacing:-.025em}.page-title p{font-size:1.125rem;margin:0}.dashboard-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:60vh;color:var(--text-secondary)}.loading-spinner{width:40px;height:40px;border-top:3px solid var(--bg-secondary);border:3px solid var(--bg-secondary);border-top-color:var(--primary-color);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.page-title h1{color:var(--text-primary);font-size:2rem;font-weight:700;margin-bottom:.5rem}.page-title p{color:var(--text-secondary);font-size:1rem}.dashboard-header{margin-bottom:2rem}.dashboard-header h1{color:var(--text-primary);font-size:2rem;font-weight:700;margin-bottom:.5rem}.dashboard-header p{color:var(--text-secondary);font-size:1rem}.dashboard-grid{display:grid;grid-gap:2rem;gap:2rem;grid-template-columns:1fr}.metric-cards-container{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:1.5rem;gap:1.5rem}.systems-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));grid-gap:2rem;gap:2rem}.fish-grid,.plants-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));grid-gap:2rem;gap:2rem}.stats-container{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.fish-card,.metric-card,.notification-card,.plant-card,.stat-card,.system-card{background:var(--bg-card,var(--bg-primary));border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;transition:all .3s ease;box-shadow:var(--shadow-card,0 1px 3px rgba(0,0,0,.05))}.fish-card:hover,.metric-card:hover,.notification-card:hover,.plant-card:hover,.stat-card:hover,.system-card:hover{border-color:var(--primary-color);box-shadow:var(--shadow-card-hover,0 8px 25px rgba(30,58,138,.1));transform:translateY(-2px)}.config-section,.logs-container,.metrics-section,.notifications-container,.quick-actions,.systems-section{background:var(--bg-card,var(--bg-primary));border-radius:16px;padding:2rem;margin-bottom:2rem;border:1px solid var(--border-color);box-shadow:var(--shadow-card,0 1px 3px rgba(0,0,0,.05))}.config-section h2,.logs-container h2,.metrics-section h2,.notifications-container h2,.quick-actions h2,.systems-section h2{color:var(--text-primary);font-size:1.5rem;font-weight:700;margin-bottom:1.5rem;display:flex;align-items:center;gap:.75rem}.metrics-section h2:before,.quick-actions h2:before,.systems-section h2:before{content:"";width:4px;height:24px;background:var(--primary-color);border-radius:2px}.metrics-grid{grid-gap:1rem;gap:1rem}.metric-cards-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:1rem;gap:1rem}.metric-card{background:var(--bg-card,var(--bg-primary));border:1px solid var(--border-color);border-radius:8px;transition:all .2s ease}.metric-card:hover{border-color:var(--primary-color);box-shadow:var(--shadow-card-hover,0 4px 12px rgba(0,0,0,.1))}.metric-icon{font-size:2rem;opacity:.8}.metric-info h3{color:var(--text-primary);font-size:.9rem;font-weight:600;margin-bottom:.5rem}.metric-value{color:var(--primary-color);font-size:1.5rem;font-weight:700}.systems-section{background:var(--bg-secondary);border-radius:12px;padding:2rem;border:1px solid var(--border-color)}.systems-section h2{color:var(--text-primary);font-size:1.5rem;font-weight:600;margin-bottom:1.5rem}.systems-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:1.5rem;gap:1.5rem}.system-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;padding:1.5rem;transition:all .2s ease}.system-card:hover{border-color:var(--primary-color);box-shadow:0 4px 12px rgba(0,0,0,.1)}.system-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.system-header h3{color:var(--text-primary);font-size:1.2rem;font-weight:600}.status-badge{color:white;padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:600}.system-details p{color:var(--text-secondary);margin-bottom:.5rem}.system-counts{display:flex;gap:1rem;margin-top:1rem}.count-item{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);font-size:.9rem}.count-icon{font-size:1.2rem}.quick-actions{background:var(--bg-secondary);border-radius:12px;padding:2rem;border:1px solid var(--border-color)}.quick-actions h2{color:var(--text-primary);font-size:1.5rem;font-weight:600;margin-bottom:1.5rem}.actions-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:1rem;gap:1rem}.action-btn{background:var(--bg-card,var(--bg-primary));border:1px solid var(--border-color);border-radius:8px;padding:1rem;display:flex;flex-direction:column;align-items:center;gap:.5rem;color:var(--text-primary);text-decoration:none;transition:all .2s ease;cursor:pointer;font-size:.9rem}.action-btn:hover{border-color:var(--primary-color);background:var(--primary-color);color:var(--text-white)}.action-icon{font-size:1.5rem}.form-container{display:grid;grid-gap:2rem;gap:2rem;padding:2rem;background:var(--bg-secondary);border-radius:12px;margin-top:2rem}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:1.5rem;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.75rem}.form-group label{color:var(--text-primary);font-weight:600;font-size:.95rem}.form-input,.form-select,.form-textarea{background:var(--bg-input,var(--bg-primary));border:2px solid var(--border-color);border-radius:8px;padding:1rem;color:var(--text-primary);font-size:.95rem;transition:all .3s ease;box-shadow:var(--shadow-card,0 1px 3px rgba(0,0,0,.05));color-scheme:light dark}.form-input option,.form-select option,.form-textarea option{color-scheme:light dark;background:var(--bg-card,var(--bg-primary));color:var(--text-primary)}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary-color,#2EABE2) 18%,transparent);transform:translateY(-1px)}.form-textarea{resize:vertical;min-height:120px}.form-section{border-top:2px solid var(--border-color);padding-top:2rem;margin-top:2rem}.form-section h3{color:var(--text-primary);font-size:1.25rem;font-weight:700;margin-bottom:1.5rem;position:relative}.form-section h3:before{content:"";position:absolute;left:0;bottom:-8px;width:40px;height:3px;background:var(--primary-color);border-radius:2px}.btn-primary{background:linear-gradient(135deg,#8FD6F2,#2DABE3);color:white;border:none;border-radius:8px;padding:.875rem 1.75rem;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:.9rem;box-shadow:0 4px 12px rgba(30,58,138,.3);position:relative;overflow:hidden}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(30,58,138,.4)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--bg-card,var(--bg-primary));color:var(--text-primary);border:1px solid var(--border-color);border-radius:8px;padding:.875rem 1.75rem;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:.9rem}.btn-secondary:hover{border-color:var(--primary-color);background:var(--primary-color);color:var(--text-white);transform:translateY(-1px);box-shadow:var(--shadow-card-hover,0 4px 12px rgba(30,58,138,.2))}.btn-success{background:linear-gradient(135deg,#22c55e,#16a34a);color:white;border:none;border-radius:8px;padding:.875rem 1.75rem;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:.9rem;box-shadow:0 4px 12px var(--status-success-shadow-weak,rgba(34,197,94,.3))}.btn-success:hover{transform:translateY(-2px);box-shadow:0 8px 25px var(--status-success-shadow-strong,rgba(34,197,94,.4))}.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:white;border:none;border-radius:8px;padding:.875rem 1.75rem;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:.9rem;box-shadow:0 4px 12px var(--status-error-shadow-weak,rgba(239,68,68,.3))}.btn-danger:hover{transform:translateY(-2px);box-shadow:0 8px 25px var(--status-error-shadow-strong,rgba(239,68,68,.4))}.btn-edit{background:#f59e0b;color:white;border:none;border-radius:6px;padding:.5rem 1rem;font-weight:600;cursor:pointer;transition:background-color .2s ease;font-size:.8rem}.btn-edit:hover{background:#d97706}.btn-delete{background:#ef4444;color:white;border:none;border-radius:6px;padding:.5rem 1rem;font-weight:600;cursor:pointer;transition:background-color .2s ease;font-size:.8rem}.btn-delete:hover{background:#dc2626}.btn-feed{background:#22c55e;color:white;border:none;border-radius:6px;padding:.5rem 1rem;font-weight:600;cursor:pointer;transition:background-color .2s ease;font-size:.8rem}.btn-feed:hover{background:#16a34a}.btn-harvest{background:#8b5cf6;color:white;border:none;border-radius:6px;padding:.5rem 1rem;font-weight:600;cursor:pointer;transition:background-color .2s ease;font-size:.8rem}.btn-harvest:hover{background:#7c3aed}.btn-action{background:var(--primary-color);color:white;border:none;border-radius:6px;padding:.5rem 1rem;font-weight:600;cursor:pointer;transition:background-color .2s ease;font-size:.8rem}.btn-action:hover{background:var(--primary-hover)}.btn-reset{background:#6b7280;color:white;border:none;border-radius:6px;padding:.5rem;cursor:pointer;transition:background-color .2s ease;font-size:.8rem}.btn-reset:hover{background:#4b5563}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem}.modal-content{background:var(--bg-secondary);border-radius:12px;border:1px solid var(--border-color);max-width:600px;width:100%;max-height:90vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--border-color)}.modal-header h2{color:var(--text-primary);font-size:1.3rem;font-weight:600}.modal-close{background:none;border:none;color:var(--text-secondary);font-size:1.5rem;cursor:pointer;padding:.5rem;border-radius:4px;transition:background-color .2s ease}.modal-close:hover{background:var(--bg-primary)}.modal-footer{display:flex;justify-content:flex-end;gap:1rem;padding:1.5rem;border-top:1px solid var(--border-color)}.empty-state{text-align:center;padding:4rem 2rem;color:var(--text-secondary)}.empty-state h3{color:var(--text-primary);font-size:1.3rem;font-weight:600;margin-bottom:1rem}.empty-state p,.stats-container{margin-bottom:2rem}.stats-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:1.5rem;gap:1.5rem}.stat-card{background:var(--bg-tertiary,var(--bg-secondary));border:1px solid var(--border-color);border-radius:8px;padding:1.5rem;display:flex;align-items:center;gap:1rem;transition:all .2s ease}.stat-card:hover{border-color:var(--primary-color);box-shadow:var(--shadow-card-hover,0 4px 12px rgba(0,0,0,.1))}.stat-icon{font-size:2rem;opacity:.8}.stat-info h3{color:var(--text-primary);font-size:.9rem;font-weight:600;margin-bottom:.5rem}.stat-value{color:var(--primary-color);font-size:1.8rem;font-weight:700}@media (max-width:768px){.main-content{margin-left:0;padding:1rem}.metric-cards-container,.systems-grid{grid-template-columns:1fr}.actions-grid,.stats-container{grid-template-columns:repeat(2,1fr)}}.profile-container{display:grid;grid-template-columns:2fr 1fr;grid-gap:2rem;gap:2rem;margin-bottom:2rem}.profile-card{background:var(--bg-card,var(--bg-primary));border:1px solid var(--border-color);border-radius:16px;padding:2.5rem;box-shadow:var(--shadow-card,0 4px 6px rgba(0,0,0,.05))}.profile-avatar-section{display:flex;align-items:center;gap:2rem;margin-bottom:2.5rem;padding-bottom:2rem;border-bottom:1px solid var(--border-color)}.profile-avatar{width:120px;height:120px;background:linear-gradient(135deg,var(--primary-color) 0,#1E40AF 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;font-size:2.5rem;font-weight:700;box-shadow:0 8px 25px rgba(30,58,138,.3)}.profile-basic-info h2{color:var(--text-primary);font-size:1.75rem;font-weight:700;margin-bottom:.5rem}.profile-role{color:var(--text-secondary);font-size:1.125rem;margin-bottom:.75rem;font-weight:500}.profile-status{display:flex;align-items:center;gap:.75rem;color:var(--text-secondary);font-size:.9rem}.status-dot{width:10px;height:10px;border-radius:50%;box-shadow:0 0 0 2px rgba(255,255,255,1)}.status-dot.active{background:var(--status-success-fg,#22c55e)}.status-dot.inactive{background:var(--status-error-fg,#ef4444)}.status-text.active{color:var(--status-success-fg,#22c55e);font-weight:600}.status-text.inactive{color:var(--status-error-fg,#ef4444);font-weight:600}.profile-details{display:grid;grid-gap:2rem;gap:2rem}.detail-group h3{color:var(--text-primary);font-size:1.25rem;font-weight:700;margin-bottom:1.5rem;padding-bottom:.5rem;border-bottom:2px solid var(--primary-color);display:inline-block}.detail-item{display:grid;grid-template-columns:160px 1fr;grid-gap:1rem;gap:1rem;align-items:center;margin-bottom:1.25rem;padding:1rem;background:var(--bg-tertiary,var(--bg-secondary));border-radius:8px}.detail-item label{color:var(--text-secondary);font-weight:600;font-size:.9rem}.detail-item span{color:var(--text-primary);font-weight:500}.profile-sidebar{display:grid;grid-gap:2rem;gap:2rem}.profile-stats{background:var(--bg-card,var(--bg-primary));border:1px solid var(--border-color);border-radius:16px;padding:2rem;box-shadow:var(--shadow-card,0 4px 6px rgba(0,0,0,.05))}.profile-stats h3{color:var(--text-primary);font-size:1.25rem;font-weight:700}.profile-stats h3,.stat-item{margin-bottom:1.5rem;text-align:center}.stat-item{display:flex;flex-direction:column;align-items:center;padding:1rem;background:var(--bg-tertiary,var(--bg-secondary));border-radius:12px;transition:all .3s ease}.stat-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.stat-number{color:var(--primary-color);font-size:2.5rem;font-weight:800;margin-bottom:.5rem}.stat-label{color:var(--text-secondary);font-size:.9rem;font-weight:500}.profile-actions-card{background:var(--bg-card,var(--bg-primary));border:1px solid var(--border-color);border-radius:16px;padding:2rem;box-shadow:var(--shadow-card,0 4px 6px rgba(0,0,0,.05))}.profile-actions-card h3{color:var(--text-primary);font-size:1.25rem;font-weight:700;margin-bottom:1.5rem}.action-link{display:block;background:var(--bg-tertiary,var(--bg-secondary));border:1px solid var(--border-color);color:var(--text-secondary);text-align:left;padding:1rem;margin-bottom:.75rem;border-radius:8px;cursor:pointer;transition:all .3s ease;width:100%;font-size:.9rem;font-weight:500}.action-link:hover{background:var(--primary-color);color:var(--text-white);border-color:var(--primary-color);transform:translateX(4px)}.dashboard-main,.dashboard-sidebar{display:grid;grid-gap:2rem;gap:2rem}.spacer{margin:2rem 0}.spacer-horizontal{margin:0 2rem}.icon-circle-gold{background-color:var(--status-warning-bg,rgba(245,158,11,.18))}.icon-circle-gold,.icon-circle-white{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-primary,#0f172a)}.icon-circle-white{background-color:var(--bg-card,#ffffff);border:2px solid var(--border-color,#e2e8f0)}@media (min-width:1200px){.dashboard-grid{grid-template-columns:2fr 1fr}}@media (max-width:768px){.main-content{margin-left:0;padding:0}.page-wrapper{padding:1rem}.page-header{padding:1.5rem}.page-title h1{font-size:1.75rem}.metric-cards-container,.systems-grid{grid-template-columns:1fr}.actions-grid,.stats-container{grid-template-columns:repeat(2,1fr)}.profile-container{grid-template-columns:1fr}.profile-avatar-section{flex-direction:column;text-align:center}.detail-item{gap:.5rem}.detail-item,.fish-grid,.plants-grid{grid-template-columns:1fr}}.perfil-container{padding:2rem;max-width:1200px;margin:0 auto}.perfil-header h1{font-size:2rem;font-weight:600;color:var(--text-primary,#0f172a);margin-bottom:2rem}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:1.5rem;gap:1.5rem;margin-bottom:2rem}.metric-card{background:var(--bg-card,#ffffff);padding:1.5rem;border-radius:12px;box-shadow:var(--shadow-card,0 2px 8px rgba(0,0,0,.1));gap:1rem}.metric-card,.metric-icon{display:flex;align-items:center}.metric-icon{width:50px;height:50px;border-radius:50%;background:var(--primary-color,#2EABE2);color:var(--text-on-primary,#ffffff);justify-content:center;font-size:1.2rem}.metric-content{flex:1 1}.metric-number{font-size:1.8rem;font-weight:700;color:var(--text-primary,#0f172a);margin-bottom:.25rem;display:block}.metric-label{color:var(--text-secondary,#475569);font-size:.9rem}.search-container{position:relative;max-width:500px;margin:0 auto 2rem}.search-input{width:100%;padding:.75rem 1rem;border:1px solid var(--border-color,#e2e8f0);border-radius:8px;font-size:1rem;background:var(--bg-tertiary,#f8f9fa);box-sizing:border-box}.search-input:focus{outline:none;border-color:var(--primary-teal,#0D9488);background:var(--bg-card,#ffffff)}.search-button{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:.5rem}.actions-grid{display:grid;grid-template-columns:2fr 1fr;grid-gap:1.5rem;gap:1.5rem}.action-card-left{background:white;padding:2rem;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.1)}.action-card-right{display:flex;flex-direction:column;gap:1rem}.action-card{background:white;padding:1.5rem;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.1);display:flex;align-items:center;gap:1rem;cursor:pointer;transition:all .2s ease}.action-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px rgba(0,0,0,.15)}.action-item{display:flex;align-items:center;gap:1rem;padding:1rem 0;border-bottom:1px solid #f0f0f0;cursor:pointer;transition:all .2s ease}.action-item:last-child{border-bottom:none}.action-item:hover{background:#f8f9fa;margin:0 -1rem;padding-left:1rem;padding-right:1rem;border-radius:8px}.action-icon{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;font-size:1.1rem}.action-icon.download{background:#0D9488}.action-icon.settings{background:#1a2332}.action-icon.add{background:#0D9488}.action-icon.edit{background:#1a2332}.action-icon.chat{background:#6B7280}@media (max-width:768px){.actions-grid,.metrics-grid{grid-template-columns:1fr}.perfil-container{padding:1rem}}.notificacoes-container{padding:2rem;max-width:900px;margin:0 auto}.notificacoes-header{margin-bottom:2rem}.notificacoes-header h1{font-size:1.8rem;font-weight:600;color:var(--text-primary,#1a2332);margin-bottom:.5rem}.notifications-list{background:var(--bg-card,white);border:2px solid color-mix(in srgb,var(--primary-color,#3b82f6) 70%,var(--bg-card,transparent));border-radius:12px;overflow:hidden}.notification-item{border-bottom:1px solid var(--border-color,#e5e7eb)}.notification-item:last-child{border-bottom:none}.notification-main{display:flex;align-items:center;padding:1rem 1.5rem;cursor:pointer;transition:background-color .2s ease}.notification-main:hover{background-color:var(--bg-secondary,#f8fafc)}.notification-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;margin-right:1rem;font-size:1.2rem}.notification-content{flex:1 1;font-size:1rem;color:var(--text-primary,#374151)}.notification-title{font-weight:500;line-height:1.4}.notification-toggle{color:var(--text-muted,#6b7280);font-size:.9rem;margin-left:1rem}.notification-expanded{padding:0 1.5rem 1.5rem 4rem;background-color:var(--bg-secondary,#f8fafc);border-top:1px solid var(--border-color,#e5e7eb)}.notification-expanded p{color:var(--text-secondary,#6b7280);font-size:.9rem;line-height:1.6;margin:0}@media (max-width:768px){.notificacoes-container{padding:1rem}.notification-main{padding:.75rem 1rem}.notification-expanded{padding:0 1rem 1rem 3rem}.notification-icon{width:32px;height:32px;font-size:1rem}*{max-width:100%}.page-wrapper{padding:1rem}.page-header{padding:1.5rem 1rem}.fish-grid,.metric-cards-container,.plants-grid,.stats-container,.systems-grid{grid-template-columns:1fr;gap:1rem}table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}.fish-card,.metric-card,.plant-card,.stat-card,.system-card{padding:1rem}.btn,.btn-primary,.btn-secondary{width:100%;justify-content:center}.hero-actions{flex-direction:column;width:100%}.hero-actions .btn{width:100%}h1{font-size:1.5rem!important}h2{font-size:1.25rem!important}h3{font-size:1.1rem!important}}@media (min-width:769px) and (max-width:1024px){.fish-grid,.metric-cards-container,.plants-grid,.stats-container,.systems-grid{grid-template-columns:repeat(2,1fr)}}.CookieConsentBanner_banner__xFD1q{position:fixed;right:1.25rem;bottom:1.25rem;z-index:1900;width:min(560px,calc(100vw - 2rem));background:color-mix(in srgb,var(--bg-card,#ffffff) 98%,transparent);border:1px solid var(--border-color,rgba(226,232,240,.95));border-radius:12px;box-shadow:var(--shadow-lg,0 18px 45px rgba(15,23,42,.18));padding:1rem}.CookieConsentBanner_content__PoRTC{display:grid;grid-gap:.9rem;gap:.9rem}.CookieConsentBanner_eyebrow__sFUgB{margin:0 0 .2rem;color:var(--primary-teal,#0F766E);font-size:.74rem;font-weight:800;text-transform:uppercase}.CookieConsentBanner_title__kc3uv{margin:0;color:var(--text-primary);font-size:1.05rem;line-height:1.25}.CookieConsentBanner_description__wiPKp{margin:.35rem 0 0;color:var(--text-secondary);font-size:.9rem;line-height:1.45}.CookieConsentBanner_link__o9OyS{color:var(--status-info-fg,#1D4ED8);font-weight:700;text-decoration:none}.CookieConsentBanner_link__o9OyS:hover{text-decoration:underline}.CookieConsentBanner_actions__POGl9{display:flex;align-items:center;justify-content:flex-end;gap:.55rem;flex-wrap:wrap}.CookieConsentBanner_button__d9tgJ{border:1px solid var(--border-color);border-radius:8px;padding:.7rem .95rem;font-size:.86rem;font-weight:800;cursor:pointer;transition:background .2s ease,border-color .2s ease,color .2s ease}.CookieConsentBanner_button__d9tgJ:disabled{cursor:not-allowed;opacity:.65}.CookieConsentBanner_primary__REMzQ{background:var(--primary-color);border-color:var(--primary-color);color:var(--text-on-primary,#ffffff)}.CookieConsentBanner_primary__REMzQ:hover:not(:disabled){background:var(--primary-hover);border-color:var(--primary-hover)}.CookieConsentBanner_secondary__xFHik{background:var(--bg-card,#ffffff);color:var(--text-primary)}.CookieConsentBanner_secondary__xFHik:hover:not(:disabled){border-color:var(--primary-color);color:var(--primary-color)}.CookieConsentBanner_modalOverlay__jssTT{position:fixed;inset:0;z-index:2100;display:grid;place-items:center;padding:1rem;background:color-mix(in srgb,#0f172a 55%,transparent)}.CookieConsentBanner_modal__b7GJi{width:min(620px,100%);max-height:min(760px,calc(100vh - 2rem));overflow-y:auto;background:var(--bg-primary);border-radius:12px;border:1px solid var(--border-color);box-shadow:var(--shadow-xl,0 24px 70px rgba(15,23,42,.24))}.CookieConsentBanner_modalFooter__amNqD,.CookieConsentBanner_modalHeader__hwD2W{padding:1rem 1.1rem}.CookieConsentBanner_modalHeader__hwD2W{border-bottom:1px solid var(--border-color)}.CookieConsentBanner_modalHeader__hwD2W h2{margin:0;color:var(--text-primary);font-size:1.15rem}.CookieConsentBanner_modalHeader__hwD2W p{margin:.35rem 0 0;color:var(--text-secondary);font-size:.88rem}.CookieConsentBanner_options__1RTKF{display:grid;grid-gap:.7rem;gap:.7rem;padding:1rem 1.1rem}.CookieConsentBanner_option__YFgFX{display:grid;grid-template-columns:auto 1fr;grid-gap:.75rem;gap:.75rem;align-items:flex-start;border:1px solid var(--border-color);border-radius:10px;padding:.85rem;cursor:pointer}.CookieConsentBanner_option__YFgFX input{width:1.05rem;height:1.05rem;margin-top:.15rem;accent-color:var(--primary-color)}.CookieConsentBanner_optionTitle__xBTIp{display:block;color:var(--text-primary);font-size:.92rem;font-weight:800}.CookieConsentBanner_optionDescription__eVn1M{display:block;margin-top:.2rem;color:var(--text-secondary);font-size:.82rem;line-height:1.35}.CookieConsentBanner_locked__zJPvJ{cursor:not-allowed;background:var(--bg-tertiary,#f8fafc)}.CookieConsentBanner_feedback__mtWZX{margin:0 1.1rem .35rem;color:var(--status-error-fg,#991B1B);font-size:.85rem;font-weight:700}.CookieConsentBanner_modalFooter__amNqD{display:flex;justify-content:flex-end;gap:.55rem;border-top:1px solid var(--border-color);flex-wrap:wrap}@media (max-width:768px){.CookieConsentBanner_banner__xFD1q{right:1rem;left:1rem;bottom:1rem;width:auto}.CookieConsentBanner_actions__POGl9,.CookieConsentBanner_modalFooter__amNqD{align-items:stretch;flex-direction:column}.CookieConsentBanner_button__d9tgJ{width:100%}}.Navbar_navbar__UMdIx{background:var(--navbar-bg,var(--bg-primary));color:var(--navbar-text,var(--text-primary));min-height:var(--navbar-height);padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;box-shadow:var(--shadow-sm);border-bottom:1px solid var(--border-color);position:-webkit-sticky;position:sticky;top:0;z-index:50;box-sizing:border-box}.Navbar_navbarLeft__UD6AW{display:flex;align-items:center;gap:6px;padding-left:10px;flex:0 0 auto;min-width:0}.Navbar_mobileMenuButton__KgHUk{display:none;width:38px;height:38px;border-radius:12px;border:1px solid var(--border-color-strong);background:var(--navbar-btn-bg);color:var(--navbar-btn-text);box-shadow:var(--shadow-md);align-items:center;justify-content:center;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.Navbar_mobileMenuButtonOpen___TXLy{background:var(--primary-color);color:var(--text-white);border-color:var(--primary-color)}.Navbar_navArrowBtn__Lyf3O{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;border:1px solid var(--border-color);background-color:transparent;color:inherit;cursor:pointer;transition:all .2s ease}.Navbar_navArrowBtn__Lyf3O:hover{background:var(--navbar-arrow-hover);transform:translateY(-1px)}.Navbar_navArrowBtn__Lyf3O:active{transform:translateY(0)}.Navbar_navbarRight___NzBI{gap:1rem;flex:1 1 420px;justify-content:flex-end}.Navbar_navActions__y4S2b,.Navbar_navbarRight___NzBI{display:flex;align-items:center;flex-wrap:wrap;min-width:0}.Navbar_navActions__y4S2b{gap:.75rem}.Navbar_btnLogin__k5tQ4{background:var(--primary-color);color:var(--text-white);border:1px solid var(--primary-color);padding:.5rem 1.5rem;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s ease}.Navbar_btnLogin__k5tQ4:hover{background:var(--primary-hover);border-color:var(--primary-hover);box-shadow:var(--shadow-lg)}.Navbar_link__ZPZJD{text-decoration:none;color:inherit}.Navbar_btnSignin__N_BhW{background:transparent;color:var(--primary-color);font-weight:600;border:1px solid var(--primary-color);padding:.5rem 1rem;border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .2s ease;text-decoration:none}.Navbar_btnSignin__N_BhW:hover{background:var(--primary-color);color:var(--text-white)}.Navbar_notificationIcon__6uXMT{font-size:1.25rem;cursor:pointer;padding:.5rem}.Navbar_notificationIconInner__eax_T{width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center}.Navbar_visuallyHidden__2_9Fx{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.Navbar_userName__Xo4Zk{font-size:.9rem;font-weight:600;color:var(--navbar-text,var(--text-primary));padding:.25rem .5rem;max-width:min(220px,40vw);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.Navbar_selectWrapper__KYwXR{position:relative;display:inline-block;width:220px;max-width:100%}.Navbar_systemSelect__moXTQ{width:100%;padding:8px 36px 8px 12px;font-size:.875rem;font-weight:500;color:var(--navbar-select-text,var(--text-primary));background-color:var(--navbar-select-bg,var(--bg-input));border:1px solid var(--navbar-select-border,var(--border-color));border-radius:8px;cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;transition:all .2s ease}.Navbar_systemSelect__moXTQ:hover{border-color:var(--border-color-strong);background-color:var(--bg-hover)}.Navbar_systemSelect__moXTQ:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(46,171,226,.18)}.Navbar_selectWrapper__KYwXR:after{content:"";position:absolute;top:50%;right:14px;transform:translateY(-50%);width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid var(--text-tertiary);pointer-events:none;transition:transform .2s ease}.Navbar_systemSelect__moXTQ option{padding:10px;background-color:var(--bg-primary);color:var(--text-primary)}@media (max-width:1024px){.Navbar_navbar__UMdIx{padding:.9rem 1.25rem}.Navbar_navbarRight___NzBI{gap:.75rem}.Navbar_userName__Xo4Zk{display:none}.Navbar_navActions__y4S2b{flex:1 1 auto;justify-content:flex-end}.Navbar_selectWrapper__KYwXR{width:min(240px,100%)}}@media (max-width:900px){.Navbar_navbar__UMdIx{padding:.85rem 1rem;align-items:center;flex-wrap:nowrap}.Navbar_mobileMenuButton__KgHUk{display:inline-flex}.Navbar_navbarLeft__UD6AW{padding-left:0;gap:.55rem}.Navbar_navArrowBtn__Lyf3O{display:none}.Navbar_navbarRight___NzBI{width:auto;flex:1 1 auto;min-width:0;gap:.65rem}.Navbar_navActions__y4S2b{width:auto;flex:1 1 auto;justify-content:flex-end}.Navbar_navArrowBtn__Lyf3O{width:36px;height:36px}}@media (max-width:640px){.Navbar_navbarRight___NzBI{justify-content:flex-start}.Navbar_navActions__y4S2b{width:auto;flex:1 1 auto;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:.55rem;gap:.55rem;align-items:center}.Navbar_selectWrapper__KYwXR{flex:initial;width:100%}.Navbar_btnLogin__k5tQ4,.Navbar_btnSignin__N_BhW{padding:.5rem 1rem;font-size:.875rem}}.NotificationPopover_popoverWrapper__RU_Gh{position:relative;display:inline-block}.NotificationPopover_bellButton__pbreR{background:none;border:none;color:var(--navbar-text,var(--text-primary,#1e293b));font-size:1.25rem;cursor:pointer;padding:8px;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;transition:background-color .2s ease}.NotificationPopover_bellButton__pbreR:hover{background-color:var(--bg-hover,#f1f5f9)}.NotificationPopover_badge__giUGZ{position:absolute;top:2px;right:2px;background-color:var(--status-error-fg,#ef4444);color:var(--text-on-primary,#ffffff);font-size:.7rem;font-weight:700;padding:2px 6px;border-radius:9999px;line-height:1;box-shadow:0 0 0 2px var(--navbar-bg,var(--bg-primary,#ffffff))}.NotificationPopover_popoverDropdown__q_Qvs{position:absolute;top:calc(100% + 8px);right:0;width:320px;max-width:calc(100vw - 32px);max-height:400px;background-color:var(--bg-card,var(--bg-elevated,#ffffff));border:1px solid var(--border-color,#e2e8f0);border-radius:12px;box-shadow:var(--shadow-lg,0 10px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1));z-index:1000;overflow:hidden;display:flex;flex-direction:column;animation:NotificationPopover_fadeIn__s9Xmb .15s ease-out}.NotificationPopover_popoverHeader__2X34a{padding:12px 16px;border-bottom:1px solid var(--border-color-subtle,#f1f5f9);background-color:var(--bg-tertiary,#fafafa)}.NotificationPopover_popoverHeader__2X34a h3{margin:0;font-size:.9rem;font-weight:600;color:var(--text-primary,#0f172a)}.NotificationPopover_popoverBody__ugXqs{overflow-y:auto}.NotificationPopover_infoText__7Kq8T{margin:0;padding:24px;text-align:center;font-size:.85rem;color:var(--text-tertiary,#64748b)}.NotificationPopover_list__AgNYx{list-style:none;margin:0;padding:0}.NotificationPopover_item__8HyfL{display:flex;gap:12px;padding:12px 16px;border-bottom:1px solid var(--border-color-subtle,#f1f5f9);transition:background-color .2s ease}.NotificationPopover_item__8HyfL:last-child{border-bottom:none}.NotificationPopover_item__8HyfL:hover{background-color:var(--bg-hover,#f8fafc)}.NotificationPopover_iconCritical__RN_4O{color:var(--status-error-fg,#ef4444);font-size:1rem;margin-top:2px;flex-shrink:0}.NotificationPopover_content__kdNqR{display:flex;flex-direction:column;gap:2px}.NotificationPopover_title__Ra3vw{margin:0;font-size:.85rem;font-weight:600;color:var(--text-primary,#1e293b)}.NotificationPopover_description__wgIPM{margin:0;font-size:.8rem;color:var(--text-secondary,#475569);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.NotificationPopover_date___EQmC{font-size:.7rem;color:var(--text-tertiary,#94a3b8);margin-top:4px}@keyframes NotificationPopover_fadeIn__s9Xmb{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@media (max-width:480px){.NotificationPopover_popoverDropdown__q_Qvs{position:absolute;top:calc(100% + 12px);width:80vw;max-width:340px;right:-100px;left:auto;max-height:350px;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.2)}.NotificationPopover_item__8HyfL{padding:12px;gap:10px}.NotificationPopover_description__wgIPM{-webkit-line-clamp:3}}