@import "https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,600;9..144,700&family=Manrope:wght@400;500;700&display=swap";html,body,#root{min-height:100%;margin:0}:root{--bg:#f2f6f4;--bg-soft:#e3ece9;--panel:#ffffffe6;--panel-strong:#fff;--ink:#172126;--ink-soft:#61717a;--line:#d7e0dd;--accent:#116466;--accent-strong:#0c5051;--accent-soft:#e3f1ef;--warn:#9a6a2f;--danger:#b0483e;--shadow:0 22px 60px #1721261f}*{box-sizing:border-box}body{background:radial-gradient(circle at 8% 12%, #1164662e, transparent 32%), radial-gradient(circle at 88% 18%, #9a6a2f24, transparent 25%), linear-gradient(165deg, var(--bg) 0%, var(--bg-soft) 100%);min-height:100vh;color:var(--ink);margin:0;font-family:Manrope,Avenir Next,Segoe UI,sans-serif}.app-shell{max-width:1200px;min-height:100vh;margin:0 auto;padding:1.5rem}h1,h2,h3{margin:0;font-family:Fraunces,Georgia,serif;line-height:1.15}.eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);margin:0 0 .2rem;font-size:.8rem}.lead{color:var(--ink-soft);max-width:58ch;margin:.75rem 0 1.4rem}.login-wrap{place-items:center;min-height:calc(100vh - 2.5rem);display:grid}.login-card,.panel{border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);width:100%;box-shadow:var(--shadow);border-radius:24px}.login-card{max-width:560px;padding:2.25rem;position:relative}.auth-hero{margin-bottom:1.5rem;padding-right:3rem}.login-card .language-switcher{position:absolute;top:1rem;right:1rem}.login-card h1{font-size:clamp(1.8rem,2.7vw,2.3rem)}.topbar{border:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:5;background:#ffffffc7;border-radius:0 0 22px 22px;justify-content:space-between;align-items:center;gap:1.5rem;margin-bottom:1.1rem;padding:1.1rem 1.25rem;display:flex;position:sticky;top:0}.topbar h1{font-size:clamp(1.4rem,2.2vw,2rem);display:block}@media (width<=760px){.topbar{flex-direction:column;align-items:stretch}.topbar h1{display:none}}.brand-block{gap:.3rem;display:grid}.topbar-subtitle{color:var(--ink-soft);margin:0;font-size:.92rem}.actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.9rem;display:flex}.nav-actions,.topbar-tools{flex-wrap:wrap;align-items:center;gap:.65rem;display:flex}.signed-in-as{border:1px solid var(--line);background:var(--panel-strong);min-height:40px;color:var(--ink-soft);border-radius:999px;align-items:center;padding:.2rem .85rem;font-size:.84rem;display:inline-flex}.content{gap:1rem;display:grid}.workspace-lead{margin-bottom:0}.error-banner{color:#7f2a20;background:#a33a2f14;border:1px solid #a33a2f66;border-radius:10px;margin:0 0 .8rem;padding:.7rem .9rem;font-size:.9rem}.panel{padding:1.4rem}.panel .header-row{flex-wrap:wrap;justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.panel .header-row p{color:var(--ink-soft);margin:0;font-weight:500}.section-intro,.info-text{color:var(--ink-soft)}.section-intro{margin:.35rem 0 0}.info-text{font-size:.92rem}.panel h2{margin-bottom:1rem;font-size:clamp(1.35rem,2vw,1.7rem)}.filters-panel{border:1px solid var(--line);background:#1164660a;border-radius:18px;grid-template-columns:repeat(12,minmax(0,1fr));gap:.8rem;margin-bottom:1rem;padding:.95rem;display:grid}.search-input{grid-column:span 5}.search-input,.status-filter,.month-filter,.status-filter-sort{width:100%}.status-filter,.month-filter{grid-column:span 2}.status-filter-sort{grid-column:span 3}.field-group{gap:.45rem}.field-group span{color:var(--ink);font-size:.84rem;font-weight:700}@media (width<=960px){.search-input{grid-column:span 12}.status-filter,.month-filter,.status-filter-sort{grid-column:span 4}}@media (width<=640px){.filters-panel{padding:.85rem}.search-input,.status-filter,.month-filter,.status-filter-sort{grid-column:span 12}}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}label{color:var(--ink-soft);gap:.4rem;font-size:.92rem;display:grid}.full{grid-column:1/-1}input,select,textarea,button{font:inherit}input,select,textarea{border:1px solid var(--line);background:var(--panel-strong);width:100%;color:var(--ink);border-radius:12px;padding:.78rem .9rem;transition:border-color .14s,box-shadow .14s}input:focus,select:focus,textarea:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #0c8f6f33}button{cursor:pointer;background:var(--accent);color:#fefcf8;border:none;border-radius:999px;min-height:44px;padding:.7rem 1.05rem;font-weight:700;transition:transform .14s,background-color .14s}button:hover{background:var(--accent-strong);transform:translateY(-1px)}button.ghost{color:var(--ink);border:1px solid var(--line);background:0 0}.nav-button{color:var(--ink-soft);border:1px solid var(--line);background:0 0}.nav-button:hover{background:var(--accent-soft);color:var(--accent-strong)}.nav-button.active{background:var(--accent);color:#f7fffd;box-shadow:0 10px 24px #11646638}.nav-button.active:hover{background:var(--accent-strong)}.button-row{flex-wrap:wrap;gap:.7rem;display:flex}.auth-actions button{flex:180px}button.danger{background:var(--danger)}.table-wrap{border:1px solid var(--line);background:var(--panel-strong);border-radius:18px;overflow-x:auto}.payments-table{border-collapse:collapse;width:100%;min-width:860px}.payments-table th,.payments-table td{text-align:left;border-bottom:1px solid var(--line);vertical-align:middle;padding:.95rem 1rem}.payments-table th{text-transform:uppercase;letter-spacing:.05em;color:var(--ink-soft);background:#1164660d;font-size:.8rem}.payments-table tbody tr:last-child td{border-bottom:none}.payment-row{cursor:pointer;transition:background-color .14s}.payment-row:hover,.payment-row:focus-visible{background:#1164660f;outline:none}.table-primary{color:var(--ink);font-weight:700}.table-checkbox-cell input[type=checkbox]{cursor:pointer;width:18px;height:18px;accent-color:var(--accent);margin:0}.tag{border-radius:999px;padding:.16rem .55rem;font-size:.78rem;font-weight:700;display:inline-block}.tag.payed{color:var(--accent-strong);background:#11646629}.tag.pending{color:var(--warn);background:#9a6a2f2e}.edit-hint{border-top:1px dashed var(--line);color:var(--ink-soft);opacity:.85;align-items:center;gap:.35rem;margin-top:.6rem;padding-top:.55rem;font-size:.78rem;display:flex}.payment-card:hover .edit-hint,.payment-card:focus-visible .edit-hint{color:var(--accent-strong);opacity:1}.empty{color:var(--ink-soft);margin:0}.language-switcher{position:relative}.gear-button{width:44px;height:40px;color:var(--ink-soft);background:var(--panel-strong);border:1px solid var(--line);justify-content:center;align-items:center;padding:0;display:inline-flex}.language-menu{z-index:10;border:1px solid var(--line);background:var(--panel);min-width:130px;box-shadow:var(--shadow);border-radius:12px;gap:2px;padding:.35rem;display:grid;position:absolute;top:calc(100% + 6px);right:0}.language-menu button{color:var(--ink);text-align:left;background:0 0;border-radius:8px;padding:.45rem .7rem;font-weight:500}.language-menu button:hover{background:var(--bg-soft);color:var(--ink);transform:none}.language-menu button.active{color:var(--accent-strong);font-weight:700}@media (width<=760px){.app-shell{padding:.55rem}.topbar{border-radius:0 0 18px 18px;gap:.75rem;margin-bottom:.75rem;padding:.75rem .85rem;position:static}.topbar h1{font-size:1.15rem}.topbar-subtitle{display:none}.actions{grid-template-columns:minmax(0,1fr) auto;justify-content:stretch;gap:.55rem;display:grid}.nav-actions,.topbar-tools,.button-row{width:auto}.nav-actions{flex-wrap:nowrap;gap:.45rem}.nav-actions button{border:1px solid var(--line);flex:1 1 0;min-height:38px;padding:.55rem .8rem}.topbar-tools{justify-content:flex-end;gap:.45rem}.topbar-tools button,.auth-actions button{min-height:38px;padding:.55rem .8rem}.signed-in-as{display:none}.gear-button{width:38px;height:38px}.panel{padding:1rem}.workspace-heading.panel{padding:.9rem 1rem}.workspace-lead,.section-intro{margin-top:.2rem;font-size:.88rem}.panel .header-row{margin-bottom:.75rem}.info-text{font-size:.82rem}.filters-panel{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;margin-bottom:.8rem;padding:.7rem}.field-group{gap:.3rem}.field-group span{font-size:.76rem}input,select,textarea{padding:.68rem .75rem}.overview-grid,.filters-panel{grid-template-columns:repeat(2,minmax(0,1fr))}.search-input{grid-column:1/-1}.payments-table,.payments-table thead,.payments-table tbody,.payments-table th,.payments-table td,.payments-table tr{display:block}.payments-table{min-width:0}.payments-table thead{display:none}.payments-table tbody{gap:.75rem;padding:.75rem;display:grid}.payment-row{border:1px solid var(--line);background:var(--panel-strong);border-radius:16px;gap:.25rem;padding:.2rem 0;display:grid}.payments-table td{border-bottom:1px solid var(--line);justify-content:space-between;gap:1rem;padding:5px 9px;display:flex}.payments-table td:last-child{border-bottom:none}.payments-table td:before{content:attr(data-label);color:var(--ink-soft);font-size:.8rem;font-weight:700}.payments-table td:first-child span{width:100%}.payments-table td:first-child:before{content:"";width:0;display:none}.form-grid{grid-template-columns:1fr}.full{grid-column:auto}}@media (width<=520px){.actions{flex-direction:column;align-items:stretch;display:flex}.topbar-tools{justify-content:space-between}.filters-panel{flex-direction:column;display:flex}.status-filter,.status-filter-sort,.search-input{grid-column:auto}}