*{margin:0;padding:0;box-sizing:border-box}:root{font-family:Roboto,sans-serif;line-height:1.6;font-weight:400;color:#333;background-color:#f5f5f5;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh}#root{min-height:100vh}.app{min-height:100vh;background:linear-gradient(#467022cc,#fff6);position:relative}header{background:#fff;color:#1e3c72;padding:1.5rem 3rem;display:flex;justify-content:space-between;align-items:center;box-shadow:0 4px 20px #00000026;border-bottom:3px solid #2a5298}@media(max-width:768px){header{padding:1rem 1.5rem}header h1{font-size:1.8rem}header button{padding:.5rem 1.5rem;font-size:.9rem}}.header-actions{display:flex;gap:1rem;align-items:center}header h1{margin:0;font-size:2rem;font-weight:700;letter-spacing:-.5px;color:#1e3c72}header button{padding:.6rem 2rem;background:#1e3c72e6;color:#fff;border:2px solid #1e3c72;border-radius:6px;cursor:pointer;font-weight:600;font-size:.95rem;transition:all .3s ease}header button:hover{background:#2a5298;border-color:#2a5298;box-shadow:0 4px 12px #1e3c724d}.container{max-width:80%;margin:0 auto;padding:2rem}@media(max-width:1024px){.container{max-width:100%}}.form-group label{display:block;margin-bottom:.5rem;color:#2c3e50;font-weight:600;font-size:.95rem}.form-group input{width:100%;padding:.85rem;border:2px solid #e0e6ed;border-radius:6px;font-size:1rem;box-sizing:border-box;transition:all .3s ease;background:#fff}.form-group input:focus{outline:none;border-color:#2a5298;box-shadow:0 0 0 3px #2a52981a}button[type=submit]{width:100%;padding:.85rem;background:#1e3c72e6;color:#fff;border:2px solid #1e3c72;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}button[type=submit]:hover{background:#2a5298;border-color:#2a5298;box-shadow:0 4px 12px #1e3c724d}.loading-overlay{position:fixed;inset:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:9999}.loading-spinner{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 8px 32px #0000004d;text-align:center}.loading-spinner img{width:80px;height:80px;margin-bottom:1rem}.loading-spinner p{margin:0;color:#1e3c72;font-weight:600;font-size:1.1rem}.auth-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(#467022cc,#fff6)}.auth-card{background:#fff;padding:2.5rem;border-radius:12px;box-shadow:0 12px 48px #00000040;width:100%;max-width:420px}.auth-card h2{text-align:center;margin-bottom:2rem;color:#1e3c72;font-weight:700;font-size:1.8rem;border-bottom:3px solid #2a5298;padding-bottom:.75rem}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem;color:#555;font-weight:500}.form-group input{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:5px;font-size:1rem;box-sizing:border-box}.form-group input:focus{outline:none;border-color:#667eea}.error{color:#9b2743;margin-bottom:1rem;padding:.5rem;background:#f4d4dc;border-radius:5px;font-size:.9rem}button[type=submit]{width:100%;padding:.75rem;background:#667eeae6;color:#fff;border:none;border-radius:5px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .3s}button[type=submit]:hover{background:#5568d3}.link-button{background:none;border:none;color:#2a5298;cursor:pointer;text-decoration:underline;font-size:1rem;padding:0;font-weight:600}.link-button:hover{color:#1e3c72}.auth-card p{text-align:center;margin-top:1.5rem;color:#5a6c7d;font-size:.95rem}.expense-form{background:#fff;padding:2.5rem;border-radius:12px;box-shadow:0 8px 32px #00000026;margin-bottom:2rem}.expense-form-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;border-bottom:3px solid #2a5298;padding-bottom:.75rem}.expense-form h2{margin:0;color:#1e3c72;font-weight:700;font-size:1.5rem}.back-btn{width:44px;height:44px;background:#1e3c72e6;color:#fff;border:2px solid #1e3c72;border-radius:50%;font-size:1.5rem;font-weight:300;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;line-height:1;padding:0}.back-btn:hover{background:#2a5298;border-color:#2a5298;box-shadow:0 4px 12px #1e3c724d;transform:scale(1.05)}.autocomplete-wrapper{position:relative}.suggestions-dropdown{position:absolute;top:100%;left:0;right:0;background:#fff;border:2px solid #2a5298;border-top:none;border-radius:0 0 6px 6px;max-height:300px;overflow-y:auto;z-index:1000;box-shadow:0 8px 16px #00000026}.suggestion-item{padding:.85rem;cursor:pointer;border-bottom:1px solid #e0e6ed;transition:all .2s ease}.suggestion-item:last-child{border-bottom:none}.suggestion-item:hover{background:#f8f9fb}.suggestion-name{font-weight:600;color:#1e3c72;margin-bottom:.25rem}.suggestion-details{font-size:.85rem;color:#5a6c7d}.suggestion-count{margin-left:.5rem;color:#8995a3;font-style:italic}.suggestion-item.simple{padding:.65rem .85rem;font-size:.95rem;color:#2c3e50}.suggestion-item.selected{background:#2a5298;color:#fff}.suggestion-item.selected .suggestion-name{color:#fff}.suggestion-item.selected .suggestion-details{color:#ffffffe6}.suggestion-item.selected .suggestion-count{color:#fffc}.inline-suggestions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem;padding:.5rem;background:#f8f9fb;border-radius:6px;border:1px solid #e0e6ed}.inline-suggestion{padding:.25rem .5rem;background:#fff;border:1px solid #2a5298;border-radius:4px;cursor:pointer;font-size:.85rem;color:#1e3c72;transition:all .2s ease}.inline-suggestion:hover{background:#2a5298;color:#fff}.inline-suggestion.selected{background:#1e3c72;color:#fff;border-color:#1e3c72}.checkbox-group{margin-top:1rem}.checkbox-label{display:flex;align-items:center;gap:1rem;font-weight:500;color:#1e3c72;cursor:pointer;padding:.5rem 0}.checkbox-label input[type=checkbox]{margin:0 .5rem 0 0;cursor:pointer;width:20px;height:20px}.expense-list{background:#fff;padding:2.5rem;border-radius:12px;box-shadow:0 8px 32px #00000026;width:100%;max-width:none}.expense-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;border-bottom:3px solid #2a5298;padding-bottom:.75rem}.header-left{display:flex;align-items:center;gap:1.5rem}.expense-list h2{margin:0;color:#1e3c72;font-weight:700;font-size:1.5rem}.total-amount{font-size:1.3rem;font-weight:700;padding:.4rem 1rem;border-radius:6px;background:#f8f9fb}.total-positive{color:#9b2743}.total-negative{color:#27ae60}.add-expense-btn{width:44px;height:44px;background:#1e3c72e6;color:#fff;border:2px solid #1e3c72;border-radius:50%;font-size:1.8rem;font-weight:300;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;line-height:1;padding:0}.add-expense-btn:hover{background:#2a5298;border-color:#2a5298;box-shadow:0 4px 12px #1e3c724d;transform:scale(1.05)}.filters-section{margin-bottom:1.5rem;padding:1.5rem;background:#f8f9fb;border-radius:8px;border:1px solid #e0e6ed}.date-filters{display:flex;gap:1.5rem;margin-bottom:1rem}@media(max-width:500px){.date-filters{flex-direction:column;gap:1rem}.filter-shortcuts{flex-direction:column;gap:.5rem}.filter-shortcuts button{width:100%}}.filter-group{flex:1}.filter-group label{display:block;margin-bottom:.5rem;color:#1e3c72;font-weight:600;font-size:.9rem}.filter-group input[type=date]{width:100%;padding:.75rem;border:2px solid #e0e6ed;border-radius:6px;font-size:.95rem;transition:all .3s ease;background:#fff}.filter-group input[type=date]:focus{outline:none;border-color:#2a5298;box-shadow:0 0 0 3px #2a52981a}.filter-shortcuts{display:flex;gap:.75rem;flex-wrap:wrap}.filter-shortcuts button{padding:.6rem 1.2rem;background:#fff;color:#1e3c72;border:2px solid #1e3c72;border-radius:6px;cursor:pointer;font-weight:600;font-size:.85rem;transition:all .3s ease}.filter-shortcuts button:hover{background:#1e3c72;color:#fff;box-shadow:0 4px 12px #1e3c724d}.no-expenses{text-align:center;color:#5a6c7d;padding:3rem;font-size:1.1rem}.expenses-table{display:flex;flex-direction:column;gap:0}.table-header,.table-row{display:grid;grid-template-columns:110px 80px 2fr 160px 160px 150px 120px;gap:1rem;padding:1rem 1.25rem;align-items:center}.table-header{font-weight:700;color:#1e3c72;background:#f8f9fb;border-bottom:3px solid #2a5298;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.table-row{border-bottom:1px solid #e0e6ed;transition:all .2s ease;background:#fff}.table-row:hover{background:#f8f9fb;box-shadow:0 2px 8px #00000014}.amount-positive,.amount-negative{color:#9b2743;font-weight:700;font-size:1.05rem;text-align:right}.amount-negative{color:#27ae60}@media(max-width:768px){.amount-positive,.amount-negative{font-weight:400;font-size:inherit}}.action-buttons{display:flex;gap:.5rem}.edit-btn,.delete-btn,.save-btn,.cancel-btn{padding:.4rem .8rem;color:#fff;border:2px solid;border-radius:6px;cursor:pointer;font-size:.75rem;font-weight:600;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px;min-width:32px;height:32px;display:flex;align-items:center;justify-content:center}.edit-btn{background:#2a5298e6;border-color:#2a5298}.edit-btn:hover{background:#1e3c72;border-color:#1e3c72;box-shadow:0 4px 12px #2a52984d}.delete-btn{background:#9b2743e6;border-color:#9b2743}.delete-btn:hover{background:#7a1f35;border-color:#7a1f35;box-shadow:0 4px 12px #9b27434d}.save-btn{background:#556b2fe6;border-color:#556b2f}.save-btn:hover{background:#6b8e23;border-color:#6b8e23;box-shadow:0 4px 12px #556b2f4d}.cancel-btn{background:#95a5a6e6;border-color:#95a5a6}.cancel-btn:hover{background:#7f8c8d;border-color:#7f8c8d;box-shadow:0 4px 12px #95a5a64d}.edit-input{width:100%;padding:.5rem;border:2px solid #2a5298;border-radius:6px;font-size:.9rem;transition:all .3s ease}.edit-input:focus{outline:none;border-color:#1e3c72;box-shadow:0 0 0 3px #2a52981a}@media(max-width:1200px){.table-header,.table-row{grid-template-columns:110px 130px 2fr 160px 160px 120px;gap:.8rem}.comment-cell{display:none}.table-header>div:nth-child(6),.table-row>div:nth-child(6){display:none}}@media(max-width:1024px){.table-header,.table-row{grid-template-columns:110px 40px 2fr 160px 160px 150px 120px}}@media(max-width:900px){.table-header,.table-row{grid-template-columns:110px 130px 2fr 160px 120px;gap:.6rem}.payer-cell{display:none}.table-header>div:nth-child(4),.table-row>div:nth-child(4){display:none}}@media(max-width:768px){.expense-list{padding:1.5rem}.table-header,.table-row{grid-template-columns:90px 60px 1fr;gap:.5rem;padding:.8rem 1rem;font-size:.85rem}.category-cell,.comment-cell,.action-buttons,.table-header .payer-cell,.table-header .category-cell,.table-header .comment-cell,.table-header .action-buttons,.table-row .payer-cell,.table-row .category-cell,.table-row .comment-cell,.table-row .action-buttons{display:none}.edit-input{font-size:.8rem;padding:.4rem}.table-row.editing .action-buttons{display:flex}}@media(max-width:600px){.expense-list{padding:1rem}.table-header,.table-row{grid-template-columns:90px 110px 2fr 80px;gap:.4rem;padding:.6rem .8rem;font-size:.8rem}.edit-input{font-size:.75rem;padding:.3rem}.action-buttons button{padding:.25rem .5rem;font-size:.65rem;min-width:24px;height:24px}}.statistics{background:#fff;padding:2.5rem;border-radius:12px;box-shadow:0 8px 32px #00000026;margin-bottom:2rem}.statistics-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;border-bottom:3px solid #2a5298;padding-bottom:.75rem}.statistics h2{margin:0;color:#1e3c72;font-weight:700;font-size:1.5rem}.expenses-btn{width:44px;height:44px;background:#1e3c72e6;color:#fff;border:2px solid #1e3c72;border-radius:50%;font-size:1.2rem;font-weight:300;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;line-height:1;padding:0}.expenses-btn:hover{background:#2a5298;border-color:#2a5298;box-shadow:0 4px 12px #1e3c724d;transform:scale(1.05)}.statistics-content{padding:0rem}.loading,.error{text-align:center;padding:2rem;color:#5a6c7d}.error{color:#e74c3c}.statistics-matrix{border:2px solid #2a5298;border-radius:8px;overflow:hidden;background:#fff;display:table;width:100%}.matrix-header,.matrix-row{display:table-row}.matrix-cell{display:table-cell;padding:.75rem;border-right:1px solid #e0e6ed;border-bottom:1px solid #e0e6ed;vertical-align:middle;text-align:center}.matrix-cell:last-child{border-right:none}.matrix-header .matrix-cell{background:#2a5298;color:#fff;font-weight:600;border-bottom:2px solid #1e3c72}.matrix-category-header{font-weight:700;text-align:left;width:200px}.matrix-year-header{font-size:1.1rem;width:120px}.matrix-row .matrix-cell{background:#f8f9fb}.matrix-row:last-child .matrix-cell{border-bottom:none}.matrix-category{font-weight:600;color:#1e3c72;background:#fff;border-right:2px solid #2a5298;text-align:left}.amount-data{display:flex;flex-direction:column;align-items:center;gap:.25rem}.amount-value{font-weight:700;color:#2a5298;font-size:.95rem}.amount-count{font-size:.75rem;color:#8995a3}.no-data{color:#bdc3c7;font-style:italic}.import-expenses{position:relative;display:flex;gap:.5rem}.export-btn,.import-btn{padding:.65rem 1.5rem;background:#556b2fe6;color:#fff;border:2px solid #556B2F;border-radius:8px;cursor:pointer;font-size:.95rem;font-weight:600;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;justify-content:center}.export-btn{background:#2a5298e6;border-color:#2a5298}.export-btn:hover:not(:disabled){background:#1e3c72;border-color:#1e3c72;box-shadow:0 4px 12px #2a52984d;transform:translateY(-1px)}.import-btn:hover:not(:disabled){background:#6b8e23;border-color:#6b8e23;box-shadow:0 4px 12px #556b2f4d;transform:translateY(-1px)}.import-btn:disabled{opacity:.6;cursor:not-allowed}.import-error{position:absolute;top:100%;right:0;margin-top:.5rem;padding:.75rem 1rem;background:#9b2743;color:#fff;border-radius:6px;font-size:.9rem;white-space:nowrap;box-shadow:0 4px 12px #9b27434d;z-index:1000}.import-success{position:absolute;top:100%;right:0;margin-top:.5rem;padding:.75rem 1rem;background:#27ae60;color:#fff;border-radius:6px;font-size:.9rem;white-space:nowrap;box-shadow:0 4px 12px #27ae604d;z-index:1000}