@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: #E8E9ED;--tx-2: #A8AAB8;--tx-3: #787A8C;--tx-4: #50525E;--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: #6B6D7C;--nav-text-active: #E8E9ED;--nav-active-bg: rgba(139,122,232,.1);--nav-hover-bg: rgba(255,255,255,.04);--nav-border: #1E1F24;--nav-group: #50525E;--shadow-sm: 0 1px 2px rgba(0,0,0,.24);--shadow-md: 0 4px 12px rgba(0,0,0,.28);--shadow-lg: 0 8px 32px rgba(0,0,0,.36);--shadow-glow: 0 0 0 1px var(--bd-subtle), 0 4px 16px rgba(0,0,0,.3);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 3px rgba(0,0,0,.05);--shadow-md: 0 4px 12px rgba(0,0,0,.06);--shadow-lg: 0 8px 28px rgba(0,0,0,.08);--shadow-glow: 0 0 0 1px var(--bd-subtle), 0 4px 12px rgba(0,0,0,.05);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:var(--nav-bg);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}.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}.topbar{display:flex;align-items:center;gap:16px;padding:0 24px;height:52px;flex-shrink:0;background:var(--bg-card);border-bottom:1px solid var(--bd-subtle)}.page-scroll{flex:1;overflow-y:auto;overflow-x:hidden;padding:20px 24px;display:flex;flex-direction:column;gap:18px}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 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);border-radius:10px;border:1px solid var(--bd-subtle);padding:18px;box-shadow:var(--shadow-sm);transition:border-color .2s ease,box-shadow .2s ease}.card:hover{border-color:var(--bd-card)}.card-lg{background:var(--bg-card);border-radius:12px;border:1px solid var(--bd-subtle);padding:22px;box-shadow:var(--shadow-sm)}@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}.badge-green{background:#34d3991a;color:#6ee7b7;border-color:#34d3992e}.badge-orange{background:#fbbf241a;color:#fcd34d;border-color:#fbbf242e}.badge-red{background:#f871711a;color:#fca5a5;border-color:#f871712e}.badge-purple{background:#8b7ae81a;color:#b0a4f0;border-color:#8b7ae82e}.badge-gray{background:#ffffff0a;color:var(--tx-3);border-color:var(--bd-card)}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:var(--bg-elevated);border:1px solid var(--bd-card);border-radius:10px;box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}tbody tr:last-child td{border-bottom:none!important}tbody tr{transition:background .1s ease}.recharts-text{font-family:Inter,sans-serif!important}.recharts-legend-wrapper{font-family:Inter,sans-serif!important;font-size:12px!important}.recharts-cartesian-grid line{stroke:var(--bd-subtle)!important}.recharts-tooltip-wrapper{filter:drop-shadow(0 4px 12px rgba(0,0,0,.2))}.text-gradient{background:linear-gradient(135deg,var(--accent),#60A5FA);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.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>*{animation:fadeUp .25s cubic-bezier(.22,1,.36,1) both}