:root{--color-primary: #6C5CE7;--color-primary-soft: #F3F1FF;--color-primary-hover: #7C63F4;--color-black: #111111;--color-text: #5F6368;--color-muted: #8A8F98;--color-border: #E8E8EF;--color-bg: #F7F7FA;--color-white: #FFFFFF;--color-success: #22A06B;--color-warning: #F5A524;--color-error: #E5484D;color:var(--color-black);background:var(--color-bg);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,Noto Sans SC,Arial,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{background:var(--color-bg)}body{margin:0;min-width:320px;min-height:100vh}button,input,textarea,select{font:inherit;font-size:16px}button{-webkit-tap-highlight-color:transparent;border:0;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.62}.app-root{min-height:100vh;background:radial-gradient(circle at top left,rgba(108,92,231,.12),transparent 34%),var(--color-bg)}.desktop-workspace,.sidebar-nav{display:none}.mobile-workspace{display:block}.home-page{width:100%}.home-page__inner{margin:0 auto;max-width:480px;min-height:100vh;padding:22px 20px 96px;position:relative}.topbar{align-items:center;display:flex;justify-content:space-between;gap:16px;margin-bottom:18px}.topbar h1,.desktop-toolbar h1{font-size:31px;line-height:1.05;margin:3px 0 0}.eyebrow{color:var(--color-muted);font-size:14px;line-height:1.35;margin:0}.topbar__actions,.desktop-toolbar__actions{align-items:center;display:flex;gap:10px}.language-toggle,.icon-button,.preview-toggle,.preview-exit{align-items:center;background:var(--color-white);border:1px solid var(--color-border);border-radius:999px;box-shadow:0 10px 24px #1111110f;color:var(--color-black);display:inline-flex;font-weight:700;height:44px;justify-content:center;min-width:44px;transition:transform .16s ease,background-color .16s ease,border-color .16s ease,color .16s ease}.language-toggle{font-size:14px;padding:0 13px}.preview-toggle,.preview-exit{gap:8px;padding:0 16px}.preview-toggle:hover,.preview-exit:hover,.language-toggle:hover,.icon-button:hover{border-color:#6c5ce74d;color:var(--color-primary)}.language-toggle:active,.icon-button:active,.quick-grid button:active,.bottom-nav__item:active,.floating-add:active,.preview-toggle:active,.preview-exit:active,.sidebar-nav__item:active{transform:scale(.96)}.amount-card{background:var(--color-black);border-radius:30px;box-shadow:0 22px 46px #1111113d;color:var(--color-white);padding:24px}.amount-card__header,.amount-card__footer{align-items:center;display:flex;justify-content:space-between;gap:14px}.amount-card__header{color:#ffffffc2;font-size:15px}.amount-card strong{display:block;font-size:42px;line-height:1;margin:22px 0}.amount-card__footer{color:#ffffffb8;font-size:13px}.metric-grid{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr));margin:16px 0 22px}.metric-grid article,.section-block{background:var(--color-white);border:1px solid rgba(232,232,239,.9);border-radius:24px;box-shadow:0 12px 32px #2d2d3a14}.metric-grid article{min-height:104px;padding:18px}.metric-grid span,.record-item span{color:var(--color-muted);display:block;font-size:13px;line-height:1.45}.metric-grid strong{display:block;font-size:22px;line-height:1.15;margin-top:12px}.section-block{margin-top:16px;padding:18px}.section-heading{align-items:center;display:flex;justify-content:space-between;margin-bottom:14px}.section-heading h2{font-size:18px;line-height:1.25;margin:0}.quick-grid{display:grid;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr))}.quick-grid button{align-items:center;background:var(--color-primary-soft);border-radius:20px;color:var(--color-black);display:flex;flex-direction:column;font-size:13px;font-weight:700;gap:10px;justify-content:center;min-height:104px;padding:14px 8px;transition:background-color .16s ease,transform .16s ease}.quick-grid button:hover{background:#ebe7ff}.quick-grid__icon{align-items:center;background:var(--color-white);border-radius:18px;color:var(--color-primary);display:inline-flex;height:48px;justify-content:center;width:48px}.quick-grid__icon--primary{background:var(--color-primary);color:var(--color-white)}.records-block{padding-bottom:12px}.record-list{display:grid;gap:10px}.record-item{align-items:center;background:var(--color-bg);border-radius:18px;display:grid;gap:12px;grid-template-columns:44px 1fr auto;min-height:70px;padding:12px}.record-item__icon{align-items:center;background:var(--color-white);border-radius:15px;color:var(--color-primary);display:inline-flex;height:44px;justify-content:center;width:44px}.record-item strong{display:block;font-size:15px;line-height:1.35}.record-item b{color:var(--color-black);font-size:15px;white-space:nowrap}.new-record-page{width:100%}.new-record-page__inner{margin:0 auto;max-width:480px;min-height:100vh;padding:22px 20px 106px}.record-topbar{align-items:center;display:flex;gap:14px;margin-bottom:18px}.record-topbar h2{font-size:27px;line-height:1.12;margin:2px 0 0}.back-button{align-items:center;background:var(--color-white);border:1px solid var(--color-border);border-radius:999px;box-shadow:0 10px 24px #1111110f;color:var(--color-black);display:inline-flex;flex:0 0 auto;font-weight:700;gap:8px;min-height:44px;padding:0 14px;transition:transform .16s ease,border-color .16s ease,color .16s ease}.back-button:hover{border-color:#6c5ce74d;color:var(--color-primary)}.back-button:active{transform:scale(.96)}.record-layout{display:grid;gap:16px}.record-card{background:var(--color-white);border:1px solid rgba(232,232,239,.9);border-radius:24px;box-shadow:0 12px 32px #2d2d3a14;padding:18px}.amount-entry-card{background:var(--color-black);color:var(--color-white)}.amount-entry-card .form-field>span,.amount-entry-card .form-error{color:#ffffffc7}.amount-entry-card .form-error{color:#ffb3b6}.form-field{display:grid;gap:8px}.form-field+.form-field,.form-grid+.form-field,.form-field+.form-grid,.file-picker{margin-top:14px}.form-field>span{color:var(--color-text);font-size:13px;font-weight:700}.form-field input,.form-field select,.form-field textarea{background:var(--color-white);border:1px solid var(--color-border);border-radius:16px;color:var(--color-black);min-height:56px;outline:none;padding:0 16px;transition:border-color .16s ease,box-shadow .16s ease;width:100%}.form-field textarea{line-height:1.45;min-height:96px;padding:14px 16px;resize:vertical}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 4px #6c5ce71f}.amount-input{font-size:42px!important;font-weight:800;height:76px}.form-grid{display:grid;gap:14px}.form-error{color:var(--color-error);font-size:13px;line-height:1.35}.file-picker__dropzone{align-items:center;background:var(--color-primary-soft);border:1px dashed rgba(108,92,231,.45);border-radius:20px;color:var(--color-black);cursor:pointer;display:grid;gap:7px;justify-items:center;min-height:136px;padding:20px;text-align:center;transition:background-color .16s ease,border-color .16s ease,transform .16s ease}.file-picker__dropzone:hover{background:#ebe7ff;border-color:var(--color-primary)}.file-picker__dropzone:active{transform:scale(.99)}.file-picker__dropzone input{display:none}.file-picker__icon{align-items:center;background:var(--color-white);border-radius:18px;color:var(--color-primary);display:inline-flex;height:50px;justify-content:center;width:50px}.file-picker__dropzone small{color:var(--color-muted);font-size:13px}.attachment-list{display:grid;gap:10px;margin-top:12px}.attachment-item{align-items:center;background:var(--color-bg);border-radius:16px;display:grid;gap:10px;grid-template-columns:minmax(0,1fr) auto;min-height:64px;padding:10px 12px}.attachment-item strong,.attachment-item span{display:block}.attachment-item strong{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-item span{color:var(--color-muted);font-size:12px;margin-top:3px}.attachment-item button{align-items:center;background:var(--color-white);border-radius:999px;color:var(--color-error);display:inline-flex;font-size:13px;font-weight:700;gap:5px;min-height:38px;padding:0 10px}.action-card{display:grid;gap:16px}.action-card h3{font-size:20px;margin:4px 0 10px}.status-pill{align-items:center;border-radius:999px;display:inline-flex;font-size:12px;font-weight:800;min-height:28px;padding:0 10px}.status-pill--draft,.status-pill--idle{background:var(--color-primary-soft);color:var(--color-primary)}.status-pill--pending{background:#f5a52429;color:#9a6100}.submit-stack{display:grid;gap:10px}.submit-button{align-items:center;border-radius:18px;display:inline-flex;font-weight:800;gap:9px;justify-content:center;min-height:56px;padding:0 18px;transition:background-color .16s ease,color .16s ease,transform .16s ease;width:100%}.submit-button--draft{background:var(--color-primary);color:var(--color-white)}.submit-button--draft:hover{background:var(--color-primary-hover)}.submit-button--share,.submit-button--pending{background:var(--color-primary-soft);color:var(--color-primary)}.submit-button--pending{color:#8a5b00}.submit-button:active{transform:scale(.98)}.submit-button:disabled{transform:none}.loading-dot{animation:pulse-loading .78s ease-in-out infinite;background:currentColor;border-radius:999px;height:10px;width:10px}@keyframes pulse-loading{0%,to{opacity:.35;transform:scale(.82)}50%{opacity:1;transform:scale(1)}}.action-card__hint{align-items:center;color:var(--color-muted);display:flex;font-size:13px;gap:8px}.floating-add{align-items:center;background:var(--color-primary);border:5px solid var(--color-white);border-radius:999px;bottom:35px;box-shadow:0 16px 32px #6c5ce757;color:var(--color-white);display:inline-flex;height:64px;justify-content:center;left:50%;position:fixed;transform:translate(-50%);transition:background-color .16s ease,transform .16s ease;width:64px;z-index:5}.floating-add:hover{background:var(--color-primary-hover)}.bottom-nav{align-items:center;background:#fffffff5;border:1px solid var(--color-border);border-radius:26px;bottom:14px;box-shadow:0 18px 44px #11111121;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));height:76px;left:50%;max-width:444px;padding:8px 10px;position:fixed;transform:translate(-50%);width:calc(100% - 28px);z-index:4}.bottom-nav__item{align-items:center;background:transparent;border-radius:18px;color:var(--color-muted);display:flex;flex-direction:column;font-size:12px;font-weight:700;gap:4px;height:58px;justify-content:center;transition:background-color .16s ease,color .16s ease,transform .16s ease}.bottom-nav__item--active{background:var(--color-primary-soft);color:var(--color-primary)}.toast{background:#111111eb;border-radius:999px;bottom:104px;color:var(--color-white);font-size:14px;left:50%;max-width:calc(100% - 42px);opacity:0;padding:11px 16px;pointer-events:none;position:fixed;transform:translate(-50%,10px);transition:opacity .18s ease,transform .18s ease;white-space:nowrap;z-index:20}.toast--visible{opacity:1;transform:translate(-50%)}@media (min-width: 768px) and (max-width: 1023px){.home-page__inner{max-width:760px;padding:30px 24px 104px}.desktop-secondary{display:grid;gap:16px;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}.desktop-secondary .section-block{margin-top:0}.new-record-page__inner{max-width:760px;padding:30px 24px 112px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 1024px){.app-root{display:grid;grid-template-columns:232px minmax(0,1fr)}.desktop-workspace,.sidebar-nav{display:block}.mobile-workspace{display:none}.sidebar-nav{background:#ffffffc7;border-right:1px solid rgba(232,232,239,.9);min-height:100vh;padding:28px 18px;position:sticky;top:0}.sidebar-nav__brand{align-items:center;display:flex;font-size:29px;font-weight:800;height:48px;padding:0 10px}.sidebar-nav__items{display:grid;gap:8px;margin-top:34px}.sidebar-nav__item{align-items:center;background:transparent;border-radius:18px;color:var(--color-text);display:flex;gap:12px;height:48px;padding:0 14px;text-align:left;transition:background-color .16s ease,color .16s ease,transform .16s ease;width:100%}.sidebar-nav__item:hover{background:var(--color-primary-soft);color:var(--color-primary)}.sidebar-nav__item--active{background:var(--color-primary);color:var(--color-white)}.desktop-workspace{margin:0 auto;max-width:1280px;min-height:100vh;padding:28px 34px 40px;width:100%}.desktop-toolbar{align-items:center;display:flex;justify-content:space-between;gap:24px;margin-bottom:24px}.desktop-toolbar h1{font-size:34px}.home-page--desktop .home-page__inner{max-width:none;min-height:auto;padding:0}.home-page--desktop .desktop-summary{display:grid;gap:18px;grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr)}.home-page--desktop .amount-card{min-height:238px;padding:30px}.home-page--desktop .amount-card strong{font-size:56px;margin:36px 0}.home-page--desktop .metric-grid{grid-template-columns:1fr;margin:0}.home-page--desktop .metric-grid article{min-height:110px}.home-page--desktop .desktop-secondary{align-items:start;display:grid;gap:18px;grid-template-columns:minmax(260px,.88fr) minmax(0,1.12fr);margin-top:18px}.home-page--desktop .section-block{margin-top:0;padding:22px}.home-page--desktop .quick-grid{grid-template-columns:1fr}.home-page--desktop .quick-grid button{align-items:center;flex-direction:row;justify-content:flex-start;min-height:76px;padding:14px}.home-page--desktop .record-item{min-height:78px}.new-record-page--desktop .new-record-page__inner{max-width:none;min-height:auto;padding:0}.new-record-page--desktop .record-topbar{margin-bottom:18px}.new-record-page--desktop .record-topbar h2{font-size:32px}.new-record-page--desktop .record-layout{align-items:start;grid-template-columns:minmax(0,1.05fr) minmax(0,1.1fr) 300px}.new-record-page--desktop .record-card{border-radius:26px;padding:22px}.new-record-page--desktop .amount-entry-card{min-height:100%}.new-record-page--desktop .amount-input{font-size:52px!important;height:86px}.new-record-page--desktop .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.new-record-page--desktop .form-grid--compact{grid-template-columns:1fr}.new-record-page--desktop .action-card{position:sticky;top:28px}.mobile-preview-panel{display:grid;justify-items:center;padding:4px 0 28px}.mobile-preview-panel__bar{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px;max-width:480px;width:100%}.mobile-preview-panel__bar h2{font-size:22px;line-height:1.2;margin:2px 0 0}.mobile-preview-frame{background:#18181c;border:1px solid rgba(17,17,17,.16);border-radius:42px;box-shadow:0 28px 70px #1113;height:min(780px,calc(100vh - 150px));min-height:620px;padding:12px;width:390px}.mobile-preview-screen{background:radial-gradient(circle at top left,rgba(108,92,231,.12),transparent 34%),var(--color-bg);border-radius:32px;height:100%;overflow-y:auto;position:relative}.mobile-preview-screen .home-page__inner{max-width:none;min-height:100%;padding:22px 18px 96px}.mobile-preview-screen .new-record-page__inner{max-width:none;min-height:100%;padding:22px 18px 106px}.mobile-preview-screen .bottom-nav{bottom:14px;left:14px;position:absolute;transform:none;width:calc(100% - 28px)}.mobile-preview-screen .floating-add{bottom:35px;position:absolute}.app-root--preview .toast{bottom:30px}}@media (max-width: 360px){.home-page__inner{padding-left:16px;padding-right:16px}.amount-card{border-radius:26px;padding:21px}.amount-card strong{font-size:35px}.quick-grid{gap:8px}.quick-grid button{font-size:12px}}