@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;700;800&family=Space+Grotesk:wght@500;700&display=swap";:root{--bg:#f7f5ef;--ink:#182a2b;--muted:#4e5f60;--panel:#fffdfa;--line:#d6d1c7;--teal:#0f766e;--teal-soft:#e0f2f1;--amber:#ca8a04;--red:#b91c1c;--green:#166534;--shadow:0 10px 30px #0f172a17}body[data-theme=qq2]{--bg:#e8edf2;--ink:#25313f;--muted:#5f6d7d;--panel:#eaf0f6;--line:#d3dbe4;--teal:#2d7f8f;--teal-soft:#ddf1f4;--amber:#b98a3a;--red:#b54853;--green:#3c8760;--shadow:14px 14px 28px #c4ccd5, -14px -14px 28px #f2f6fb}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{color:var(--ink);background:radial-gradient(circle at 20% 20%, #fef3c7 0%, transparent 28%), radial-gradient(circle at 80% 0%, #dbeafe 0%, transparent 30%), var(--bg);font-family:Manrope,sans-serif}body[data-theme=qq2]{background:radial-gradient(circle at 18% 12%, #f0f5fb 0%, transparent 34%), radial-gradient(circle at 82% 8%, #e3edf6 0%, transparent 30%), radial-gradient(circle at 74% 88%, #e8f2eb 0%, transparent 28%), var(--bg)}h1,h2,h3,h4{color:#12292d;margin:0;font-family:Space Grotesk,sans-serif}p{margin:0}a{color:inherit}input,select,textarea,button{font:inherit}.app-shell{grid-template-columns:280px 1fr;gap:20px;min-height:100vh;padding:20px;display:grid}.sidebar{border:1px solid var(--line);box-shadow:var(--shadow);background:linear-gradient(160deg,#fff7e9,#f0f9ff);border-radius:22px;height:calc(100vh - 40px);padding:22px;position:sticky;top:20px}.sidebar-top{gap:10px;display:grid}.theme-toggle{border:1px solid var(--line);color:#1f3740;cursor:pointer;background:#fff;border-radius:12px;padding:10px 12px;font-weight:700;transition:transform .15s}.theme-toggle:hover{transform:translateY(-1px)}.sidebar h2{font-size:1.85rem}.sidebar p{color:var(--muted);margin-top:8px;font-size:.95rem}.sidebar nav{gap:10px;margin-top:26px;display:grid}.sidebar nav a{color:#294448;border:1px solid #0000;border-radius:12px;align-items:center;gap:10px;padding:11px 14px;font-weight:700;text-decoration:none;transition:all .22s;display:flex}.sidebar nav a:hover{background:#fef9c3;border-color:#fde68a}.sidebar nav a.active{color:#fff;background:#0f766e;border-color:#0f766e}.content{box-shadow:var(--shadow);background:#ffffffb8;border:1px solid #ece7de;border-radius:22px;padding:24px}.page-stack{gap:18px;display:grid}.page-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.page-header h1{font-size:1.85rem}.card{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:16px}.btn-primary,.btn-secondary,.transaction-actions button{cursor:pointer;border:0;border-radius:11px;padding:10px 14px;font-weight:700;transition:transform .15s}.btn-primary{color:#fff;background:#0f766e;text-decoration:none}.btn-secondary{color:#92400e;background:#fef3c7}.btn-primary:hover,.btn-secondary:hover,.transaction-actions button:hover{transform:translateY(-1px)}.search-wrap{border:1px solid var(--line);background:#fff;border-radius:12px;align-items:center;gap:8px;padding:10px 12px;display:flex}.search-wrap input{background:0 0;border:0;outline:0;width:100%}.search-icon{color:#6b7280}.filters-grid{grid-template-columns:repeat(6,minmax(120px,1fr));gap:12px;display:grid}.filters-grid label,.form-grid label,.budget-form label{color:#324b50;gap:7px;font-size:.92rem;font-weight:700;display:grid}.filters-grid input,.filters-grid select,.form-grid input,.form-grid select,.form-grid textarea,.budget-form input{background:#fff;border:1px solid #c9c4ba;border-radius:10px;padding:9px 10px}.filters-grid .btn-secondary{justify-self:end;width:fit-content;min-height:20px}.list-stack{gap:12px;display:grid}.transaction-card{border:1px solid var(--line);background:#fff;border-left:5px solid #d1d5db;border-radius:14px;gap:10px;padding:14px;display:grid}.transaction-card.expense{border-left-color:#b91c1c}.transaction-card.income{border-left-color:#15803d}.transaction-card.recurring{background:linear-gradient(90deg,#fffbeb,#fff)}.transaction-main{justify-content:space-between;align-items:center;gap:10px;display:flex}.transaction-main h3{font-size:1.05rem}.transaction-main p,.transaction-meta span,.transaction-notes{color:var(--muted)}.transaction-meta{justify-content:space-between;align-items:center;display:flex}.transaction-tags{flex-wrap:wrap;gap:8px;display:flex}.pill{border-radius:999px;align-items:center;gap:4px;padding:5px 10px;font-size:.78rem;font-weight:700;display:inline-flex}.pill.expense{color:#991b1b;background:#fee2e2}.pill.income{color:#166534;background:#dcfce7}.recurring-pill{color:#92400e;background:#fef3c7}.transaction-actions{gap:8px;display:flex}.transaction-actions button{color:#155e75;background:#ecfeff;align-items:center;gap:6px;display:inline-flex}.transaction-actions button.danger{color:#991b1b;background:#fee2e2}.stats-grid,.dashboard-stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.dashboard-stats-grid{grid-template-columns:repeat(2,minmax(240px,280px));justify-content:start}.dashboard-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:12px;display:grid}.dashboard-summary-left{gap:12px;display:grid}.dashboard-stats-grid .stat-card,.dashboard-summary-grid .card{height:100%}.stat-card{background:linear-gradient(150deg,#f3f8fd,#e3ecf5);border:1px solid #ffffffbf;border-radius:18px;box-shadow:12px 12px 24px #abb8c98c,-10px -10px 22px #ffffffd9,inset 1px 1px #ffffffa6}body[data-theme=qq2] .stat-card{background:linear-gradient(150deg,#eaf1f9,#dbe6f0);border:1px solid #e7eef5f2;box-shadow:14px 14px 28px #aab6c694,-12px -12px 24px #eef3f9e6,inset 1px 1px #f5f8fcb3}.news-card{gap:10px;display:grid;overflow:hidden}.news-list{gap:12px;display:grid}.news-list-scroll{flex:1;min-height:0;padding-right:6px;overflow-y:auto}.news-item{border-bottom:1px solid #e5e7eb;gap:6px;padding:12px 0;display:grid}.news-item:last-child{border-bottom:0;padding-bottom:0}.load-more-news{color:#fff;cursor:pointer;background:#0f766e;border:1px solid #0f766e;border-radius:12px;width:100%;margin-top:4px;padding:11px 14px;font-weight:700}.load-more-news:disabled{opacity:.7;cursor:progress}.news-end{color:var(--muted);text-align:center;padding:8px 0 2px}.news-item a{color:#0f766e;font-weight:700;text-decoration:none}.news-item a:hover{text-decoration:underline}.news-source{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:.82rem;font-weight:700}.text-link{color:#0f766e;cursor:pointer;background:0 0;border:0;padding:0;font-weight:700}.text-link:hover{text-decoration:underline}.news-modal-backdrop{z-index:30;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0f172aad;place-items:center;padding:24px;display:grid;position:fixed;inset:0;overflow-y:auto}.news-modal{background:#fffffff5;flex-direction:column;gap:10px;width:min(960px,100%);min-height:0;max-height:min(84vh,860px);display:flex;overflow:hidden;box-shadow:0 24px 80px #0f172a59}.news-modal .news-list-scroll{min-height:0}.news-modal-note{color:var(--muted);margin-bottom:2px}.news-search-bar{align-items:center;gap:10px;display:flex}.news-search-bar input{background:#fff;border:1px solid #c9c4ba;border-radius:12px;flex:1;padding:11px 12px}.news-time{color:#6b7280;font-size:.8rem}.stat-card p{color:var(--muted)}.stat-card strong{font-size:1.18rem}.budget-card header{justify-content:space-between;align-items:center;display:flex}.status{color:#14532d;background:#dcfce7;border-radius:999px;padding:4px 10px;font-size:.78rem;font-weight:700}.status.danger{color:#991b1b;background:#fee2e2}.budget-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px;display:grid}.budget-grid p,.currency-grid p,.breakdown-list p{gap:3px;display:grid}.budget-grid span,.currency-grid span{color:var(--muted);font-size:.86rem}.progress-track{background:#e5e7eb;border-radius:999px;height:10px;margin-top:14px;overflow:hidden}.progress-fill{background:var(--green);height:100%}.progress-fill.danger{background:var(--red)}.chart-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.chart-card h3{margin-bottom:8px}.empty-chart,.state-message{color:var(--muted);text-align:center;border:1px dashed #d1d5db;border-radius:12px;padding:20px}.section-title{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.section-title a{color:#0f766e;font-weight:700}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.full-width{grid-column:1/-1}.checkbox-label{align-items:center;gap:10px;display:flex}.checkbox-label input{width:16px;height:16px}.form-error{color:#b91c1c}.form-actions{justify-content:flex-end;gap:10px;display:flex}.budget-form{align-items:flex-end;gap:12px;display:flex}.budget-form label{flex:1}.currency-panel small{color:var(--muted);margin-top:10px;display:block}.currency-grid,.breakdown-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px;display:grid}.breakdown-list{grid-template-columns:repeat(2,minmax(0,1fr))}.converter-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:8px;display:grid}.converter-grid label{color:#324b50;gap:7px;font-size:.92rem;font-weight:700;display:grid}.converter-grid input,.converter-grid select{background:#fff;border:1px solid #c9c4ba;border-radius:10px;padding:9px 10px}.text-danger{color:var(--red)}@media (width<=1100px){.app-shell{grid-template-columns:1fr}.sidebar{height:auto;position:static}.sidebar nav{grid-template-columns:repeat(2,minmax(0,1fr))}}body[data-theme=qq2] .sidebar{background:linear-gradient(160deg,#eef4fb,#dde6ef);border:1px solid #ecf2f8eb}body[data-theme=qq2] .content,body[data-theme=qq2] .card{box-shadow:var(--shadow);background:linear-gradient(150deg,#e8eff7,#dbe5ef);border:1px solid #eaf0f7e6}body[data-theme=qq2] .sidebar nav a,body[data-theme=qq2] .btn-primary,body[data-theme=qq2] .btn-secondary,body[data-theme=qq2] .transaction-actions button,body[data-theme=qq2] .theme-toggle,body[data-theme=qq2] .load-more-news,body[data-theme=qq2] .pill,body[data-theme=qq2] .status{background:linear-gradient(145deg,#e7eef6,#d7e2ee);border:1px solid #e7eef5eb;box-shadow:8px 8px 18px #c4ced9,-8px -8px 18px #edf2f8}body[data-theme=qq2] .sidebar nav a.active{color:#1e4b57;box-shadow:inset 6px 6px 12px #c5ced8,inset -6px -6px 12px #edf2f8}body[data-theme=qq2] .search-wrap,body[data-theme=qq2] .filters-grid input,body[data-theme=qq2] .filters-grid select,body[data-theme=qq2] .form-grid input,body[data-theme=qq2] .form-grid select,body[data-theme=qq2] .form-grid textarea,body[data-theme=qq2] .budget-form input,body[data-theme=qq2] .news-search-bar input,body[data-theme=qq2] .converter-grid input,body[data-theme=qq2] .converter-grid select,body[data-theme=qq2] .progress-track,body[data-theme=qq2] .empty-chart,body[data-theme=qq2] .state-message,body[data-theme=qq2] .news-item{background:linear-gradient(145deg,#dfe8f2,#e9f0f7);border:1px solid #e7eef5e6;box-shadow:inset 5px 5px 10px #c8d1db,inset -5px -5px 10px #edf2f8}body[data-theme=qq2] .news-card,body[data-theme=qq2] .news-modal{border-radius:20px}body[data-theme=qq2] .news-item{border-bottom:0;border-radius:16px;padding:12px}body[data-theme=qq2] .news-item:last-child{padding-bottom:12px}body[data-theme=qq2] .news-search-bar input{border-radius:14px}body[data-theme=qq2] .btn-primary,body[data-theme=qq2] .load-more-news,body[data-theme=qq2] .sidebar nav a.active{box-shadow:inset 6px 6px 12px #c5ced8,inset -6px -6px 12px #edf2f8,0 0 0 1px #4ea0b440,0 0 12px #4ea0b41f}body[data-theme=qq2] .btn-primary,body[data-theme=qq2] .section-title a,body[data-theme=qq2] .news-item a,body[data-theme=qq2] .text-link{color:#2b6577}@media (width<=860px){.content{padding:16px}.stats-grid,.dashboard-stats-grid,.dashboard-summary-grid,.chart-grid,.budget-grid,.currency-grid,.converter-grid,.breakdown-list,.form-grid,.filters-grid{grid-template-columns:1fr}.budget-form,.news-search-bar{flex-direction:column;align-items:stretch}.page-header{flex-direction:column;align-items:flex-start}.news-modal-backdrop{padding:12px}}