:root{font-family:Segoe UI,Inter,sans-serif;line-height:1.4;color:#10152c;background:#eef3ff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--text-main: #10152c;--page-bg: radial-gradient(circle at 15% 10%, #d8e4ff 0, transparent 33%), radial-gradient(circle at 85% 90%, #cce7ff 0, transparent 28%), linear-gradient(180deg, #f7f9ff 0%, #edf2ff 100%);--card-bg: rgba(255, 255, 255, .84);--card-border: rgba(137, 158, 213, .24);--card-shadow: 0 10px 30px rgba(23, 44, 108, .1);--muted: #58617c;--field-bg: rgba(255, 255, 255, .92);--field-border: #ccd8f7;--field-text: #14203d;--tab-bg: #edf2ff;--tab-text: #2f3f72;--tab-border: #d1defd;--tab-active-bg: #dce7ff;--tab-active-border: #6c95ff;--list-bg: #f9fbff;--list-border: #e0e8ff;--stats-bg: #f3f7ff;--primary-grad: linear-gradient(135deg, #0f7f9f, #1aa39f);--banner-grad: radial-gradient(circle at 15% 20%, rgba(255, 255, 255, .24), transparent 42%), linear-gradient(130deg, #0e6f9f 0%, #148bb2 52%, #16a79f 100%)}:root[data-theme=dark]{--text-main: #e8edff;--page-bg: radial-gradient(circle at 15% 10%, #1b2948 0, transparent 35%), radial-gradient(circle at 85% 90%, #14253c 0, transparent 30%), linear-gradient(180deg, #0f182c 0%, #0c1425 100%);--card-bg: rgba(20, 28, 46, .88);--card-border: rgba(104, 128, 188, .34);--card-shadow: 0 14px 34px rgba(0, 0, 0, .32);--muted: #a9b5da;--field-bg: rgba(13, 23, 40, .9);--field-border: #334a7b;--field-text: #e7edff;--tab-bg: #1d2a47;--tab-text: #c9d7ff;--tab-border: #304670;--tab-active-bg: #233966;--tab-active-border: #5f88df;--list-bg: #16233e;--list-border: #2e426b;--stats-bg: #182746;--primary-grad: linear-gradient(135deg, #0b5f83, #0f7e83);--banner-grad: radial-gradient(circle at 15% 20%, rgba(255, 255, 255, .16), transparent 42%), linear-gradient(130deg, #0a4f83 0%, #0f6b96 52%, #0f7f83 100%)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;color:var(--text-main);background:var(--page-bg);overscroll-behavior-y:none;touch-action:pan-x pan-y}#root{min-height:100vh}.app-shell{width:min(100%,840px);margin:0 auto;padding:1rem .55rem 3rem;display:grid;gap:.9rem}.card{background:var(--card-bg);border:.8px solid var(--card-border);border-radius:1.1rem;padding:1rem;box-shadow:var(--card-shadow);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.hero{overflow:hidden}.hero-banner{display:flex;justify-content:space-between;align-items:stretch;gap:.8rem;padding:.8rem .95rem;border-radius:1rem;background:var(--banner-grad);color:#fff}.hero h1{margin:0 0 .3rem;font-size:clamp(1.4rem,4.4vw,1.85rem)}.hero .muted{color:#ffffffe6}.hero-tools{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end;gap:.5rem}.hero-pill{background:#fff3;border:1px solid rgba(255,255,255,.36);border-radius:999px;padding:.35rem .72rem;font-size:.76rem;white-space:nowrap;font-weight:700}.theme-toggle{min-height:2rem;padding:.28rem .62rem;border-radius:.5rem;background:#ffffff2e;border:1px solid rgba(255,255,255,.4);color:#fff;font-size:.72rem;font-weight:700}.theme-toggle:hover{border-color:#ffffff9e}.muted{color:var(--muted);margin:0}h2{margin:0 0 .8rem;font-size:1rem}.form-grid{display:grid;gap:.72rem}label{display:grid;gap:.3rem;font-size:.88rem;color:var(--muted);font-weight:600}input,select{width:100%;border:1px solid var(--field-border);background:var(--field-bg);border-radius:.72rem;min-height:2.7rem;padding:.6rem .75rem;font-size:1rem;color:var(--field-text)}input:focus{outline:2px solid #6d98ff;border-color:#6d98ff}select:focus{outline:2px solid #6d98ff;border-color:#6d98ff}.auto-date{margin:0;font-size:.82rem;color:var(--muted)}.error{margin:0;color:#a01f3d;background:#ffe6ec;border-radius:.6rem;padding:.5rem .6rem;font-size:.84rem}button{border:0;border-radius:.72rem;background:var(--primary-grad);color:#fff;min-height:2.8rem;padding:.65rem .9rem;font-size:.95rem;font-weight:700}.tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.45rem}.range-controls{margin-top:.75rem;display:grid;gap:.55rem}.range-hint{margin:0;color:var(--muted);font-size:.82rem}.search-grid{display:grid;gap:.65rem}.view-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem}.tab{background:var(--tab-bg);color:var(--tab-text);border:1px solid var(--tab-border);font-weight:600;min-height:2.25rem;border-radius:.58rem;font-size:.76rem}.tab.active{background:var(--tab-active-bg);border-color:var(--tab-active-border)}.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem}.stats article{background:var(--stats-bg);border-radius:.8rem;padding:.68rem}.stats strong{display:block;font-size:clamp(.76rem,2.05vw,1.02rem);margin-top:.25rem;line-height:1.2;white-space:nowrap;max-width:100%}.stats .stat-center,.stats .stat-value-center{text-align:center}.breakdown-list,.history-list{list-style:none;margin:0;padding:0;display:grid;gap:.72rem}.accordion-card{padding-top:.82rem}.accordion-toggle{width:100%;min-height:0;padding:0 0 .62rem;margin-bottom:.72rem;border-radius:0;border:0;border-bottom:1px solid var(--list-border);background:transparent;color:var(--text-main);display:flex;align-items:center;justify-content:space-between;gap:.7rem;font-size:1rem;font-weight:700;transition:color .2s ease}.accordion-body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .26s ease}.accordion-body.open{grid-template-rows:1fr}.accordion-content{overflow:hidden}.summary-btn{width:100%;text-align:left;background:var(--list-bg);color:var(--text-main);border:1px solid var(--list-border);border-radius:.8rem;padding:.72rem}.summary-btn.active{background:var(--tab-active-bg);border-color:var(--tab-active-border)}.row{display:flex;justify-content:space-between;gap:.8rem;font-size:.92rem;align-items:center}.meta-row{margin-top:.2rem;display:flex;justify-content:space-between;color:var(--muted);font-size:.78rem}.bar{margin-top:.38rem;background:var(--tab-bg);height:.55rem;border-radius:999px;overflow:hidden}.bar span{display:block;height:100%;background:linear-gradient(90deg,#0f9acc,#1f5eff);border-radius:inherit}.history-list li{display:flex;justify-content:space-between;align-items:center;gap:.8rem;border:1px solid var(--list-border);border-radius:.8rem;padding:.65rem .72rem;background:var(--list-bg)}.history-list .editable-row{cursor:pointer;transition:transform .12s ease,box-shadow .12s ease}.history-list .editable-row:hover{transform:translateY(-1px);box-shadow:0 6px 14px #283f8a1f}.history-list p{margin:0;font-weight:600}.history-list small{color:var(--muted)}.item-note{display:block;margin-top:.12rem;font-size:.76rem;opacity:.95}.calendar-head{display:flex;justify-content:space-between;align-items:flex-start;gap:.8rem;margin-bottom:.6rem}.calendar-month-field{min-width:150px}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:.45rem;margin-top:.55rem}.calendar-days-head{margin-top:.8rem}.calendar-day-name{text-align:center;font-size:.75rem;color:var(--muted);font-weight:700}.calendar-cell{min-height:64px;border-radius:.62rem;border:1px solid var(--list-border);padding:.35rem;display:flex;flex-direction:column;justify-content:space-between;color:var(--text-main);cursor:pointer;transition:transform .12s ease,box-shadow .12s ease}:root[data-theme=dark] .calendar-cell{color:#eaf0ff}.calendar-cell:hover{transform:translateY(-1px);box-shadow:0 6px 14px #283f8a1f}.calendar-cell.empty{background:transparent;border:0;cursor:default;box-shadow:none;transform:none}.calendar-day-number{font-size:.85rem;font-weight:700}.calendar-cell small{font-size:.67rem;line-height:1.25}.app-footer{margin-top:.2rem;text-align:center;color:var(--muted);font-size:.79rem}.app-footer p{margin:0}.toast-msg{position:fixed;left:50%;bottom:1.15rem;transform:translate(-50%);background:#101e3beb;color:#fff;border:1px solid rgba(255,255,255,.16);border-radius:.62rem;padding:.5rem .75rem;font-size:.82rem;z-index:90}.data-actions,.data-import{margin-top:.8rem}.data-danger{margin-top:.85rem;padding-top:.75rem;border-top:1px dashed var(--list-border);display:grid;gap:.6rem}.danger-check{display:flex;align-items:center;gap:.45rem;font-size:.82rem;color:var(--muted);font-weight:600}.danger-check input[type=checkbox]{width:1rem;min-height:1rem;height:1rem;margin:0;padding:0;border-radius:.25rem;accent-color:#c92d44}.danger-btn{background:linear-gradient(135deg,#9c2338,#c02f4a)}.danger-btn:disabled{opacity:.55;cursor:not-allowed}.danger-confirm{border:1px solid rgba(201,45,68,.28);background:#c92d4414;border-radius:.72rem;padding:.65rem}.danger-confirm p{margin:0;font-size:.82rem;color:var(--text-main)}.danger-confirm-actions{margin-top:.55rem;display:flex;gap:.55rem}.data-import input[type=file]{min-height:3rem;padding:.45rem .55rem}.data-import input[type=file]::file-selector-button{margin-right:.7rem;border:1px solid rgba(255,255,255,.25);border-radius:.52rem;padding:.45rem .68rem;background:var(--primary-grad);color:#fff;font-size:.82rem;font-weight:700;cursor:pointer}.data-import input[type=file]::file-selector-button:hover{filter:brightness(1.05)}.data-msg{margin:.7rem 0 0;border-radius:.6rem;padding:.5rem .6rem;font-size:.84rem}.data-msg.success{color:#1e6a44;background:#dff7eb}.subtle-actions{display:flex;justify-content:space-between;align-items:center;gap:.6rem}.subtle-link{min-height:1.9rem;padding:.24rem .52rem;font-size:.74rem;color:var(--muted);background:transparent;border:1px solid var(--list-border)}.search-results{margin-top:.7rem;max-height:min(42vh,360px);overflow:auto;padding-right:.2rem}.modal-overlay{position:fixed;inset:0;background:#0b122273;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:1rem;z-index:70;opacity:0;transition:opacity .22s ease}.modal-overlay.open{opacity:1}.modal-card{width:min(100%,520px);max-height:min(88vh,760px);overflow:auto;background:#f9fbff;border:1px solid #d9e4ff;box-shadow:0 18px 40px #11296233;transform:translateY(12px) scale(.985);opacity:0;transition:transform .22s ease,opacity .22s ease}.modal-overlay.open .modal-card{transform:translateY(0) scale(1);opacity:1}.modal-head{display:flex;justify-content:space-between;align-items:center;gap:.6rem}.modal-form-grid{margin-top:.35rem;display:grid;gap:.6rem}.modal-actions{margin-top:.85rem;display:grid;gap:.55rem}:root[data-theme=dark] .modal-overlay{background:#040a15a3}:root[data-theme=dark] .modal-card{background:var(--card-bg);border:1px solid var(--card-border);box-shadow:var(--card-shadow)}:root[data-theme=dark] .data-msg.success{color:#8fe8ba;background:#183526}:root[data-theme=dark] .data-import input[type=file]::file-selector-button{border-color:#fff3}@media(max-width:620px){.tabs{grid-template-columns:repeat(3,minmax(0,1fr))}.calendar-head{flex-direction:column}.calendar-cell{min-height:56px;padding:.28rem}.calendar-cell small{font-size:.6rem}}@media(max-width:420px){.hero-banner{flex-direction:column}.hero-tools{width:100%;flex-direction:row;align-items:center}}@media(min-width:720px){.app-shell{padding-top:1.4rem}.search-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.form-grid button,.form-grid .auto-date,.form-grid .error{grid-column:span 3}}