@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap";@tailwind base;@tailwind components;@tailwind utilities;:root{--bg-page: #17181C;--bg-nav: #131316;--bg-card: #1E1F24;--bg-input: #1A1B20;--bg-hover: #24252B;--bg-elevated: #292A31;--bd-subtle: #2B2C34;--bd-card: #33343D;--bd-strong: #44455A;--bd-focus: #8B7AE8;--tx-1: #F0F1F5;--tx-2: #B8BAC8;--tx-3: #8E90A4;--tx-4: #6E7086;--accent: #8B7AE8;--accent-hover: #9D8EF0;--accent-dim: rgba(139,122,232,.08);--accent-border: rgba(139,122,232,.2);--accent-text: #B0A4F0;--success: #34D399;--success-dim: rgba(52,211,153,.08);--warning: #FBBF24;--warning-dim: rgba(251,191,36,.08);--danger: #F87171;--danger-dim: rgba(248,113,113,.08);--info: #60A5FA;--info-dim: rgba(96,165,250,.08);--nav-bg: #131316;--nav-text: #B0B2C0;--nav-text-active: #F0F1F5;--nav-active-bg: rgba(139,122,232,.1);--nav-hover-bg: rgba(255,255,255,.06);--nav-border: #1E1F24;--nav-group: #60A5FA;--shadow-sm: 0 1px 2px rgba(0,0,0,.2), 0 1px 3px rgba(0,0,0,.12);--shadow-md: 0 2px 4px rgba(0,0,0,.14), 0 6px 16px rgba(0,0,0,.2);--shadow-lg: 0 4px 8px rgba(0,0,0,.12), 0 12px 40px rgba(0,0,0,.32);--shadow-glow: 0 0 0 1px var(--bd-subtle), 0 4px 16px rgba(0,0,0,.3);--shadow-card-hover: 0 4px 12px rgba(0,0,0,.18), 0 8px 28px rgba(0,0,0,.22), 0 0 0 1px rgba(139,122,232,.08);--shadow-accent-glow: 0 0 20px rgba(139,122,232,.15), 0 0 40px rgba(139,122,232,.05);--grad-card: linear-gradient(145deg, rgba(255,255,255,.025) 0%, transparent 60%);--grad-accent: linear-gradient(135deg, #8B7AE8, #60A5FA);--grad-stat: linear-gradient(180deg, rgba(139,122,232,.06) 0%, transparent 100%);--grad-topbar: linear-gradient(180deg, var(--bg-card) 0%, color-mix(in srgb, var(--bg-card) 95%, var(--bg-page)) 100%);color-scheme:dark}html[data-theme=light]{--bg-page: #F0F1F5;--bg-nav: #F7F7FA;--bg-card: #FFFFFF;--bg-input: #F5F5F9;--bg-hover: #EAEBF1;--bg-elevated: #FFFFFF;--bd-subtle: #DCDDE6;--bd-card: #D0D1DC;--bd-strong: #B8B9C8;--bd-focus: #7C6BD6;--tx-1: #1A1B23;--tx-2: #42434F;--tx-3: #6E6F82;--tx-4: #9899AC;--accent: #7C6BD6;--accent-hover: #6A58C6;--accent-dim: rgba(124,107,214,.08);--accent-border: rgba(124,107,214,.2);--accent-text: #6A58C6;--nav-bg: #EDEDF2;--nav-text: #7A7B8E;--nav-text-active: #1A1B23;--nav-active-bg: rgba(124,107,214,.1);--nav-hover-bg: rgba(0,0,0,.04);--nav-border: #DCDDE6;--nav-group: #9899AC;--shadow-sm: 0 1px 2px rgba(0,0,0,.04), 0 1px 4px rgba(0,0,0,.06);--shadow-md: 0 2px 4px rgba(0,0,0,.04), 0 6px 16px rgba(0,0,0,.08);--shadow-lg: 0 4px 8px rgba(0,0,0,.06), 0 12px 36px rgba(0,0,0,.1);--shadow-glow: 0 0 0 1px var(--bd-subtle), 0 4px 12px rgba(0,0,0,.05);--shadow-card-hover: 0 4px 12px rgba(0,0,0,.06), 0 8px 24px rgba(0,0,0,.08), 0 0 0 1px rgba(124,107,214,.1);--shadow-accent-glow: 0 0 20px rgba(124,107,214,.1), 0 0 40px rgba(124,107,214,.04);--grad-card: linear-gradient(145deg, rgba(255,255,255,.6) 0%, rgba(255,255,255,.1) 60%);--grad-accent: linear-gradient(135deg, #7C6BD6, #5B8DEF);--grad-stat: linear-gradient(180deg, rgba(124,107,214,.04) 0%, transparent 100%);--grad-topbar: linear-gradient(180deg, var(--bg-card) 0%, color-mix(in srgb, var(--bg-card) 96%, var(--bg-page)) 100%);color-scheme:light}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;overflow:hidden}body{background:var(--bg-page);color:var(--tx-1);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"cv02","cv03","cv04","cv11"}::selection{background:#8b7ae833;color:var(--tx-1)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--bd-card);border-radius:99px;transition:background .15s}::-webkit-scrollbar-thumb:hover{background:var(--bd-strong)}::-webkit-scrollbar-corner{background:transparent}#trilo-app{display:flex;height:100vh;overflow:hidden;background:var(--bg-page)}#trilo-sidebar{display:flex;flex-direction:column;flex-shrink:0;background:linear-gradient(180deg,var(--nav-bg) 0%,color-mix(in srgb,var(--nav-bg) 96%,var(--bg-page)) 100%);border-right:1px solid var(--nav-border);transition:width .25s cubic-bezier(.22,1,.36,1);overflow:hidden;z-index:10}#trilo-sidebar.open{width:252px}#trilo-sidebar.closed{width:56px}#trilo-main{flex:1;display:flex;flex-direction:column;min-width:0;overflow:hidden;background:var(--bg-page)}.nav-link{display:flex!important;align-items:center;gap:10px;padding:7px 10px;border-radius:8px;font-size:13px;font-weight:500;color:var(--nav-text);text-decoration:none;transition:background .15s ease,color .15s ease;white-space:nowrap;overflow:hidden;cursor:pointer;width:100%;border:none;background:transparent;letter-spacing:-.01em;font-family:Inter,sans-serif;position:relative}.nav-link:hover{background:var(--nav-hover-bg);color:var(--nav-text-active)}.nav-link.active{background:var(--nav-active-bg);color:var(--accent);font-weight:600;box-shadow:0 1px 4px #8b7ae814}.nav-link.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:16px;border-radius:0 3px 3px 0;background:var(--accent)}.nav-icon-wrap{display:flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0;opacity:.5;transition:opacity .15s}.nav-link.active .nav-icon-wrap,.nav-link:hover .nav-icon-wrap{opacity:1}.nav-label{flex:1;overflow:hidden;text-overflow:ellipsis}.nav-sep{height:1px;background:var(--nav-border);margin:6px 0}.nav-group-label{padding:16px 10px 4px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--nav-group);font-family:Inter,sans-serif}.nav-group-label:hover{color:var(--tx-2)}.nav-group-chevron{transition:transform .2s ease;font-size:9px;opacity:.5;line-height:1}.nav-group-chevron.collapsed{transform:rotate(-90deg)}.nav-group-items{overflow:hidden;max-height:600px;opacity:1;transition:max-height .25s ease,opacity .2s ease}.nav-group-items.collapsed{max-height:0!important;opacity:0;pointer-events:none}.topbar{display:flex;align-items:center;gap:12px;padding:0 18px;height:44px;flex-shrink:0;background:var(--grad-topbar);border-bottom:1px solid var(--bd-subtle);box-shadow:0 1px #0000000a}.page-scroll{flex:1 1 0%;min-height:0!important;overflow-y:auto!important;overflow-x:hidden;padding:12px 16px;display:flex;flex-direction:column;gap:10px}.page-scroll>*{flex-shrink:0}.admin-layout{flex:1 1 0%!important;min-height:0!important;overflow:hidden!important}.admin-content{flex:1 1 0%!important;min-height:0!important;overflow-y:auto!important}.admin-content>*{flex-shrink:0}.page-scroll::-webkit-scrollbar,.admin-content::-webkit-scrollbar,.admin-sidebar::-webkit-scrollbar{width:6px;height:6px}.page-scroll::-webkit-scrollbar-track,.admin-content::-webkit-scrollbar-track,.admin-sidebar::-webkit-scrollbar-track{background:transparent}.page-scroll::-webkit-scrollbar-thumb,.admin-content::-webkit-scrollbar-thumb,.admin-sidebar::-webkit-scrollbar-thumb{background:var(--bd-subtle);border-radius:3px}.page-scroll::-webkit-scrollbar-thumb:hover,.admin-content::-webkit-scrollbar-thumb:hover{background:var(--bd-card)}input,select,textarea{background-color:var(--bg-input);border:1.5px solid var(--bd-card);color:var(--tx-1);font-family:Inter,sans-serif;font-size:14px;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease;border-radius:8px}input:hover,select:hover,textarea:hover{border-color:var(--bd-strong)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent)!important;box-shadow:0 0 0 3px #8b7ae81f,0 0 0 1px #8b7ae833,0 1px 2px #0000000f!important;background-color:var(--bg-card)}input::placeholder,textarea::placeholder{color:var(--tx-4);font-weight:400}select option{background:var(--bg-card);color:var(--tx-1)}input:disabled,select:disabled,textarea:disabled{opacity:.45;cursor:not-allowed}.card{background:var(--bg-card);background-image:var(--grad-card);border-radius:10px;border:1px solid var(--bd-subtle);padding:18px;box-shadow:var(--shadow-sm);transition:border-color .2s ease,box-shadow .25s ease,transform .2s ease}.card:hover{border-color:var(--bd-card);box-shadow:var(--shadow-card-hover);transform:translateY(-1px)}.card-lg{background:var(--bg-card);background-image:var(--grad-card);border-radius:12px;border:1px solid var(--bd-subtle);padding:22px;box-shadow:var(--shadow-sm);transition:border-color .2s ease,box-shadow .25s ease,transform .2s ease}.card-lg:hover{border-color:var(--bd-card);box-shadow:var(--shadow-card-hover);transform:translateY(-1px)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}@keyframes slideIn{0%{opacity:0;transform:translate(-6px)}to{opacity:1;transform:translate(0)}}.fade-in{animation:fadeIn .2s ease forwards}.fade-up{animation:fadeUp .22s cubic-bezier(.22,1,.36,1) forwards}.scale-in{animation:scaleIn .2s cubic-bezier(.22,1,.36,1) forwards}.slide-in{animation:slideIn .22s cubic-bezier(.22,1,.36,1) forwards}.stagger>*{opacity:0;animation:fadeUp .25s cubic-bezier(.22,1,.36,1) forwards}.stagger>*:nth-child(1){animation-delay:.02s}.stagger>*:nth-child(2){animation-delay:.04s}.stagger>*:nth-child(3){animation-delay:.06s}.stagger>*:nth-child(4){animation-delay:.08s}.stagger>*:nth-child(5){animation-delay:.1s}.stagger>*:nth-child(6){animation-delay:.12s}.stagger>*:nth-child(7){animation-delay:.14s}.stagger>*:nth-child(8){animation-delay:.16s}.badge-blue{background:#60a5fa1a;color:#93c5fd;border-color:#60a5fa2e;transition:box-shadow .15s}.badge-green{background:#34d3991a;color:#6ee7b7;border-color:#34d3992e;transition:box-shadow .15s}.badge-orange{background:#fbbf241a;color:#fcd34d;border-color:#fbbf242e;transition:box-shadow .15s}.badge-red{background:#f871711a;color:#fca5a5;border-color:#f871712e;transition:box-shadow .15s}.badge-purple{background:#8b7ae81a;color:#b0a4f0;border-color:#8b7ae82e;transition:box-shadow .15s}.badge-gray{background:#ffffff0a;color:var(--tx-3);border-color:var(--bd-card);transition:box-shadow .15s}html[data-theme=light] .badge-blue{background:#3b82f614;color:#2563eb}html[data-theme=light] .badge-green{background:#10b98114;color:#059669}html[data-theme=light] .badge-orange{background:#f59e0b14;color:#d97706}html[data-theme=light] .badge-red{background:#ef444414;color:#dc2626}html[data-theme=light] .badge-purple{background:#7c6bd614;color:#6a58c6}html[data-theme=light] .badge-gray{background:#0000000a;color:var(--tx-3)}.leaflet-container{background:var(--bg-page)!important;font-family:Inter,sans-serif}.leaflet-popup-content-wrapper{background:var(--bg-elevated)!important;border:1px solid var(--bd-card)!important;color:var(--tx-1)!important;border-radius:10px!important;box-shadow:var(--shadow-lg)!important;padding:0!important}.leaflet-popup-content{margin:0!important;padding:12px!important}.leaflet-popup-tip{background:var(--bg-elevated)!important}.leaflet-control-zoom a{background:var(--bg-card)!important;color:var(--tx-2)!important;border-color:var(--bd-card)!important;transition:background .15s!important}.leaflet-control-zoom a:hover{background:var(--bg-hover)!important}.leaflet-popup-tip-container{display:none!important}.trilo-village-label{background:transparent!important;border:none!important;box-shadow:none!important}.toast-success,.toast-error,.toast-warn,.toast-info{background:color-mix(in srgb,var(--bg-elevated) 90%,transparent);border:1px solid var(--bd-card);border-radius:10px;box-shadow:var(--shadow-lg);backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%)}tbody tr:last-child td{border-bottom:none!important}tbody tr{transition:background .12s ease,box-shadow .12s ease}tbody tr:hover{background:var(--bg-hover)}thead th{position:relative}thead th:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--bd-card),transparent)}.recharts-text{font-family:Inter,sans-serif!important;fill:var(--tx-3)!important}.recharts-legend-wrapper{font-family:Inter,sans-serif!important;font-size:12px!important}.recharts-cartesian-grid line{stroke:var(--bd-subtle)!important;stroke-dasharray:3 3!important}.recharts-tooltip-wrapper{filter:drop-shadow(0 8px 24px rgba(0,0,0,.3))}.recharts-default-tooltip{background:var(--bg-elevated)!important;border:1px solid var(--bd-card)!important;border-radius:10px!important;box-shadow:var(--shadow-lg)!important;padding:10px 14px!important;font-family:Inter,sans-serif!important;font-size:12px!important}.recharts-tooltip-label{color:var(--tx-1)!important;font-weight:600!important;margin-bottom:4px!important;font-size:12px!important}.recharts-tooltip-item{color:var(--tx-2)!important;font-size:11px!important;padding:1px 0!important}.recharts-tooltip-item-name{font-weight:500!important}.recharts-tooltip-item-value{font-family:JetBrains Mono,monospace!important;font-weight:600!important}.recharts-legend-item-text{color:var(--tx-2)!important;font-size:11px!important;font-weight:500!important}.recharts-active-dot{filter:drop-shadow(0 0 6px currentColor)}.recharts-pie-sector{transition:opacity .15s ease!important}.recharts-sector:hover{opacity:.85;filter:brightness(1.1)}.text-gradient{background:var(--grad-accent);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glass{background:color-mix(in srgb,var(--bg-card) 75%,transparent);backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%)}.accent-top{position:relative;overflow:hidden}.accent-top:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--grad-accent);opacity:.6;border-radius:2px 2px 0 0}@keyframes shimmer{to{background-position:-200% 0}}.shimmer{background:linear-gradient(90deg,var(--bg-hover) 25%,var(--bg-elevated) 50%,var(--bg-hover) 75%);background-size:200% 100%;animation:shimmer 1.5s ease infinite;border-radius:6px}.logo-themed{filter:brightness(0) invert(1);opacity:.92;transition:filter .2s ease,opacity .2s ease}html[data-theme=light] .logo-themed{filter:none;opacity:1}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.page-scroll>*:not(table):not(div){animation:fadeUp .25s cubic-bezier(.22,1,.36,1) both}@keyframes springIn{0%{opacity:0;transform:scale(.92) translateY(8px)}60%{opacity:1;transform:scale(1.02) translateY(-1px)}to{transform:scale(1) translateY(0)}}@keyframes sheetUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes sheetDown{0%{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes pillPulse{0%{transform:scaleX(1)}50%{transform:scaleX(1.08)}to{transform:scaleX(1)}}@keyframes backdropIn{0%{opacity:0}to{opacity:1}}.mobile-hamburger{display:none;align-items:center;justify-content:center;width:40px;height:40px;border-radius:12px;border:none;background:transparent;color:var(--tx-2);cursor:pointer;flex-shrink:0;font-size:18px;line-height:1;-webkit-tap-highlight-color:transparent;transition:background .15s ease,transform .12s ease}.mobile-hamburger:active{transform:scale(.9);background:var(--bg-hover)}.mobile-back-btn{display:none;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;border:none;background:transparent;color:var(--accent);cursor:pointer;flex-shrink:0;-webkit-tap-highlight-color:transparent;transition:background .15s ease,transform .12s ease}.mobile-back-btn:active{transform:scale(.85);background:var(--accent-dim)}.sidebar-backdrop{display:none}@media (max-width: 768px){.desktop-only-hamburger{display:none!important}.mobile-back-btn{display:flex}#trilo-sidebar{position:fixed!important;top:0;left:0;bottom:0;width:300px!important;max-width:85vw;transform:translate(-100%);transition:transform .35s cubic-bezier(.32,.72,0,1);z-index:1000;box-shadow:none;border-right:none!important;border-radius:0 24px 24px 0;overflow:hidden}#trilo-sidebar.open{transform:translate(0);box-shadow:8px 0 48px #00000059,0 0 0 1px #ffffff0d;width:300px!important}#trilo-sidebar.closed{transform:translate(-100%);width:300px!important}.sidebar-backdrop{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:999;background:#00000073;backdrop-filter:blur(12px) saturate(180%);-webkit-backdrop-filter:blur(12px) saturate(180%);-webkit-tap-highlight-color:transparent}.sidebar-backdrop.visible{display:block;animation:backdropIn .25s ease forwards}.topbar{padding:0 16px;padding-top:env(safe-area-inset-top,0);gap:8px;height:calc(56px + env(safe-area-inset-top,0));min-height:56px;background:color-mix(in srgb,var(--bg-card) 78%,transparent);backdrop-filter:blur(24px) saturate(200%);-webkit-backdrop-filter:blur(24px) saturate(200%);border-bottom:.5px solid color-mix(in srgb,var(--bd-subtle) 60%,transparent);position:sticky;top:0;z-index:90}.topbar h1{font-size:17px!important;font-weight:700!important;letter-spacing:-.04em!important;color:var(--tx-1)!important}.topbar [style*="fontSize: 11px"]{display:none}.page-scroll{padding:16px;gap:16px;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain}.table-responsive-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.card{padding:16px;border-radius:18px;border:.5px solid var(--bd-subtle)}.card-lg{padding:20px;border-radius:22px;border:.5px solid var(--bd-subtle)}.modal-overlay{z-index:200!important;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.modal-overlay>div{max-width:100vw!important;max-height:94vh!important;width:100vw!important;height:auto!important;min-height:40vh;border-radius:24px 24px 0 0!important;margin:0!important;position:fixed!important;bottom:0!important;left:0!important;right:0!important;top:auto!important;animation:sheetUp .4s cubic-bezier(.32,.72,0,1) forwards;box-shadow:0 -12px 48px #0000004d;padding-bottom:env(safe-area-inset-bottom,0)!important;overflow-y:auto!important;overscroll-behavior:contain}.modal-overlay>div:before{content:"";display:block;width:40px;height:5px;border-radius:3px;background:var(--bd-strong);margin:10px auto 6px;opacity:.4}.admin-layout{flex-direction:column!important;overflow:hidden!important}.admin-sidebar{width:100%!important;flex-shrink:0!important;border-right:none!important;border-bottom:.5px solid var(--bd-subtle)!important;flex-direction:row!important;overflow-x:auto!important;overflow-y:hidden!important;gap:0!important;padding:8px 12px!important;-webkit-overflow-scrolling:touch}.admin-sidebar>div{display:flex;flex-direction:row;gap:6px;white-space:nowrap}.admin-sidebar>div>div:first-child{display:none}.admin-sidebar>div>button{padding:8px 14px!important;font-size:12px!important;white-space:nowrap;border-left:none!important;border-bottom:2.5px solid transparent!important;border-radius:12px 12px 0 0!important;font-weight:600!important}.admin-sidebar>div>button[style*="border-left: 2px solid rgb(59, 130, 246)"],.admin-sidebar>div>button[style*="border-left: 2px solid #3b82f6"]{border-bottom-color:#3b82f6!important;border-left-color:transparent!important}.admin-content{padding:14px!important;overflow-y:auto!important;min-height:0;flex:1}[style*="grid-template-columns: repeat(5"],[style*="grid-template-columns:repeat(5"],[style*="grid-template-columns: repeat(6"],[style*="grid-template-columns:repeat(6"],[style*="grid-template-columns: repeat(7"],[style*="grid-template-columns:repeat(7"],[style*="grid-template-columns: repeat(3"],[style*="grid-template-columns:repeat(3"],[style*="grid-template-columns: repeat(4"],[style*="grid-template-columns:repeat(4"]{grid-template-columns:repeat(2,1fr)!important}[style*="grid-template-columns: 1fr 1fr"],[style*="grid-template-columns:1fr 1fr"],[style*="grid-template-columns: 300px"]{grid-template-columns:1fr!important}.page-scroll table{display:table!important;width:100%;min-width:700px;table-layout:auto;border-collapse:collapse}.page-scroll thead{display:table-header-group!important}.page-scroll tbody{display:table-row-group!important}.page-scroll tr{display:table-row!important}.page-scroll th,.page-scroll td{display:table-cell!important}.page-scroll>div{overflow-x:auto;-webkit-overflow-scrolling:touch}.page-scroll>div>div{overflow-x:auto;-webkit-overflow-scrolling:touch}.page-scroll table th,.page-scroll table td{padding:6px 8px!important;white-space:nowrap;font-size:11px!important}.page-scroll table th{position:sticky;top:0;z-index:2}.page-scroll>div[style*=borderBottom]{overflow-x:auto;-webkit-overflow-scrolling:touch;flex-wrap:nowrap!important;gap:6px!important;padding:6px 12px!important}.page-scroll>div[style*=grid-template-columns]{gap:8px!important}.page-scroll>div[style*=grid-template-columns]>div{padding:10px 12px!important;border-radius:12px!important}.page-scroll>div[style*="justifyContent: space-between"],.page-scroll>div[style*="justify-content: space-between"]{flex-wrap:wrap!important;gap:6px!important;padding:8px 10px!important;font-size:11px!important}#trilo-main{padding-bottom:calc(80px + env(safe-area-inset-bottom,0))}.mobile-bottom-nav{position:fixed;bottom:0;left:0;right:0;height:68px;background:color-mix(in srgb,var(--bg-nav) 75%,transparent);backdrop-filter:blur(32px) saturate(200%);-webkit-backdrop-filter:blur(32px) saturate(200%);border-top:.5px solid rgba(255,255,255,.06);display:flex;align-items:stretch;z-index:100;padding-bottom:env(safe-area-inset-bottom,0)}html[data-theme=light] .mobile-bottom-nav{background:color-mix(in srgb,var(--bg-nav) 82%,transparent);border-top-color:#0000000f}.bottom-nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:var(--tx-4);text-decoration:none;font-size:10px;font-family:Inter,sans-serif;font-weight:500;background:none;border:none;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:color .2s cubic-bezier(.32,.72,0,1),transform .12s ease;padding:8px 0 4px;position:relative}.bottom-nav-item:active{transform:scale(.85)}.bottom-nav-item.active{color:var(--accent)}.bottom-nav-item.active .bottom-nav-icon{background:var(--accent-dim);border-radius:12px;padding:6px 16px;margin:-6px -16px}.bottom-nav-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;transition:all .3s cubic-bezier(.32,.72,0,1)}.bottom-nav-label{font-size:10px;font-weight:500;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:72px;letter-spacing:.01em}.bottom-nav-item.active .bottom-nav-label{font-weight:700;letter-spacing:-.01em}input,textarea,.modal-overlay select,form select{font-size:16px!important;padding:12px 14px!important;border-radius:14px!important;min-height:48px}.page-scroll select,.topbar select{font-size:12px!important;padding:6px 10px!important;border-radius:8px!important;min-height:32px!important}button{-webkit-tap-highlight-color:transparent}.topbar>div:last-child>button,.topbar>div:last-child>select{font-size:12px!important;padding:7px 12px!important;border-radius:12px!important;min-height:36px;font-weight:600!important}.toast-success,.toast-error,.toast-warn,.toast-info{border-radius:18px!important;margin:0 16px!important;backdrop-filter:blur(24px) saturate(180%)!important;-webkit-backdrop-filter:blur(24px) saturate(180%)!important;animation:springIn .45s cubic-bezier(.32,.72,0,1) forwards}.leaflet-popup-content-wrapper{border-radius:18px!important}.photo-grid{grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:6px}.photo-grid img{border-radius:14px}.photo-capture-btn{border-radius:14px;padding:14px 18px;min-height:48px}}@media (max-width: 480px){.topbar h1{font-size:15px!important}.page-scroll{padding:10px;gap:10px}[style*="grid-template-columns: repeat("],[style*="grid-template-columns:repeat("]{grid-template-columns:1fr!important}.card{padding:12px;border-radius:14px}.card-lg{padding:14px;border-radius:18px}.page-scroll table{min-width:600px}.page-scroll table th,.page-scroll table td{padding:5px 6px!important;font-size:10px!important}.page-scroll>div[style*=borderBottom]{padding:4px 10px!important}.topbar>div:last-child{gap:4px!important}.topbar>div:last-child>button,.topbar>div:last-child>select{font-size:10px!important;padding:5px 8px!important;min-height:32px!important}}@media (pointer: coarse){button[style*="width: 32"],button[style*="width:32"],button[style*="width: 28"],button[style*="width:28"],button[style*="width: 30"],button[style*="width:30"]{min-width:44px!important;min-height:44px!important;border-radius:12px!important}.nav-link{min-height:46px!important;padding:11px 14px!important;border-radius:12px!important}.back-btn{min-width:40px!important;min-height:40px!important;border-radius:12px!important}select{min-height:44px}}@media (display-mode: standalone){.topbar{padding-top:env(safe-area-inset-top,0);height:calc(52px + env(safe-area-inset-top,0))}#trilo-sidebar{padding-top:env(safe-area-inset-top,0)}.mobile-bottom-nav{height:calc(64px + env(safe-area-inset-bottom,0))}.modal-overlay>div{max-height:calc(96vh - env(safe-area-inset-top,0))!important}#trilo-sidebar.open{padding-top:env(safe-area-inset-top,0)}}@media (max-width: 768px) and (orientation: landscape){.mobile-bottom-nav{height:52px}#trilo-main{padding-bottom:calc(56px + env(safe-area-inset-bottom,0))}.modal-overlay>div{max-height:92vh!important;border-radius:16px 16px 0 0!important}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.sidebar-backdrop.visible{animation:none}.modal-overlay>div{animation:none!important}}@media (max-width: 768px){.page-scroll>div[style*="gridTemplateColumns: 'repeat(6"],.page-scroll>div[style*="grid-template-columns: repeat(6"]{grid-template-columns:repeat(2,1fr)!important;gap:8px!important}.page-scroll svg[viewBox="0 0 80 80"]{max-width:70px;max-height:70px}.page-scroll div[style*="display:'flex'"][style*="gap:14"]>div[style*="width:120"]{width:100px!important;height:100px!important}.recharts-wrapper{max-width:100%!important}.topbar>div:last-child>div[style*="display: 'flex'"][style*="gap: 8"]{font-size:10px!important;padding:4px 8px!important;gap:4px!important}.page-scroll h2{font-size:14px!important;line-height:1.3!important}.page-scroll div[style*=borderLeft][style*="4px solid"]{padding:8px 12px!important}}@media (max-width: 768px){div[style*="position: fixed"][style*="bottom: 24"][style*="right: 24"]{bottom:calc(80px + env(safe-area-inset-bottom,0))!important;right:16px!important;left:16px!important}}@keyframes pwaSlideUp{0%{transform:translateY(100%);opacity:0}60%{transform:translateY(-4px);opacity:1}to{transform:translateY(0);opacity:1}}.pwa-install-banner{animation:pwaSlideUp .5s cubic-bezier(.32,.72,0,1) forwards}@media (max-width: 768px){.page-scroll>div[style*="display: 'flex'"],.page-scroll>div[style*="display:'flex'"]{flex-wrap:wrap}.page-scroll input[style*="width: 220"],.page-scroll input[style*="width:220"]{width:100%!important;max-width:none!important}.page-scroll>div[style*=grid-template-columns] div[style*="fontSize:18"],.page-scroll>div[style*=grid-template-columns] div[style*="fontSize: 18"]{font-size:16px!important}}@media (max-width: 768px){button[style*="position: fixed"][style*="bottom: 24"][style*="right: 24"]{bottom:calc(80px + env(safe-area-inset-bottom,0))!important}}@media (min-width: 769px) and (max-width: 1024px){[style*="grid-template-columns: repeat(6"],[style*="grid-template-columns:repeat(6"],[style*="grid-template-columns: repeat(5"],[style*="grid-template-columns:repeat(5"]{grid-template-columns:repeat(3,1fr)!important}.page-scroll{padding:14px 20px}}.photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:8px}.photo-grid img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:8px;border:1px solid var(--bd-subtle);cursor:pointer;transition:border-color .15s}.photo-grid img:hover{border-color:var(--accent)}.photo-capture-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 16px;border-radius:8px;border:1.5px dashed var(--bd-card);background:var(--bg-input);color:var(--tx-3);cursor:pointer;font-size:13px;font-family:Inter,sans-serif;transition:border-color .15s,color .15s;-webkit-tap-highlight-color:transparent}.photo-capture-btn:hover{border-color:var(--accent);color:var(--accent)}