*{margin:0;padding:0}body{background:linear-gradient(135deg,#667eea,#764ba2)}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{min-height:100vh}*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}.App,body{min-height:100vh}.App{padding:0}.app-container{background:#fff;border-radius:0;box-shadow:none;margin:0 auto;max-width:1600px;min-height:100vh;overflow:hidden}.app-header{background:linear-gradient(135deg,#ff6b6b,#ee5a6f 50%,#ff6b6b);box-shadow:0 4px 20px #ff6b6b4d;color:#fff;overflow:hidden;padding:50px 30px;position:relative;text-align:center}.app-header:after{animation:float 6s ease-in-out infinite;background:radial-gradient(circle at 30% 30%,#fff3 0,#0000 50%),radial-gradient(circle at 70% 70%,#ffffff26 0,#0000 50%);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes float{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-10px) scale(1.05)}}.app-header h1{font-size:3rem;font-weight:900;letter-spacing:-1px;margin:0 0 15px;position:relative;text-shadow:0 4px 20px #0003;z-index:1}.app-subtitle{font-size:.9rem;font-weight:400;letter-spacing:1px;margin:0;opacity:.95;position:relative;text-transform:uppercase;z-index:1}.tab-navigation{background:#fff;border-bottom:3px solid #f0f0f0;box-shadow:0 2px 10px #0000000d;display:flex;overflow-x:auto;padding:0;scrollbar-width:none}.tab-navigation::-webkit-scrollbar{display:none}.tab-navigation button{background:#0000;border:none;border-bottom:4px solid #0000;color:#666;cursor:pointer;flex:1 1;font-size:13px;font-weight:700;letter-spacing:.5px;min-width:150px;padding:24px 28px;position:relative;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1)}.tab-navigation button:after{background:linear-gradient(90deg,#ff6b6b,orange);bottom:0;content:"";height:4px;left:0;position:absolute;right:0;transform:scaleX(0);transition:transform .3s cubic-bezier(.4,0,.2,1)}.tab-navigation button:hover{background:#fafafa;color:#ff6b6b;transform:translateY(-2px)}.tab-navigation button.active{background:linear-gradient(180deg,#fff5f5,#fff);color:#ff6b6b}.tab-navigation button.active:after{transform:scaleX(1)}.tab-content{background:linear-gradient(180deg,#fff,#f8f9fa);min-height:calc(100vh - 250px);padding:50px 40px}.loading-container{align-items:center;background:linear-gradient(135deg,#ff6b6b,#ee5a6f);color:#fff;display:flex;flex-direction:column;justify-content:center;min-height:100vh}.loading-spinner{animation:spin 1s linear infinite;border:5px solid #ffffff4d;border-radius:50%;border-top-color:#fff;box-shadow:0 0 30px #ffffff80;height:70px;margin-bottom:30px;width:70px}@keyframes spin{to{transform:rotate(1turn)}}.loading-container p{color:#fff;font-size:20px;font-weight:600;letter-spacing:1px;text-transform:uppercase}.error-message{background:linear-gradient(135deg,#ffe0e0,#fcc);border:2px solid #ff6b6b;border-radius:16px;box-shadow:0 4px 15px #ff6b6b33;color:#d32f2f;font-weight:600;margin:20px;padding:30px;text-align:center}@media (max-width:768px){.app-header{padding:35px 20px}.app-header h1{font-size:2.2rem}.app-subtitle{font-size:.8rem}.tab-navigation{flex-wrap:nowrap;overflow-x:auto}.tab-navigation button{flex:0 0 auto;font-size:12px;min-width:130px;padding:20px 24px}.tab-content{padding:30px 20px}}.data-entry-tab{color:#333;margin:0 auto;max-width:1000px}.data-entry-tab h2{color:#ff6b6b;font-size:2.5rem;font-weight:900;letter-spacing:-1px;margin-bottom:40px;text-align:center;text-shadow:0 2px 10px #ff6b6b33}.entry-form{background:#fff;border:3px solid #f0f0f0;border-radius:24px;box-shadow:0 10px 40px #00000014;margin-bottom:40px;padding:40px;transition:all .3s ease}.entry-form:hover{border-color:#ff6b6b;box-shadow:0 15px 50px #ff6b6b26}.form-section{border-bottom:2px solid #f0f0f0;margin-bottom:40px;padding-bottom:32px}.form-section:last-of-type{border-bottom:none;margin-bottom:0;padding-bottom:0}.section-title{border-bottom:3px solid #ff6b6b;color:#ff6b6b;display:inline-block;font-size:1.3rem;font-weight:900;letter-spacing:1px;margin-bottom:24px;padding-bottom:12px;text-transform:uppercase}.form-row{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:24px}.form-group{display:flex;flex-direction:column}.form-group label{color:#666;font-size:14px;font-weight:700;letter-spacing:.5px;margin-bottom:12px;text-transform:uppercase}.form-group input,.form-group select,.form-group textarea{background:#fafafa;border:2px solid #e0e0e0;border-radius:12px;color:#333;font-family:inherit;font-size:15px;padding:16px 18px;transition:all .3s ease}.form-group input::placeholder,.form-group textarea::placeholder{color:#999}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background:#fff;border-color:#ff6b6b;box-shadow:0 0 0 4px #ff6b6b1a;outline:none;transform:translateY(-2px)}.form-group input[readOnly],.readonly-input{background:#f5f5f5;border-color:#d0d0d0;cursor:not-allowed;opacity:.8}.financial-inputs{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:24px}.input-with-currency{align-items:center;display:flex;position:relative}.input-with-currency input{flex:1 1;padding-right:60px}.currency{color:#ff6b6b;font-size:16px;font-weight:700;pointer-events:none;position:absolute;right:18px}.credit-hint{color:#999;display:block;font-size:12px;font-style:italic;margin-top:10px}.input-helper-text{color:#666;display:block;font-size:12px;font-weight:500;line-height:1.4;margin-top:8px}.form-actions{display:flex;flex-wrap:wrap;gap:16px;margin-top:32px}.btn{border-radius:12px;box-shadow:0 4px 15px #0000001a;font-size:13px;font-weight:700;letter-spacing:.5px;overflow:hidden;padding:16px 32px;position:relative;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn:before{background:#ffffff4d;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.btn:hover:before{height:400px;width:400px}.btn-primary{background:linear-gradient(135deg,#ff6b6b,orange);box-shadow:0 6px 20px #ff6b6b66}.btn-primary:hover{box-shadow:0 8px 25px #ff6b6b80;transform:translateY(-3px)}.btn-secondary{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 6px 20px #667eea66}.btn-secondary:hover{box-shadow:0 8px 25px #667eea80;transform:translateY(-3px)}.btn-danger{background:linear-gradient(135deg,#f093fb,#f5576c);box-shadow:0 6px 20px #f093fb66}.btn-danger:hover{box-shadow:0 8px 25px #f093fb80;transform:translateY(-3px)}.results-panel{background:linear-gradient(135deg,#fff5f5,#ffe0e0);border:3px solid #ff6b6b;border-radius:24px;box-shadow:0 10px 40px #ff6b6b33;margin-bottom:40px;padding:36px}.results-panel h3{color:#ff6b6b;font-size:1.8rem;font-weight:900;margin-bottom:24px;text-align:center}.result-item{align-items:center;background:#fff;border:2px solid #ffe0e0;border-radius:16px;box-shadow:0 2px 10px #0000000d;display:flex;justify-content:space-between;margin-bottom:16px;padding:20px;transition:all .3s ease}.result-item:hover{background:#fff;border-color:#ff6b6b;box-shadow:0 4px 15px #ff6b6b33;transform:translateX(6px)}.result-label{color:#666;font-size:15px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.result-value{color:#333;font-size:20px;font-weight:900}.result-value.positive{color:#4caf50}.result-value.negative{color:#f44336}.credits-section{grid-gap:40px;display:grid;gap:40px;grid-template-columns:1fr 1fr;margin-top:40px}.credit-section,.customer-credit-section,.employee-credit-section{background:#fff;border:3px solid #f0f0f0;border-radius:24px;box-shadow:0 10px 40px #00000014;padding:36px;transition:all .3s ease}.credit-section:hover,.customer-credit-section:hover,.employee-credit-section:hover{box-shadow:0 15px 50px #0000001f;transform:translateY(-4px)}.credit-section:first-child,.customer-credit-section{border-left:6px solid #ff6b6b}.credit-section:last-child,.employee-credit-section{border-left:6px solid orange}.credit-section h3,.credit-section h4,.customer-credit-section h3,.employee-credit-section h3{color:#ff6b6b;font-size:1.6rem;font-weight:900;letter-spacing:1px;margin-bottom:16px;text-transform:uppercase}.credit-section h4{border-bottom:3px solid #ff6b6b;display:inline-block;font-size:1.4rem;margin-bottom:20px;padding-bottom:12px}.credit-section:last-child h3,.credit-section:last-child h4{border-bottom-color:orange;color:orange}.credit-info{background:#fafafa;border-left:4px solid #ff6b6b;border-radius:12px;color:#666;font-size:14px;line-height:1.7;margin-bottom:24px;padding:16px}.credit-form{margin-top:24px}.dropdown-trigger,.searchable-dropdown{position:relative;width:100%}.dropdown-trigger input{cursor:pointer;padding-right:40px;width:100%}.dropdown-trigger input:not([readonly]){cursor:text}.dropdown-arrow{color:#666;font-size:12px;pointer-events:none;position:absolute;right:16px;top:50%;transform:translateY(-50%);transition:transform .3s ease}.searchable-dropdown.active .dropdown-arrow{transform:translateY(-50%) rotate(180deg)}.dropdown-menu{background:#fff;border:2px solid #e0e0e0;border-radius:12px;box-shadow:0 8px 24px #00000026;display:flex;flex-direction:column;left:0;margin-top:4px;max-height:300px;overflow:hidden;position:absolute;right:0;top:100%;z-index:1000}.dropdown-search{background:#fafafa;border-bottom:2px solid #f0f0f0;padding:12px}.dropdown-search input{background:#fff;border:2px solid #e0e0e0;border-radius:8px;font-size:14px;padding:12px 16px;transition:all .3s ease;width:100%}.dropdown-search input:focus{border-color:#ff6b6b;box-shadow:0 0 0 4px #ff6b6b1a;outline:none}.dropdown-options{max-height:200px;overflow-y:auto;padding:8px}.dropdown-option{border-radius:8px;color:#333;cursor:pointer;font-size:15px;font-weight:500;padding:12px 16px;transition:all .2s ease}.dropdown-option:hover{background:#f5f5f5;color:#ff6b6b;transform:translateX(4px)}.dropdown-option.no-results{color:#999;cursor:default;font-style:italic;text-align:center}.dropdown-option.no-results:hover{background:#0000;transform:none}.dropdown-option.selected{background:#f0f0f0;color:#ff6b6b;font-weight:600}.dropdown-option.selected:hover{background:#ff6b6b;color:#fff}.dropdown-footer{background:#fafafa;border-top:2px solid #f0f0f0;padding:12px}.btn-add-customer,.btn-add-new{background:linear-gradient(135deg,#ff6b6b,orange);border:none;border-radius:10px;box-shadow:0 2px 8px #ff6b6b4d;color:#fff;cursor:pointer;font-size:14px;font-weight:700;letter-spacing:.5px;overflow:hidden;padding:12px 20px;position:relative;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.btn-add-customer:before,.btn-add-new:before{background:#fff3;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.btn-add-customer:hover,.btn-add-new:hover{box-shadow:0 4px 16px #ff6b6b66;transform:translateY(-2px)}.btn-add-customer:hover:before,.btn-add-new:hover:before{height:300px;width:300px}.btn-add-customer:active,.btn-add-new:active{transform:translateY(0)}.btn-save-credit{background:linear-gradient(135deg,#ff6b6b,orange);border:none;border-radius:12px;box-shadow:0 4px 15px #ff6b6b4d;color:#fff;cursor:pointer;font-size:15px;font-weight:700;letter-spacing:.5px;margin-top:20px;padding:14px 24px;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.btn-save-credit:hover:not(:disabled){box-shadow:0 6px 20px #ff6b6b66;transform:translateY(-2px)}.btn-save-credit:disabled{cursor:not-allowed;opacity:.6;transform:none}.new-customer-input{align-items:stretch;display:flex;flex-direction:column;gap:10px}.new-customer-input input{background:#fff;border:2px solid #e0e0e0;border-radius:10px;font-size:14px;font-weight:500;padding:12px 16px;transition:all .3s ease;width:100%}.new-customer-input input:focus{background:#fff;border-color:#ff6b6b;box-shadow:0 0 0 3px #ff6b6b1a;outline:none}.new-customer-input .button-group{display:flex;gap:8px}.new-customer-input button{border:none;border-radius:10px;cursor:pointer;flex:1 1;font-size:13px;font-weight:700;letter-spacing:.5px;overflow:hidden;padding:10px 16px;position:relative;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1)}.new-customer-input button:first-of-type{background:linear-gradient(135deg,#ff6b6b,orange);box-shadow:0 2px 8px #ff6b6b4d;color:#fff}.new-customer-input button:first-of-type:hover{box-shadow:0 4px 12px #ff6b6b66;transform:translateY(-2px)}.new-customer-input button:first-of-type:active{transform:translateY(0)}.new-customer-input button:last-of-type{background:#f5f5f5;border:2px solid #e0e0e0;color:#666}.new-customer-input button:last-of-type:hover{background:#e8e8e8;border-color:#d0d0d0;transform:translateY(-1px)}.dropdown-option.disabled{color:#999;cursor:default;font-style:italic;pointer-events:none;text-align:center}.dropdown-option.disabled:hover{background:#0000;transform:none}.results{background:linear-gradient(135deg,#fff5f5,#ffe0e0);border:3px solid #ff6b6b;border-radius:20px;box-shadow:0 10px 40px #ff6b6b33;margin-top:32px;padding:32px}.results h4{color:#ff6b6b;font-size:1.5rem;font-weight:900;margin-bottom:20px;text-align:center}.results .result-item{align-items:center;background:#fff;border:2px solid #ffe0e0;border-radius:12px;display:flex;justify-content:space-between;margin-bottom:12px;padding:16px 20px;transition:all .3s ease}.results .result-item:last-child{margin-bottom:0}.results .result-item:hover{border-color:#ff6b6b;box-shadow:0 4px 12px #ff6b6b33;transform:translateX(4px)}.results .result-item span{color:#666;font-size:14px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.results .result-item strong{color:#333;font-size:18px;font-weight:900}.results .result-item strong.positive{color:#4caf50}.results .result-item strong.negative{color:#f44336}.btn-calculate,.btn-clear,.btn-submit{border:none;border-radius:12px;box-shadow:0 4px 15px #0000001a;cursor:pointer;font-size:14px;font-weight:700;letter-spacing:.5px;padding:14px 28px;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-calculate{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-calculate:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.btn-submit{background:linear-gradient(135deg,#ff6b6b,orange);box-shadow:0 4px 15px #ff6b6b4d;color:#fff}.btn-submit:hover:not(:disabled){box-shadow:0 6px 20px #ff6b6b66;transform:translateY(-2px)}.btn-submit:disabled{cursor:not-allowed;opacity:.6;transform:none}.btn-clear{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff}.btn-clear:hover{box-shadow:0 6px 20px #f093fb66;transform:translateY(-2px)}.form-group.full-width{grid-column:1/-1}@media (max-width:768px){.credits-section,.financial-inputs,.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column}.btn{width:100%}.entry-form{padding:28px}.data-entry-tab h2{font-size:2rem}}.modal-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{animation:slideUp .4s cubic-bezier(.4,0,.2,1);background:#fff;border:4px solid #f0f0f0;border-radius:24px;box-shadow:0 25px 70px #0006;color:#333;max-width:520px;overflow:hidden;width:90%}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.modal-header{border-bottom:3px solid #f0f0f0;padding:32px}.modal-header h3{color:#ff6b6b;font-size:18px;font-weight:900;letter-spacing:1px;margin:0;text-transform:uppercase}.modal-warning{background:linear-gradient(135deg,#fff5e6,#ffe0b2);border-bottom:4px solid #ff9800}.modal-danger{background:linear-gradient(135deg,#ffebee,#ffcdd2);border-bottom:4px solid #f44336}.modal-info{background:linear-gradient(135deg,#e3f2fd,#bbdefb);border-bottom:4px solid #2196f3}.modal-body{padding:32px}.modal-body p{color:#666;font-size:16px;font-weight:500;line-height:1.8;margin:0}.modal-footer{background:#fafafa;border-top:3px solid #f0f0f0;display:flex;gap:14px;justify-content:flex-end;padding:28px 32px}.modal-footer .btn{border:none;border-radius:12px;box-shadow:0 4px 15px #0000001a;cursor:pointer;font-size:14px;font-weight:700;letter-spacing:.5px;padding:14px 28px;text-transform:uppercase;transition:all .3s ease}.modal-footer .btn-secondary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.modal-footer .btn-secondary:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.modal-footer .btn-warning{background:linear-gradient(135deg,#ff9800,#f57c00);color:#fff}.modal-footer .btn-warning:hover{box-shadow:0 6px 20px #ff980066;transform:translateY(-2px)}.modal-footer .btn-danger{background:linear-gradient(135deg,#f44336,#d32f2f);color:#fff}.modal-footer .btn-danger:hover{box-shadow:0 6px 20px #f4433666;transform:translateY(-2px)}.modal-footer .btn-info{background:linear-gradient(135deg,#2196f3,#1976d2);color:#fff}.modal-footer .btn-info:hover{box-shadow:0 6px 20px #2196f366;transform:translateY(-2px)}.dashboard-tab{color:#333}.dashboard-tab h2{color:#1e2b46;font-size:2.2rem;font-weight:800;letter-spacing:-.5px;margin-bottom:32px;text-align:center}.summary-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin-bottom:40px}.summary-card{border:1px solid #f1f5f9;box-shadow:0 2px 12px #0000000a;display:flex;flex-direction:column;gap:16px;min-height:160px;transition:all .25s cubic-bezier(.4,0,.2,1)}.summary-card:hover{border-color:#e2e8f0}.card-header{align-items:flex-start;display:flex;justify-content:space-between;padding:20px 20px 12px}.card-icon{align-items:center;background:linear-gradient(135deg,var(--card-color) 0,var(--card-color-light) 100%);border-radius:12px;box-shadow:0 4px 12px rgba(var(--card-rgb),.15);display:flex;flex-shrink:0;font-size:1.75rem;height:56px;justify-content:center;position:relative;width:56px}.card-icon i{color:#fff;filter:drop-shadow(0 1px 2px rgba(0,0,0,.1));font-size:1.5rem}.card-trend{align-items:center;background:rgba(var(--card-rgb),.1);border-radius:20px;color:var(--card-color);display:flex;font-size:.75rem;font-weight:600;gap:4px;padding:4px 10px}.card-content{display:flex;flex:1 1;flex-direction:column;justify-content:space-between;padding:0}.card-label{color:#64748b;font-size:.75rem;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.card-value{color:#1e293b;font-size:1.75rem;font-weight:800;letter-spacing:-.5px;line-height:1.2;margin:0}.card-value.small{color:#64748b;font-size:.95rem;font-weight:600}.card-subtext{color:#94a3b8;font-size:.85rem;font-weight:500}.card-revenue{--card-color:#0ea5e9;--card-color-light:#38bdf8;--card-rgb:14,165,233}.card-average{--card-color:#06b6d4;--card-color-light:#22d3ee;--card-rgb:6,182,212}.card-journal{--card-color:#f59e0b;--card-color-light:#fbbf24;--card-rgb:245,158,11}.card-difference{--card-color:#ef4444;--card-color-light:#f87171;--card-rgb:239,68,68}.card-positive{--card-color:#10b981;--card-color-light:#34d399;--card-rgb:16,185,129}.card-negative{--card-color:#dc2626;--card-color-light:#ef4444;--card-rgb:220,38,38}.card-count{--card-color:#3b82f6;--card-color-light:#60a5fa;--card-rgb:59,130,246}.card-date{--card-color:#64748b;--card-color-light:#94a3b8;--card-rgb:100,116,139}.data-table-container{background:#0000;border:none;border-radius:0;box-shadow:none;overflow-x:auto;padding:0}.table-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.data-table-container h3{color:#475569;font-size:1.5rem;font-weight:700;letter-spacing:-.5px;margin:0}.table-actions{display:flex;gap:12px}.btn-reset{background:linear-gradient(135deg,#64748b,#475569);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:600;padding:10px 20px;transition:all .2s ease}.btn-reset:hover{background:linear-gradient(135deg,#475569,#334155);box-shadow:0 4px 12px #64748b4d;transform:translateY(-1px)}.filters-panel{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:24px}.filter-group{flex:0 1 auto;min-width:150px}.filter-group label{color:#475569;font-size:.875rem;letter-spacing:.3px}.filter-group input,.filter-group select{border:2px solid #e2e8f0;color:#334155;font-size:.875rem;font-weight:500;padding:10px 12px;transition:all .2s ease;width:100%}.filter-group input:focus,.filter-group select:focus{border-color:#0ea5e9;box-shadow:0 0 0 3px #0ea5e91a}.filter-group input:hover,.filter-group select:hover{border-color:#cbd5e1}.btn-set-range{background:linear-gradient(135deg,#0ea5e9,#0284c7);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:600;height:-webkit-fit-content;height:fit-content;padding:10px 16px;transition:all .2s ease;white-space:nowrap}.btn-set-range:hover{background:linear-gradient(135deg,#0284c7,#0369a1);box-shadow:0 4px 12px #0ea5e94d;transform:translateY(-1px)}.table-wrapper{background:#fff;border-radius:16px;box-shadow:0 1px 3px #0000000d;overflow-x:auto}.data-table{border-collapse:collapse;min-width:1200px;width:100%}.data-table thead{background:linear-gradient(135deg,#667eea,#764ba2);position:-webkit-sticky;position:sticky;top:0;z-index:10}.data-table th{border:none;color:#fff;font-size:.8rem;font-weight:600;letter-spacing:1px;padding:18px 16px;position:relative;text-align:left;text-transform:uppercase;white-space:nowrap}.data-table th:not(:last-child):after{background:#fff3;bottom:20%;content:"";position:absolute;right:0;top:20%;width:1px}.data-table tbody tr{background:#fff;border-bottom:1px solid #f0f0f0;transition:all .3s cubic-bezier(.4,0,.2,1)}.data-table tbody tr:nth-child(2n){background:#fafbfc}.data-table tbody tr:hover{background:linear-gradient(90deg,#667eea0d,#764ba20d);border-left:3px solid #667eea;box-shadow:0 2px 8px #667eea1a;transform:scale(1.002)}.data-table td{border:none;color:#2d3748;font-size:.9rem;font-weight:500;padding:16px;vertical-align:middle;white-space:nowrap}.data-table tbody tr:last-child{border-bottom:none}.data-table td.negative,.data-table td.positive{padding:16px}.data-table td.negative>*,.data-table td.positive>*{background:linear-gradient(135deg,#10b98126,#10b9811a);border:1px solid #10b98133;border-radius:20px;box-shadow:0 2px 4px #10b9811a;color:#10b981;display:inline-block;font-weight:700;min-width:70px;padding:6px 14px;text-align:center}.data-table td.negative>*{background:linear-gradient(135deg,#ef444426,#ef44441a);border:1px solid #ef444433;box-shadow:0 2px 4px #ef44441a;color:#ef4444}.data-table td.revenue{padding:16px}.data-table td.revenue>*{background:linear-gradient(135deg,#667eea26,#764ba21a);border:1px solid #667eea33;border-radius:20px;box-shadow:0 2px 4px #667eea1a;color:#667eea;display:inline-block;font-weight:700;min-width:70px;padding:6px 14px;text-align:center}.btn-delete{background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:10px;box-shadow:0 2px 6px #ef444440;color:#fff;cursor:pointer;font-size:.875rem;font-weight:600;overflow:hidden;padding:10px 16px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-delete:before{background:#fff3;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .3s,height .3s;width:0}.btn-delete:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 4px 12px #ef444466;transform:translateY(-2px) scale(1.05)}.btn-delete:hover:before{height:300px;width:300px}.btn-delete:active{transform:translateY(0) scale(1)}.no-data{color:#94a3b8;font-size:1rem;font-weight:500;padding:60px 20px;text-align:center}@media (max-width:768px){.summary-cards{gap:16px;grid-template-columns:1fr}.summary-card{min-height:140px;padding:20px}.card-icon{height:48px;width:48px}.card-icon,.card-value{font-size:1.5rem}.card-value.small{font-size:.85rem}.data-table-container{padding:0}.table-wrapper{border-radius:12px}.data-table th{font-size:.7rem;padding:14px 12px}.data-table td{font-size:.8rem;padding:12px}.table-header{align-items:flex-start;flex-direction:column;gap:16px}.filters-panel{align-items:stretch;flex-direction:column}.filter-group{min-width:100%}.data-table td,.data-table th{font-size:.8rem;padding:12px 8px}.data-table{min-width:1000px}}.analysis-tab{color:#333;padding:20px}.analysis-tab h2{color:#ff6b6b;font-size:2.5rem;font-weight:900;letter-spacing:-1px;margin-bottom:40px;text-align:center;text-shadow:0 2px 10px #ff6b6b33}.filters-panel{align-items:flex-end;background:#f8f9fa;border-radius:15px;display:flex;flex-wrap:wrap;gap:15px;margin-bottom:30px;padding:20px}.filter-group{display:flex;flex-direction:column;gap:8px}.filter-group label{color:#495057;font-size:14px;font-weight:600}.filter-group input,.filter-group select{background:#fff;border:2px solid #dee2e6;border-radius:8px;font-size:14px;padding:10px;transition:all .3s ease}.filter-group input:focus,.filter-group select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.filter-group input:hover,.filter-group select:hover{border-color:#adb5bd}.btn{font-size:14px;padding:10px 20px}.btn-success{background:#28a745;color:#fff}.btn-success:hover{background:#218838;box-shadow:0 4px 12px #28a74566;transform:translateY(-2px)}.no-data-message{background:#f8f9fa;color:#6c757d}.generate-prompt,.no-data-message{border-radius:15px;font-size:1.2rem;padding:60px;text-align:center}.generate-prompt{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.generate-prompt p{margin:0}.charts-container{grid-gap:30px;display:grid;gap:30px;grid-auto-rows:minmax(450px,auto);grid-template-columns:repeat(auto-fit,minmax(450px,1fr))}@media (min-width:1000px){.charts-container{grid-template-columns:repeat(2,1fr)}}@media (min-width:1600px){.charts-container{grid-template-columns:repeat(3,1fr)}}.chart-card{background:#fff;border:1px solid #e8e8e8;border-radius:20px;box-shadow:0 8px 30px #0000001a;padding:20px;transition:all .3s ease}.chart-card:hover{box-shadow:0 12px 40px #00000026;transform:translateY(-2px)}.chart-card h3{border-bottom:3px solid #ff6b6b;color:#333;font-size:1.4rem;font-weight:700;letter-spacing:-.5px;margin-bottom:15px;padding-bottom:10px;text-align:center}.analysis-tab .recharts-wrapper{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.analysis-tab .recharts-cartesian-axis-tick-value{fill:#555;font-size:12px;font-weight:600}.analysis-tab .recharts-cartesian-axis-label{fill:#333;font-size:13px;font-weight:700}.analysis-tab .recharts-legend-wrapper{padding-top:20px!important}.analysis-tab .recharts-legend-item-text{color:#333!important;font-size:13px;font-weight:600}.analysis-tab .recharts-tooltip-wrapper{outline:none}.analysis-tab .recharts-default-tooltip{background:#fffffffa!important;border:2px solid #ff6b6b!important;border-radius:12px!important;box-shadow:0 8px 25px #0003!important;padding:12px 16px!important}.analysis-tab .recharts-tooltip-label{border-bottom:2px solid #f0f0f0!important;color:#333!important;font-size:14px!important;font-weight:700!important;margin-bottom:8px!important;padding-bottom:8px!important}.analysis-tab .recharts-tooltip-item{color:#555!important;font-size:13px!important;font-weight:600!important}.analysis-tab .recharts-cartesian-grid-horizontal line,.analysis-tab .recharts-cartesian-grid-vertical line{stroke:#e0e0e0;stroke-width:1.5;stroke-dasharray:4 4}.analysis-tab .recharts-line{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.analysis-tab .recharts-bar{filter:drop-shadow(0 2px 6px rgba(0,0,0,.15))}.analysis-tab .recharts-reference-line-line{stroke-width:2;stroke-dasharray:5 5}@media (max-width:768px){.filters-panel{flex-direction:column}.btn,.filter-group{width:100%}.charts-container{gap:20px;grid-template-columns:1fr}.chart-card{padding:20px}.chart-card h3{font-size:1.2rem}}.settings-tab h2{color:#333;font-size:2rem;margin-bottom:30px}.settings-section{background:#f8f9fa;border-radius:15px;box-shadow:0 4px 6px #0000001a;margin-bottom:25px;padding:30px}.settings-section h3{border-bottom:2px solid #667eea;color:#333;font-size:1.5rem;margin-bottom:25px;padding-bottom:10px}.setting-item{margin-bottom:25px}.setting-item label{color:#495057;display:block;font-size:14px;font-weight:600;margin-bottom:10px}.setting-input{border:2px solid #dee2e6;border-radius:8px;font-size:14px;max-width:500px;padding:12px;transition:all .3s ease;width:100%}.setting-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.btn{border:none;border-radius:8px;cursor:pointer;font-size:16px;font-weight:600;margin-right:15px;margin-top:10px;padding:12px 30px;transition:all .3s ease}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-primary:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.btn-secondary{background:#6c757d;color:#fff}.btn-secondary:hover{background:#5a6268;transform:translateY(-2px)}.btn-danger{background:#dc3545;color:#fff}.btn-danger:hover{background:#c82333;transform:translateY(-2px)}.data-actions{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:25px}.data-info{background:#fff;border-left:4px solid #667eea;border-radius:10px;padding:20px}.data-info p{color:#495057;font-size:14px;margin:10px 0}.data-info strong{color:#333}@media (max-width:768px){.data-actions{flex-direction:column}.btn{margin-right:0;width:100%}}.customers-tab{color:#333;margin:0 auto;max-width:1400px}.customers-tab h2{color:#ff6b6b;font-size:2.5rem;font-weight:900;letter-spacing:-1px;margin-bottom:40px;text-align:center;text-shadow:0 2px 10px #ff6b6b33}.customers-container{grid-gap:30px;display:grid;gap:30px;grid-template-columns:400px 1fr;height:calc(100vh - 200px)}.customers-list-panel{background:#fff;border:3px solid #f0f0f0;border-radius:24px;box-shadow:0 10px 40px #00000014;overflow-y:auto;padding:28px}.list-header{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.search-bar{margin-bottom:0}.search-bar input{background:#fafafa;border:2px solid #e0e0e0;border-radius:12px;color:#333;font-size:15px;padding:16px 18px;transition:all .3s ease;width:100%}.search-bar input::placeholder{color:#999}.search-bar input:focus{background:#fff;border-color:#ff6b6b;box-shadow:0 0 0 4px #ff6b6b1a;outline:none}.customers-list{display:flex;flex-direction:column;gap:10px}.customer-card{align-items:center;background:#fff;border:2px solid #dee2e6;border-radius:8px;display:flex;gap:12px;justify-content:space-between;padding:15px;transition:all .2s ease}.customer-card-content{cursor:pointer;flex:1 1}.customer-card:hover{border-color:#667eea;box-shadow:0 2px 8px #667eea33;transform:translateX(5px)}.customer-card.selected{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;color:#fff}.btn-delete-customer{align-items:center;background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:8px;box-shadow:0 2px 6px #ef444433;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:16px;font-weight:600;height:40px;justify-content:center;min-width:40px;padding:8px 12px;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-delete-customer:hover{box-shadow:0 4px 12px #ef444466;transform:translateY(-2px) scale(1.05)}.btn-delete-customer:active{transform:translateY(0) scale(1)}.customer-name{font-size:1.1rem;font-weight:600;margin-bottom:8px}.customer-stats{display:flex;flex-direction:column;font-size:.9rem;gap:4px}.total-credits{font-weight:600}.credit-count{font-size:.85rem;opacity:.8}.last-credit-date{font-size:.8rem;margin-top:8px;opacity:.7}.loading,.no-customers{color:#6c757d;padding:40px;text-align:center}.customer-details-panel{background:#fff;border:3px solid #f0f0f0;border-radius:24px;box-shadow:0 10px 40px #00000014;color:#333;overflow-y:auto;padding:32px}.customer-header{align-items:center;border-bottom:2px solid #dee2e6;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.customer-header h3{color:#333;font-size:1.5rem;margin:0}.btn-close{align-items:center;background:#dc3545;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:20px;height:30px;justify-content:center;transition:all .2s ease;width:30px}.btn-close:hover{background:#c82333;transform:scale(1.1)}.customer-info{background:#f8f9fa;border-radius:8px;margin-bottom:20px;padding:15px}.customer-info div{margin-bottom:8px}.credits-summary{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(3,1fr);margin-bottom:25px}.summary-card.balance-positive{background:linear-gradient(135deg,#28a745,#20c997)}.summary-card.balance-negative{background:linear-gradient(135deg,#dc3545,#c82333)}.summary-card{background:#fff;border:1px solid #f0f0f0;border-radius:16px;box-shadow:0 2px 8px #0000000a;color:#333;overflow:hidden;padding:24px;position:relative;text-align:left;transition:all .3s ease}.summary-card:before{background:linear-gradient(90deg,var(--card-color) 0,var(--card-color-light) 100%);content:"";height:4px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.summary-card:hover{box-shadow:0 8px 24px #00000014;transform:translateY(-4px)}.summary-card:hover:before{opacity:1}.summary-label{font-size:.9rem;margin-bottom:8px;opacity:.9}.summary-value{font-size:1.8rem;font-weight:700}.credits-list h4{color:#333;margin-bottom:15px}.credits-table{border-collapse:collapse;font-size:14px;width:100%}.credits-table thead{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.credits-table th{font-weight:600;padding:12px;text-align:left}.credits-table td{border-bottom:1px solid #dee2e6;padding:10px 12px}.credits-table tbody tr:hover{background-color:#f8f9fa}.credits-table .amount{color:#667eea;font-weight:600}.no-credits,.no-payments{color:#6c757d;padding:40px;text-align:center}.payment-section{background:#f8f9fa;border-radius:10px;margin-bottom:25px;padding:20px}.payment-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.payment-header h4{color:#333;margin:0}.btn-payment-toggle{background:#667eea;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px;transition:all .2s ease}.btn-payment-toggle:hover{background:#5568d3;transform:translateY(-2px)}.payment-form{margin-top:15px}.payment-form .form-row{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(3,1fr);margin-bottom:15px}.payment-form .form-group{display:flex;flex-direction:column}.payment-form .form-group label{color:#495057;font-size:14px;font-weight:600;margin-bottom:5px}.payment-form .form-group input,.payment-form .form-group select,.payment-form .form-group textarea{border:2px solid #dee2e6;border-radius:6px;font-family:inherit;font-size:14px;padding:10px}.payment-form .form-group input:focus,.payment-form .form-group select:focus,.payment-form .form-group textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.payment-form .input-with-currency{align-items:center;display:flex;gap:10px}.payment-form .input-with-currency input{flex:1 1}.payment-form .currency{color:#667eea;font-weight:600;min-width:30px}.payment-form .form-actions{margin-top:15px}.payment-form .btn{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s ease}.payment-form .btn-primary{background:linear-gradient(135deg,#ff6b6b,orange);box-shadow:0 6px 20px #ff6b6b66;color:#fff}.payment-form .btn-primary:hover{box-shadow:0 8px 25px #ff6b6b80;transform:translateY(-3px)}.payments-list{margin-top:25px}.payments-list h4{color:#333;margin-bottom:15px}.payments-table{border-collapse:collapse;font-size:14px;width:100%}.payments-table thead{background:linear-gradient(135deg,#dc3545,#c82333);color:#fff}.payments-table th{font-weight:600;padding:12px;text-align:left}.payments-table td{border-bottom:1px solid #dee2e6;padding:10px 12px}.payments-table tbody tr:hover{background-color:#f8f9fa}.payments-table .payment-amount{color:#dc3545;font-weight:600}.btn-delete-small{background:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:4px 8px;transition:all .2s ease}.btn-delete-small:hover{background:#c82333;transform:scale(1.1)}.tab-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.section-tabs{display:flex;gap:10px}.section-tabs button{background:#fff;border:3px solid #ff6b6b;border-radius:12px;box-shadow:0 4px 15px #0000000d;color:#ff6b6b;cursor:pointer;font-size:13px;font-weight:700;letter-spacing:.5px;padding:14px 28px;text-transform:uppercase;transition:all .3s ease}.section-tabs button:hover{background:#fff5f5;box-shadow:0 6px 20px #ff6b6b33;transform:translateY(-2px)}.section-tabs button.active{background:linear-gradient(135deg,#ff6b6b,orange);border-color:#ff6b6b;box-shadow:0 6px 25px #ff6b6b66;color:#fff}.employees-container{margin-top:20px}.employees-filters{align-items:center;background:#fff;border:3px solid #f0f0f0;border-radius:20px;box-shadow:0 6px 25px #00000014;display:flex;gap:15px;margin-bottom:24px;padding:24px}.employee-form-inline{align-items:center;display:flex;flex:1 1;gap:10px}.employee-form-inline .form-input{border:2px solid #e5e7eb;border-radius:8px;flex:1 1;font-size:14px;padding:10px 15px;transition:all .2s ease}.employee-form-inline .form-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.employees-filters .filter-group{align-items:center;display:flex;gap:10px}.employees-filters label{color:#495057;font-weight:600}.employees-filters select{border:2px solid #dee2e6;border-radius:6px;font-size:14px;padding:8px 12px}.employees-content{grid-gap:30px;display:grid;gap:30px;grid-template-columns:400px 1fr;height:calc(100vh - 300px)}.employees-list-panel{background:#fff;border-radius:15px;box-shadow:0 4px 6px #0000001a;overflow-y:auto;padding:20px}.employees-list{display:flex;flex-direction:column;gap:10px}.employee-card{align-items:center;background:#fff;border:2px solid #dee2e6;border-radius:8px;display:flex;gap:12px;justify-content:space-between;padding:15px;transition:all .2s ease}.employee-card-content{cursor:pointer;flex:1 1}.employee-card:hover{border-color:#667eea;box-shadow:0 2px 8px #667eea33;transform:translateX(5px)}.employee-card.selected{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;color:#fff}.btn-delete-employee{align-items:center;background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:8px;box-shadow:0 2px 6px #ef444433;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:16px;font-weight:600;height:40px;justify-content:center;min-width:40px;padding:8px 12px;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-delete-employee:hover{box-shadow:0 4px 12px #ef444466;transform:translateY(-2px) scale(1.05)}.btn-delete-employee:active{transform:translateY(0) scale(1)}.employee-name{font-size:1.1rem;font-weight:600;margin-bottom:8px}.employee-stats{display:flex;flex-direction:column;font-size:.9rem;gap:4px}.salary{font-weight:600}.consumption{font-size:.85rem;opacity:.8}.no-employees{color:#6c757d;padding:40px;text-align:center}.employee-details-panel{background:#fff;border-radius:15px;box-shadow:0 4px 6px #0000001a;overflow-y:auto;padding:25px}.employee-header{align-items:center;border-bottom:2px solid #dee2e6;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.employee-header h3{color:#333;font-size:1.5rem;margin:0}.employee-info{background:#f8f9fa;border-radius:8px;margin-bottom:20px;padding:15px}.employee-info div{margin-bottom:8px}.consumption-section{background:#f8f9fa;border-radius:10px;margin-bottom:25px;padding:20px}.consumption-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.consumption-header h4{color:#333;margin:0}.btn-consumption-toggle{background:#667eea;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px;transition:all .2s ease}.btn-consumption-toggle:hover{background:#5568d3;transform:translateY(-2px)}.consumption-form{margin-top:15px}.consumption-form .form-row{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(3,1fr);margin-bottom:15px}.consumption-form .form-group{display:flex;flex-direction:column}.consumption-form .form-group label{color:#495057;font-size:14px;font-weight:600;margin-bottom:5px}.consumption-form .form-group input,.consumption-form .form-group select,.consumption-form .form-group textarea{border:2px solid #dee2e6;border-radius:6px;font-family:inherit;font-size:14px;padding:10px}.consumption-form .form-group input:focus,.consumption-form .form-group select:focus,.consumption-form .form-group textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.consumption-form .input-with-currency{align-items:center;display:flex;gap:10px}.consumption-form .input-with-currency input{flex:1 1}.consumption-form .currency{color:#667eea;font-weight:600;min-width:30px}.consumption-form .form-actions{margin-top:15px}.consumptions-list{margin-top:25px}.consumptions-list h4{color:#333;margin-bottom:15px}.consumptions-table{border-collapse:collapse;font-size:14px;width:100%}.consumptions-table thead{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.consumptions-table th{font-weight:600;padding:12px;text-align:left}.consumptions-table td{border-bottom:1px solid #dee2e6;padding:10px 12px}.consumptions-table tbody tr:hover{background-color:#f8f9fa}.consumptions-table .amount{color:#667eea;font-weight:600}.no-consumptions{color:#6c757d;padding:40px;text-align:center}.btn-add{background:linear-gradient(135deg,#ff6b6b,orange);border:none;border-radius:10px;box-shadow:0 2px 8px #ff6b6b4d;color:#fff;cursor:pointer;font-size:14px;font-weight:700;letter-spacing:.5px;overflow:hidden;padding:12px 20px;position:relative;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.btn-add:before{background:#fff3;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.btn-add:hover{box-shadow:0 4px 16px #ff6b6b66;transform:translateY(-2px)}.btn-add:hover:before{height:300px;width:300px}.btn-add:active{transform:translateY(0)}.add-form{background:#f8f9fa;border:2px solid #e0e0e0;border-radius:12px;margin-bottom:20px;padding:20px}.add-form .form-group{margin-bottom:16px}.add-form .form-group label{color:#333;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.add-form .form-group input,.add-form .form-group textarea{background:#fff;border:2px solid #e0e0e0;border-radius:8px;box-sizing:border-box;color:#333;font-family:inherit;font-size:14px;padding:12px 16px;transition:all .3s ease;width:100%}.add-form .form-group input:focus,.add-form .form-group textarea:focus{border-color:#ff6b6b;box-shadow:0 0 0 3px #ff6b6b1a;outline:none}.add-form .input-with-currency{align-items:center;display:flex;gap:8px}.add-form .input-with-currency input{flex:1 1}.add-form .input-with-currency .currency{color:#666;font-size:14px;font-weight:600;min-width:40px}.add-form .form-actions{display:flex;gap:12px;margin-top:20px}.add-form .form-actions .btn{border:none;border-radius:10px;cursor:pointer;flex:1 1;font-size:14px;font-weight:700;letter-spacing:.5px;padding:12px 20px;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1)}.add-form .form-actions .btn-primary{background:linear-gradient(135deg,#ff6b6b,orange);box-shadow:0 2px 8px #ff6b6b4d;color:#fff}.add-form .form-actions .btn-primary:hover{box-shadow:0 4px 16px #ff6b6b66;transform:translateY(-2px)}.add-form .form-actions .btn-secondary{background:#f5f5f5;border:2px solid #e0e0e0;color:#666}.add-form .form-actions .btn-secondary:hover{background:#e8e8e8;border-color:#d0d0d0;transform:translateY(-1px)}@media (max-width:1024px){.customers-container{grid-template-columns:1fr;height:auto}.customers-list-panel{max-height:400px}}.toast{align-items:center;animation:slideIn .4s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:3px solid #ffffff4d;border-radius:16px;box-shadow:0 15px 50px #0000004d;display:flex;gap:18px;justify-content:space-between;max-width:520px;min-width:340px;padding:20px 28px;position:fixed;right:20px;top:20px;z-index:10000}@keyframes slideIn{0%{opacity:0;transform:translateX(500px)}to{opacity:1;transform:translateX(0)}}.toast-success{background:linear-gradient(135deg,#4caf50,#45a049);border-color:#4caf5080;color:#fff}.toast-error{background:linear-gradient(135deg,#f44336,#d32f2f);border-color:#f4433680;color:#fff}.toast-warning{background:linear-gradient(135deg,#ff9800,#f57c00);border-color:#ff980080;color:#fff}.toast-info{background:linear-gradient(135deg,#2196f3,#1976d2);border-color:#2196f380;color:#fff}.toast-content{flex:1 1;gap:14px}.toast-content,.toast-icon{align-items:center;display:flex}.toast-icon{background:#ffffff40;border-radius:50%;box-shadow:0 2px 8px #0003;flex-shrink:0;font-size:24px;font-weight:700;height:32px;justify-content:center;width:32px}.toast-message{font-size:15px;font-weight:600;line-height:1.5}.toast-close{align-items:center;background:#ffffff40;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:20px;font-weight:700;height:28px;justify-content:center;padding:0;transition:all .2s ease;width:28px}.toast-close:hover{background:#fff6;transform:scale(1.15) rotate(90deg)}.toast-container{display:flex;flex-direction:column;gap:14px;pointer-events:none;position:fixed;right:20px;top:20px;z-index:10000}.toast-container>*{pointer-events:auto}
/*# sourceMappingURL=main.8e45be10.css.map*/