@import"https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,400..700&family=Inter:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600&display=swap";:root{--soil-dark:#1F2E1B;--parchment:#F6F1E7;--crop-green:#5C7A3A;--crop-green-dark:#3F5527;--terracota:#B5651D;--mountain-blue:#2F4858;--harvest-gold:#C98A04;--danger:#9B3A2F;--tile-bg-a: linear-gradient(150deg,#1E2E1A,#2A4020);--tile-bg-b: linear-gradient(150deg,#182234,#1E3050);--tile-bg-c: linear-gradient(150deg,#2A1E10,#3D2C10);--tile-green:#9fcf7a;--tile-blue:#8fb8d6;--tile-gold:#e0ac3c;--tile-terracota:#e0956b;--tile-danger:#e08272;--tile-text:#EDE9DC;--tile-text-dim:rgba(237,233,220,.45);--tile-text-dim-2:rgba(237,233,220,.28);--tile-hairline: rgba(255,255,255,.08);--tile-surface: rgba(255,255,255,.06);--tile-surface-2: rgba(255,255,255,.1);--text-2xs:10.5px;--text-xs:11.5px;--text-sm:12.5px;--text-base:14px;--text-md:15px;--text-lg:17px;--text-xl:20px;--text-2xl:26px;--text-3xl:34px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:32px;--space-8:40px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-2xl:26px;--radius-full:999px;--shadow-1: 0 1px 2px rgba(31,46,27,.05), 0 3px 10px -6px rgba(31,46,27,.14);--shadow-2: 0 10px 26px -12px rgba(31,46,27,.24);--shadow-3: 0 22px 48px -20px rgba(31,46,27,.34);--line: rgba(31,46,27,.14);--card-bg:#FFFDF9;--bg-page: var(--parchment);--bg-card: var(--card-bg);--bg-topbar: var(--soil-dark);--text-main: var(--soil-dark);--text-muted: #5d6856;--text-faint: #8a9280;--text-on-dark: #EDE9DC;--border-color: var(--line);--gate-grad-1: rgba(92,122,58,.18);--gate-grad-2: rgba(47,72,88,.14);--gate-grad-3: rgba(201,138,4,.16);--menu-bg: #FFFDF9;--menu-hover: #EFEAD9;--shadow-soft: var(--shadow-3);--safe-t: env(safe-area-inset-top, 0px);--safe-b: env(safe-area-inset-bottom, 0px)}[data-theme=dark]{--soil-dark:#EDE9DC;--parchment:#161A14;--crop-green:#8AB35F;--crop-green-dark:#6E9A49;--terracota:#D98A4E;--mountain-blue:#7FA6BD;--harvest-gold:#E0AC3C;--danger:#E08272;--line: rgba(237,233,220,.12);--card-bg:#1F241B;--shadow-1: 0 1px 2px rgba(0,0,0,.35), 0 3px 10px -6px rgba(0,0,0,.4);--shadow-2: 0 10px 26px -12px rgba(0,0,0,.5);--shadow-3: 0 22px 48px -20px rgba(0,0,0,.6);--bg-page: #14170F;--bg-card: var(--card-bg);--bg-topbar: #0D100A;--text-main: #EDE9DC;--text-muted: #A9B79A;--text-faint: #71805f;--text-on-dark: #EDE9DC;--border-color: var(--line);--gate-grad-1: rgba(138,179,95,.1);--gate-grad-2: rgba(127,166,189,.09);--gate-grad-3: rgba(224,172,60,.1);--menu-bg: #1F241B;--menu-hover: #2A3022;--shadow-soft: var(--shadow-3)}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;min-height:100vh}body{background:var(--bg-page);color:var(--text-main);font-family:Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;transition:background .2s ease,color .2s ease}h1,h2,h3,.display{font-family:Fraunces,Georgia,serif;color:var(--text-main);letter-spacing:-.01em;font-weight:600}p{line-height:1.5}.mono{font-family:IBM Plex Mono,monospace;font-variant-numeric:tabular-nums}button{font-family:inherit;cursor:pointer}input,select,textarea{font-family:inherit;color:var(--text-main);background:var(--bg-card)}a{color:var(--mountain-blue)}:focus-visible{outline:2.5px solid var(--harvest-gold);outline-offset:2px;border-radius:4px}::selection{background:#5c7a3a47}@media (prefers-reduced-motion: reduce){*{animation-duration:.001ms!important;transition-duration:.001ms!important}}.gate{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:calc(var(--space-6) + var(--safe-t)) var(--space-5) calc(var(--space-6) + var(--safe-b));position:relative;overflow:hidden;background:radial-gradient(circle at 14% 8%,var(--gate-grad-3),transparent 40%),radial-gradient(circle at 18% 20%,var(--gate-grad-1),transparent 45%),radial-gradient(circle at 88% 88%,var(--gate-grad-2),transparent 45%),var(--bg-page)}.gate-card{width:100%;max-width:440px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--space-7);box-shadow:var(--shadow-3);position:relative;z-index:1;overflow:hidden}.gate>.gate-card{padding-top:0}.gate>.gate-card:before{content:"";display:block;height:14px;margin:0 -1px var(--space-6);background-image:linear-gradient(135deg,var(--terracota) 25%,transparent 25.5%),linear-gradient(225deg,var(--harvest-gold) 25%,transparent 25.5%),linear-gradient(315deg,var(--crop-green-dark) 25%,transparent 25.5%),linear-gradient(45deg,var(--mountain-blue) 25%,transparent 25.5%);background-position:0 0,14px 0,14px 0,0 0;background-size:28px 14px;opacity:.9}.eyebrow{font-family:IBM Plex Mono,monospace;font-size:var(--text-2xs);letter-spacing:.14em;text-transform:uppercase;color:var(--crop-green-dark);margin-bottom:10px;display:flex;align-items:center;gap:8px}.eyebrow:before{content:"";width:18px;height:2px;background:var(--harvest-gold);display:inline-block}.gate h1{font-size:var(--text-2xl);margin:0 0 6px}.gate p.lead{margin:0 0 var(--space-6);color:var(--text-muted);line-height:1.55;font-size:var(--text-sm)}.gate-logo{width:44px;height:44px;border-radius:12px;object-fit:cover;margin-bottom:var(--space-4);box-shadow:var(--shadow-1)}.field{margin-bottom:var(--space-4)}.field label{display:block;font-size:var(--text-xs);font-weight:600;margin-bottom:6px;color:var(--text-main)}.field input,.field select,.field textarea{width:100%;padding:11px 13px;border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:var(--text-md);background:var(--bg-card);transition:border-color .15s ease,box-shadow .15s ease}.field input:focus,.field select:focus{border-color:var(--crop-green);box-shadow:0 0 0 3px #5c7a3a24;outline:none}.req-mark{color:var(--danger);font-size:12px;font-weight:700}.field.field-error label{color:var(--danger)}.field.field-error input,.field.field-error select{border-color:var(--danger);box-shadow:0 0 0 3px #9b3a2f1f}[data-theme=dark] .field.field-error input,[data-theme=dark] .field.field-error select{box-shadow:0 0 0 3px #e0827224}.field-error-msg{font-size:11px;color:var(--danger);font-weight:600;margin-top:5px}.inline-error{display:flex;align-items:center;gap:8px;background:#9b3a2f14;border:1px solid rgba(155,58,47,.25);color:var(--danger);font-size:var(--text-sm);padding:10px 14px;border-radius:var(--radius-sm);margin-bottom:14px}[data-theme=dark] .inline-error{background:#e082721a;border-color:#e0827247}.btn{border:none;border-radius:var(--radius-sm);padding:12px 18px;font-size:var(--text-base);font-weight:600;transition:transform .08s ease,opacity .15s ease,box-shadow .15s ease,background .15s ease}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.btn-primary{background:var(--crop-green-dark);color:#fff;width:100%;box-shadow:var(--shadow-1)}@media (hover:hover){.btn-primary:hover:not(:disabled){box-shadow:var(--shadow-2);filter:brightness(1.05)}}.btn-ghost{background:transparent;color:var(--mountain-blue);border:1px solid var(--border-color);width:100%;margin-top:8px}@media (hover:hover){.btn-ghost:hover{background:var(--menu-hover)}}.gate-divider{display:flex;align-items:center;gap:10px;margin:var(--space-5) 0;color:var(--text-faint);font-size:var(--text-xs)}.gate-divider:before,.gate-divider:after{content:"";flex:1;height:1px;background:var(--border-color)}.gate-error{background:#fbeae6;border:1px solid #E3B3A7;color:var(--danger);padding:10px 13px;border-radius:var(--radius-sm);font-size:var(--text-sm);margin-bottom:var(--space-4);line-height:1.45}[data-theme=dark] .gate-error{background:#2a1c18}.gate-success{background:#e7efdc;border:1px solid #bcd1a3;color:var(--crop-green-dark);padding:10px 13px;border-radius:var(--radius-sm);font-size:var(--text-sm);margin-bottom:var(--space-4);line-height:1.45}[data-theme=dark] .gate-success{background:#20291a;border-color:#3a4a2a}.link-btn{background:none;border:none;color:var(--mountain-blue);font-size:var(--text-sm);padding:4px}.farm-item{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;text-align:left;margin-bottom:10px;padding:14px 16px;border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--bg-card);cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease,transform .08s ease}.farm-item:active{transform:scale(.99)}@media (hover:hover){.farm-item:hover{border-color:var(--crop-green);box-shadow:var(--shadow-1)}}.farm-item .name{font-family:Fraunces,serif;font-size:var(--text-md);margin-bottom:2px;color:var(--text-main)}.farm-item .role{font-size:var(--text-xs);color:var(--text-muted)}.topbar{position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:space-between;padding:calc(14px + var(--safe-t)) 20px 14px;background:var(--bg-topbar);color:var(--text-on-dark);box-shadow:0 6px 18px -12px #00000080}.topbar .brand{display:flex;align-items:center;gap:11px;min-width:0}.topbar .brand .mark{width:32px;height:32px;border-radius:9px;background:linear-gradient(135deg,var(--crop-green),var(--harvest-gold));flex-shrink:0;box-shadow:0 2px 8px -2px #0006}.topbar .brand .name{font-family:Fraunces,serif;font-size:var(--text-lg);line-height:1.15}.topbar .brand .farmname{font-size:var(--text-2xs);font-family:IBM Plex Mono,monospace;color:#a9b79a;letter-spacing:.05em;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.icon-btn{background:#ffffff14;border:none;color:var(--text-on-dark);width:38px;height:38px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:18px;transition:background .15s ease}.icon-btn:hover{background:#ffffff29}.menu-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:var(--bg-topbar);display:flex;flex-direction:column;animation:menuSlideUp .22s ease}@keyframes menuSlideUp{0%{transform:translateY(4%);opacity:0}to{transform:translateY(0);opacity:1}}.menu-header{display:flex;align-items:center;justify-content:space-between;padding:calc(var(--space-5) + var(--safe-t)) var(--space-5) var(--space-3);border-bottom:1px solid var(--tile-hairline)}.menu-title{font-family:Fraunces,serif;font-size:var(--text-xl);color:var(--tile-text)}.menu-close{background:var(--tile-surface-2);border:none;border-radius:var(--radius-sm);color:var(--tile-text);height:36px;padding:0 12px;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:background .15s ease}.menu-close:hover{background:#ffffff2e}.menu-close-label{font-size:var(--text-xs);font-family:IBM Plex Mono,monospace;letter-spacing:.02em}.menu-grid{flex:1;overflow-y:auto;padding:var(--space-5) var(--space-4);display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3);align-content:start}.menu-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;padding:20px 8px;border-radius:var(--radius-lg);cursor:pointer;position:relative;border:1.5px solid var(--tile-hairline);background:var(--tile-surface);transition:transform .12s ease,border-color .15s ease,background .15s ease}.menu-tile:active{transform:scale(.96)}.menu-tile.active{background:var(--crop-green-dark);border-color:var(--crop-green)}.menu-tile .ico{font-size:28px}.menu-tile .label{font-size:var(--text-xs);font-weight:600;color:#d9d4c2;text-align:center;line-height:1.3}.menu-tile.active .label{color:#fff}.menu-tile .flag{position:absolute;top:8px;right:8px;color:#fff;font-size:9px;font-weight:700;padding:2px 6px;border-radius:var(--radius-full);letter-spacing:.02em}.menu-footer{padding:var(--space-4) var(--space-4) calc(var(--space-6) + var(--safe-b));border-top:1px solid var(--tile-hairline);display:grid;grid-template-columns:1fr 1fr;gap:10px}.menu-footer-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:13px;border-radius:var(--radius-lg);border:1px solid var(--tile-hairline);background:var(--tile-surface);color:#d9d4c2;font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:background .15s ease}.menu-footer-btn:hover{background:#ffffff1a}.bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:45;display:flex;align-items:center;justify-content:space-around;padding:8px 8px calc(12px + var(--safe-b));background:#161c13;border-top:1px solid var(--tile-hairline);box-shadow:0 -10px 26px -12px #00000080}.bottom-nav-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px 4px;border:none;background:transparent;cursor:pointer;position:relative;transition:transform .15s ease}.bottom-nav-item.active{transform:translateY(-3px)}.bottom-nav-icon{width:32px;height:32px;object-fit:contain;transition:opacity .2s ease,filter .2s ease}.bottom-nav-icon.inactive{opacity:.68}.bottom-nav-icon.active{opacity:1;filter:drop-shadow(0 2px 8px rgba(92,122,58,.7))}.bottom-nav-label{font-size:var(--text-2xs);letter-spacing:.01em;white-space:nowrap;color:#fff9;transition:color .15s ease}.bottom-nav-label.active{color:var(--tile-green);font-weight:700}.bottom-nav-dot{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:4px;height:4px;border-radius:50%;background:var(--harvest-gold)}.bottom-nav-more-ico{width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:21px;color:#ffffffb3}.shell{min-height:100vh;display:flex;flex-direction:column}.main{flex:1;padding:var(--space-6) 22px 90px;max-width:1100px;width:100%;margin:0 auto}.page-head{margin-bottom:var(--space-6)}.page-head h2{font-size:var(--text-2xl);margin:0 0 4px}.page-head p{margin:0;color:var(--text-muted);font-size:var(--text-sm)}.grid{display:grid;gap:var(--space-4)}.grid-2{grid-template-columns:1fr 1fr}.grid-3{grid-template-columns:repeat(3,1fr)}@media (max-width:860px){.grid-2,.grid-3{grid-template-columns:1fr}.main{padding:18px 18px 90px}}.card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-1);transition:box-shadow .15s ease}.card h3{font-size:var(--text-md);margin:0 0 var(--space-3);display:flex;align-items:center;justify-content:space-between;font-weight:600}.card-clickable{cursor:pointer}@media (hover:hover){.card-clickable:hover{box-shadow:var(--shadow-2)}}.stat{font-family:IBM Plex Mono,monospace;font-size:var(--text-2xl);font-weight:600;font-variant-numeric:tabular-nums}.stat-label{font-size:var(--text-xs);color:var(--text-muted);margin-top:2px}.gauge-wrap{display:flex;gap:var(--space-4);align-items:stretch}.gauge{position:relative;width:34px;border-radius:var(--radius-sm);overflow:hidden;flex-shrink:0;background:var(--menu-hover)}.gauge-band{position:absolute;left:0;right:0;font-size:0}.gauge-marker{position:absolute;left:-6px;right:-6px;height:3px;background:var(--text-main);border-radius:2px}.gauge-legend{flex:1;display:flex;flex-direction:column;justify-content:space-between}.gz{display:flex;align-items:center;gap:8px;font-size:var(--text-sm);padding:4px 0}.gz .dot{width:9px;height:9px;border-radius:50%;flex-shrink:0}.gz.current{font-weight:700}table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}th{text-align:left;font-size:var(--text-2xs);text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);padding:9px 10px;border-bottom:1px solid var(--border-color);font-weight:600}td{padding:10px;border-bottom:1px solid var(--border-color)}tr:last-child td{border-bottom:none}@media (hover:hover){tbody tr:hover td{background:var(--menu-hover)}}.pill{display:inline-block;padding:3px 10px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600}.pill-green{background:#e7efdc;color:var(--crop-green-dark)}.pill-gold{background:#fbefd6;color:#8a5c03}[data-theme=dark] .pill-green{background:#27331e}[data-theme=dark] .pill-gold{background:#3a2e15}.form-row{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:var(--space-4)}.form-row .field{flex:1;min-width:140px;margin-bottom:0}.btn-small{padding:8px 14px;font-size:var(--text-sm);border-radius:var(--radius-sm)}.btn-add{background:var(--crop-green-dark);color:#fff}@media (hover:hover){.btn-add:hover{filter:brightness(1.08)}}.btn-outline{background:transparent;border:1px solid var(--border-color);color:var(--text-main)}@media (hover:hover){.btn-outline:hover{background:var(--menu-hover)}}.btn-danger-text{background:none;border:none;color:var(--danger);font-size:var(--text-xs);padding:4px}.empty{text-align:center;padding:40px 18px;color:var(--text-muted);font-size:var(--text-sm)}.empty .big{font-size:var(--text-sm);font-weight:700;color:var(--text-main);margin-bottom:4px;display:block}.reco-item{display:flex;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--border-color)}.reco-item:last-child{border-bottom:none}.reco-item .ico{font-size:20px}.reco-item h4{margin:0 0 3px;font-size:var(--text-base);font-family:Fraunces,serif}.reco-item p{margin:0;font-size:var(--text-xs);color:var(--text-muted);line-height:1.45}.badge-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.attend-grid{display:flex;flex-direction:column;gap:8px}.attend-row{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-card)}.attend-row .name{font-size:var(--text-sm);font-weight:600}.attend-row .rate{font-size:var(--text-xs);color:var(--text-muted);font-family:IBM Plex Mono,monospace}.attend-actions{display:flex;gap:6px}.att-btn{padding:6px 12px;border-radius:var(--radius-sm);font-size:var(--text-xs);border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-main);transition:all .12s ease}.att-btn.on-present{background:#e7efdc;border-color:var(--crop-green);color:var(--crop-green-dark)}.att-btn.on-absent{background:#fbeae6;border-color:#cf8a7c;color:var(--danger)}[data-theme=dark] .att-btn.on-present{background:#27331e}[data-theme=dark] .att-btn.on-absent{background:#3a2018}.balance-bar{height:10px;border-radius:6px;background:var(--menu-hover);overflow:hidden;display:flex}.bal-seg-in{background:var(--terracota)}.bal-seg-out{background:var(--crop-green)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#14170f80;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;padding:20px;z-index:60}.modal{background:var(--bg-card);border-radius:var(--radius-lg);padding:var(--space-6);width:100%;max-width:420px;border:1px solid var(--border-color);box-shadow:var(--shadow-3);max-height:88vh;overflow-y:auto}.modal h3{margin-top:0}.reminder-item{display:flex;align-items:flex-start;gap:12px;padding:12px 0;border-bottom:1px solid var(--border-color)}.reminder-item:last-child{border-bottom:none}.reminder-item.done .title{text-decoration:line-through;color:var(--text-muted)}.reminder-item .check{width:20px;height:20px;border-radius:6px;border:1.5px solid var(--border-color);flex-shrink:0;margin-top:1px;display:flex;align-items:center;justify-content:center;font-size:12px;background:var(--bg-card);cursor:pointer;transition:all .12s ease}.reminder-item .check.checked{background:var(--crop-green-dark);border-color:var(--crop-green-dark);color:#fff}.reminder-item .title{font-size:var(--text-base);font-weight:600;margin:0;color:var(--text-main)}.reminder-item .meta{font-size:var(--text-xs);color:var(--text-muted);margin-top:2px}.reminder-item.overdue .meta{color:var(--danger);font-weight:600}.toast{position:fixed;bottom:calc(22px + var(--safe-b));left:50%;transform:translate(-50%);background:var(--bg-topbar);color:var(--text-on-dark);padding:12px 20px;border-radius:var(--radius-md);font-size:var(--text-sm);box-shadow:var(--shadow-3);z-index:80;max-width:90vw;text-align:center;animation:toastIn .18s ease}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}@media (min-width:640px){.toast{left:auto;right:22px;transform:none;bottom:22px}@keyframes toastIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}}.tile{border-radius:var(--radius-xl);padding:var(--space-4);display:flex;flex-direction:column;overflow:hidden;position:relative;cursor:pointer;color:var(--tile-text);box-shadow:var(--shadow-1);transition:transform .12s ease,box-shadow .15s ease}.tile:active{transform:scale(.97)}@media (hover:hover){.tile:hover{box-shadow:var(--shadow-2)}}.tile-eyebrow{font-size:var(--text-2xs);text-transform:uppercase;letter-spacing:.1em;color:var(--tile-text-dim);margin-bottom:6px}.tile-value{font-family:Fraunces,serif;font-size:38px;font-weight:700;color:var(--tile-text);line-height:1}.tile-value.mono{font-family:IBM Plex Mono,monospace;font-size:26px}.tile-sub{font-size:var(--text-2xs);color:var(--tile-text-dim);margin-top:2px}.tile-cta{position:absolute;bottom:10px;right:12px;font-size:var(--text-xs);color:var(--tile-text-dim-2)}.tile-chip{background:#9fcf7a47;border-radius:var(--radius-full);padding:2px 8px;font-size:var(--text-2xs);color:var(--tile-green);font-weight:600}.tile-chip-more{background:#ffffff1a;border-radius:var(--radius-full);padding:2px 8px;font-size:var(--text-2xs);color:#ffffff80}.tile-warn{margin-top:8px;background:#a03c3c4d;border-radius:var(--radius-sm);padding:4px 8px;font-size:var(--text-2xs);color:var(--tile-danger);font-weight:600}.hero-panel{background:var(--tile-bg-a);border-radius:var(--radius-2xl);padding:24px 20px 20px;position:relative;overflow:hidden;box-shadow:var(--shadow-2)}.hero-panel:before{content:"";position:absolute;top:-30px;right:-30px;width:130px;height:130px;border-radius:50%;background:#ffffff08}.hero-panel:after{content:"";position:absolute;bottom:-20px;left:-10px;width:90px;height:90px;border-radius:50%;background:#ffffff05}.hero-stats{display:grid;gap:1px;background:var(--tile-surface);border-radius:var(--radius-lg);overflow:hidden}.hero-stat{padding:12px 8px;text-align:center}.hero-stat .v{font-family:IBM Plex Mono,monospace;font-size:var(--text-lg);font-weight:700;color:#fff}.hero-stat .l{font-size:var(--text-2xs);color:var(--tile-text-dim);margin-top:2px;text-transform:uppercase;letter-spacing:.06em}.setting-row{display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-bottom:1px solid var(--border-color);gap:16px}.setting-row:last-child{border-bottom:none}.setting-row.clickable{cursor:pointer}.setting-left{display:flex;align-items:center;gap:14px;min-width:0}.setting-ico{width:40px;height:40px;border-radius:var(--radius-md);background:var(--menu-hover);display:flex;align-items:center;justify-content:center;font-size:19px;flex-shrink:0}.setting-title{font-weight:600;font-size:var(--text-base)}.setting-desc{font-size:var(--text-xs);color:var(--text-muted);margin-top:2px}.toggle{width:48px;height:27px;border-radius:var(--radius-full);cursor:pointer;position:relative;transition:background .2s ease;background:#8c8c8c52;flex-shrink:0}.toggle.on{background:var(--crop-green-dark)}.toggle .thumb{position:absolute;top:3px;left:3px;width:21px;height:21px;border-radius:50%;background:#fff;box-shadow:0 1px 4px #00000040;transition:left .2s ease}.toggle.on .thumb{left:24px}.style-option{display:flex;align-items:center;gap:16px;padding:14px;border-radius:var(--radius-md);border:2px solid var(--border-color);cursor:pointer;transition:all .15s ease}.style-option.selected{border-color:var(--crop-green-dark);background:#3f55271a}[data-theme=dark] .style-option.selected{background:#6e9a4924}.style-option.locked{cursor:not-allowed;opacity:.55}.style-option-name{font-weight:600;font-size:var(--text-base)}.style-option-desc{font-size:var(--text-sm);color:var(--text-muted);margin-top:3px}.style-option-radio{width:22px;height:22px;border-radius:50%;border:2px solid var(--border-color);display:flex;align-items:center;justify-content:center;font-size:12px;color:#fff;flex-shrink:0;transition:all .15s ease}.style-option-radio.selected{border-color:var(--crop-green-dark);background:var(--crop-green-dark)}.tag-pill{font-size:var(--text-2xs);padding:1px 8px;border-radius:var(--radius-full);font-weight:700}.tag-pill.active{background:var(--crop-green-dark);color:#fff}.tag-pill.locked{background:var(--menu-hover);color:var(--text-muted)}.ring-status{display:flex;align-items:center;gap:16px}.ring-status .ring{position:relative;width:78px;height:78px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center}.ring-status .ring-hole{width:60px;height:60px;border-radius:50%;background:#22321c;display:flex;align-items:center;justify-content:center}.ring-status .ring-hole b{font-family:IBM Plex Mono,monospace;font-size:15px;color:var(--tile-green)}.ring-status .txt .k{font-size:var(--text-2xs);text-transform:uppercase;letter-spacing:.08em;color:var(--tile-text-dim);font-family:IBM Plex Mono,monospace}.ring-status .txt .v{font-size:15px;font-weight:600;margin:4px 0 2px;font-family:Fraunces,serif;color:var(--tile-text)}.ring-status .txt .s{font-size:var(--text-2xs);color:#ede9dcbf}.stat-mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.stat-mini{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:11px 6px;text-align:center}.stat-mini .v{font-family:IBM Plex Mono,monospace;font-size:15px;font-weight:600}.stat-mini .l{font-size:var(--text-2xs);color:var(--text-muted);margin-top:3px}.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.quick-chip{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:10px 4px;text-align:center;cursor:pointer;transition:box-shadow .15s ease}@media (hover:hover){.quick-chip:hover{box-shadow:var(--shadow-1)}}.quick-chip .ico{font-size:17px}.quick-chip .t{font-size:var(--text-2xs);font-weight:700;margin-top:5px}.quick-chip .n{font-size:9px;color:var(--text-muted);margin-top:1px;font-family:IBM Plex Mono,monospace}.trend-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:14px 16px;box-shadow:var(--shadow-1)}.trend-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.trend-head .st{font-size:var(--text-2xs);font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);font-family:IBM Plex Mono,monospace}.trend-tag{font-size:var(--text-2xs);font-weight:700;color:var(--crop-green-dark);background:#e7efdc;padding:2px 8px;border-radius:var(--radius-full)}[data-theme=dark] .trend-tag{background:#27331e}.money-hero{background:var(--tile-bg-a);border-radius:var(--radius-2xl);padding:16px 18px;color:var(--tile-text);box-shadow:var(--shadow-2)}.money-hero .k{font-size:var(--text-2xs);text-transform:uppercase;letter-spacing:.08em;color:var(--tile-text-dim);font-family:IBM Plex Mono,monospace}.money-hero .v{font-size:26px;font-weight:600;margin:5px 0 6px;font-family:IBM Plex Mono,monospace}.money-hero .tag{display:inline-block;font-size:var(--text-2xs);font-weight:700;color:var(--tile-green);background:#9fcf7a2e;padding:2px 9px;border-radius:var(--radius-full)}.fin-row{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid var(--border-color)}.fin-row:last-child{border-bottom:none}.fin-row .ic{width:32px;height:32px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:15px;flex-shrink:0}.fin-row .m{font-size:var(--text-base);font-weight:600;flex:1}.fin-row .amt{font-size:var(--text-md);font-weight:600;font-family:IBM Plex Mono,monospace}.donut-row{display:flex;align-items:center;gap:18px}.donut{width:96px;height:96px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center}.donut-hole{width:58px;height:58px;border-radius:50%;background:var(--bg-card);display:flex;align-items:center;justify-content:center;font-size:9px;color:var(--text-muted);text-align:center;font-family:IBM Plex Mono,monospace;line-height:1.3}.donut-legend{flex:1;display:flex;flex-direction:column;gap:8px}.legend-row{display:flex;align-items:center;gap:8px;font-size:var(--text-sm)}.legend-row .dot{width:9px;height:9px;border-radius:50%;flex-shrink:0}.legend-row .lb{flex:1;color:var(--text-main)}.legend-row .pc{font-family:IBM Plex Mono,monospace;color:var(--text-muted);font-weight:600;font-size:var(--text-xs)}.task-tabs{display:flex;gap:8px}.task-tab{padding:7px 14px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;background:var(--menu-hover);color:var(--text-muted);border:none;cursor:pointer}.task-tab.on{background:var(--crop-green-dark);color:#fff}.prio-tag{font-size:var(--text-2xs);font-weight:700;padding:2px 8px;border-radius:var(--radius-full);flex-shrink:0}.prio-tag.alta{background:#f7e2da;color:var(--terracota)}.prio-tag.media{background:#fbefd6;color:#8a5c03}.prio-tag.baja{background:#e7efdc;color:var(--crop-green-dark)}[data-theme=dark] .prio-tag.alta{background:#3a2018}[data-theme=dark] .prio-tag.media{background:#3a2e15;color:var(--harvest-gold)}[data-theme=dark] .prio-tag.baja{background:#27331e}.btn-full{display:block;width:100%;text-align:center;background:var(--crop-green-dark);color:#fff;border:none;border-radius:var(--radius-lg);padding:14px;font-size:var(--text-base);font-weight:700;cursor:pointer;transition:filter .15s ease}@media (hover:hover){.btn-full:hover{filter:brightness(1.08)}}.offline-banner{display:flex;align-items:center;gap:9px;padding:10px 18px;background:#c98a041f;border-bottom:1px solid rgba(201,138,4,.25);font-size:var(--text-xs);font-weight:600;color:#8a5c03}[data-theme=dark] .offline-banner{color:var(--harvest-gold);background:#e0ac3c1a;border-color:#e0ac3c38}.pulse-dot{width:7px;height:7px;border-radius:50%;background:var(--harvest-gold);flex-shrink:0;position:relative}.pulse-dot:after{content:"";position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;border-radius:50%;border:1.5px solid var(--harvest-gold);animation:pulseRing 1.8s ease-out infinite}.conn-error{display:flex;flex-direction:column;align-items:center;text-align:center;padding:34px 20px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-1)}.conn-error .ico{font-size:36px;margin-bottom:14px}.conn-error h3{font-size:16px;margin-bottom:6px}.conn-error p{font-size:var(--text-sm);color:var(--text-muted);line-height:1.5;margin:0 0 18px;max-width:280px}.conn-error .btn-primary{width:auto;padding:11px 24px;display:inline-flex;align-items:center;gap:8px}.op-error{display:flex;align-items:flex-start;gap:10px;padding:8px 2px 4px;text-align:left}.op-error .ico{font-size:18px;flex-shrink:0}.op-error .msg{font-size:var(--text-sm);font-weight:700;color:var(--text-main);margin-bottom:2px}.op-error .sub{font-size:var(--text-xs);color:var(--text-muted);line-height:1.4}.op-error .retry{margin-top:10px;color:var(--danger);border-color:#cf8a7c}.sk{position:relative;overflow:hidden;background:var(--border-color);border-radius:6px;flex-shrink:0}.sk:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);animation:shimmer 1.4s ease-in-out infinite}[data-theme=dark] .sk:after{background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent)}.spin{width:14px;height:14px;border-radius:50%;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;animation:spin .7s linear infinite;display:inline-block;flex-shrink:0}.spin.dark{border:2px solid rgba(63,85,39,.25);border-top-color:var(--crop-green-dark)}@keyframes shimmer{to{transform:translate(100%)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulseRing{0%{opacity:.9;transform:scale(.6)}to{opacity:0;transform:scale(1.8)}}.doc-tabs{display:flex;gap:8px}.doc-tab{flex:1;padding:10px;border-radius:var(--radius-full);text-align:center;font-size:var(--text-sm);font-weight:700;background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-muted);cursor:pointer}.doc-tab.active{background:var(--crop-green-dark);color:#fff;border-color:var(--crop-green-dark)}.doc-grupo-titulo{font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted);margin:4px 0 8px}.doc-gallery{display:grid;grid-template-columns:1fr 1fr;gap:10px}.doc-card-file{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:12px;text-decoration:none;color:var(--text-main);display:flex;flex-direction:column;gap:6px}.doc-card-file .ico{font-size:22px}.doc-card-file .t{font-size:var(--text-sm);font-weight:700;line-height:1.3}.doc-card-file .d{font-size:10.5px;color:var(--text-faint)}.doc-cat{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden}.doc-cat-head{display:flex;align-items:center;gap:8px;padding:10px 14px;font-size:var(--text-sm);font-weight:700;color:var(--text-muted);border-bottom:1px solid var(--border-color)}.doc-cat-head .dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.doc-cat-row{display:flex;align-items:center;gap:12px;padding:11px 14px}.doc-cat-row+.doc-cat-row{border-top:1px solid var(--border-color)}.doc-cat-row .row-ico{width:32px;height:32px;border-radius:9px;background:var(--menu-hover);display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0}.doc-cat-row .row-t{font-size:var(--text-md);font-weight:600;flex:1;min-width:0}.doc-cat-row .row-s{font-size:10.5px;color:var(--text-faint);margin-top:1px}.doc-btn-mini{font-size:11px;font-weight:700;padding:5px 12px;border-radius:7px;background:#5c7a3a29;color:var(--crop-green-dark);border:none;cursor:pointer;flex-shrink:0}.doc-btn-mini.lock{background:#e0ac3c24;color:var(--harvest-gold)}.doc-btn-mini:disabled{opacity:.5;cursor:default}