*{margin:0;padding:0;box-sizing:border-box}:root{--primary-dark:#0d4f4f;--primary:#147373;--primary-light:#e0f4f4;--background:linear-gradient(135deg, #d5eded 0%, #c2e4e4 50%, #b0dada 100%);--card-bg:#e8f6f6;--input-bg:#d5eded;--text-dark:#0d3d3d;--text-medium:#3a5c5c;--text-light:#5a7a7a;--border:#c5dddd;--shadow:0 20px 60px rgba(13, 79, 79, 0.15);--radius:24px;--radius-sm:12px;--radius-xs:8px}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--background);min-height:100vh;padding:2rem;color:var(--text-dark);display:flex;align-items:center;justify-content:center}.app-card{position:relative;background:var(--card-bg);border-radius:var(--radius);box-shadow:var(--shadow);display:grid;grid-template-columns:1fr auto 1.2fr;max-width:1100px;width:100%;overflow:hidden}.form-section{padding:2.5rem}.form-section h1{font-family:"Playfair Display",Georgia,serif;font-size:2rem;font-weight:700;color:var(--primary-dark);margin-bottom:.5rem;font-style:italic}.form-section .subtitle{color:var(--text-medium);font-size:.9rem;margin-bottom:2rem;line-height:1.5}.form-group{margin-bottom:1.25rem}.form-group label{display:block;font-size:.8rem;font-weight:500;color:var(--text-dark);margin-bottom:.5rem}.input-wrapper{position:relative;display:flex;align-items:center}.input-prefix{position:absolute;left:1rem;color:var(--text-light);font-size:1rem;font-weight:500;pointer-events:none}.form-group input,.form-group select{width:100%;padding:.9rem 1rem .9rem 2.25rem;border:none;border-radius:var(--radius-xs);font-size:1rem;font-family:inherit;color:var(--text-dark);background:var(--input-bg);transition:box-shadow .2s ease}.form-group input.no-prefix{padding-left:1rem}.form-group select{padding-left:1rem;cursor:pointer;-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='%235a7a7a'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-color:var(--input-bg)}.form-group input:focus,.form-group select:focus{outline:0;box-shadow:0 0 0 3px rgba(20,115,115,.2)}.form-group input[type=number]::-webkit-inner-spin-button,.form-group input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.form-group input[type=number]{-moz-appearance:textfield}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.btn-generate{width:100%;padding:1rem 1.5rem;border:none;border-radius:var(--radius-xs);font-size:.95rem;font-weight:600;font-family:inherit;color:#fff;background:var(--primary-dark);cursor:pointer;transition:background .2s ease,transform .15s ease;margin-top:.75rem}.btn-generate:hover{background:var(--primary)}.btn-generate:active{transform:scale(.98)}.divider{width:1px;background:var(--border);margin:2rem 0}.results-section{padding:2.5rem;display:flex;flex-direction:column}.results-section h2{font-family:"Playfair Display",Georgia,serif;font-size:1.5rem;font-weight:700;color:var(--primary-dark);margin-bottom:1.25rem;font-style:italic}.table-container{border-radius:var(--radius-sm);overflow:hidden;flex:1;display:flex;flex-direction:column}table{width:100%;border-collapse:collapse}thead{background:var(--primary-dark)}th{padding:.875rem 1rem;text-align:left;font-size:.8rem;font-weight:600;color:#fff;letter-spacing:.03em}th:last-child{text-align:right}tbody{background:#fff}tbody tr{border-bottom:1px solid #e8f0f0;transition:background-color .15s ease;cursor:pointer;user-select:none}tbody tr:last-child{border-bottom:none}tbody tr.not-selected:hover{background-color:#f5fafa}tbody tr.selected{background-color:rgba(20,115,115,.06)}tbody tr.selected td{color:var(--text-light);text-decoration:line-through}tbody tr.selected td:first-child{text-decoration:none}tbody tr.selected:hover{background-color:rgba(20,115,115,.1)}td{padding:.875rem 1rem;font-size:.9rem;color:var(--text-dark)}td:first-child{font-weight:600;color:var(--primary-dark);width:50px}td:last-child{text-align:right;font-family:"SF Mono",Consolas,Monaco,monospace;font-size:.85rem}.amount-cell{display:flex;align-items:center;justify-content:flex-end;gap:8px}.checkmark{color:var(--primary);flex-shrink:0}.checkmark.hidden{display:none}tbody tr.selected .checkmark{animation:checkPop .25s ease}@keyframes checkPop{0%{transform:scale(0)}60%{transform:scale(1.15)}100%{transform:scale(1)}}tfoot{background:#f0f8f8}tfoot tr{border-top:2px solid var(--primary)}tfoot td{padding:.875rem 1rem;font-weight:600;color:var(--primary-dark)}tfoot td:last-child{font-family:"SF Mono",Consolas,Monaco,monospace;text-align:right}.empty-state{text-align:center;padding:3rem 1.5rem;color:var(--text-light);background:#fff;border-radius:var(--radius-sm);flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center}.empty-state svg{width:56px;height:56px;margin-bottom:1rem;opacity:.4}.empty-state p{font-size:.9rem;line-height:1.5;max-width:220px}.hidden{display:none!important}tbody tr{animation:fadeInRow .25s ease backwards}tbody tr:first-child{animation-delay:20ms}tbody tr:nth-child(2){animation-delay:40ms}tbody tr:nth-child(3){animation-delay:60ms}tbody tr:nth-child(4){animation-delay:80ms}tbody tr:nth-child(5){animation-delay:.1s}tbody tr:nth-child(6){animation-delay:.12s}tbody tr:nth-child(7){animation-delay:.14s}tbody tr:nth-child(8){animation-delay:.16s}tbody tr:nth-child(9){animation-delay:.18s}tbody tr:nth-child(10){animation-delay:.2s}tbody tr:nth-child(11){animation-delay:.22s}tbody tr:nth-child(12){animation-delay:.24s}tbody tr:nth-child(13){animation-delay:.26s}tbody tr:nth-child(14){animation-delay:.28s}tbody tr:nth-child(15){animation-delay:.3s}tbody tr:nth-child(n+16){animation-delay:.32s}@keyframes fadeInRow{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.table-container{max-height:750px;overflow-y:auto}.table-container::-webkit-scrollbar{width:6px}.table-container::-webkit-scrollbar-track{background:#e8f0f0;border-radius:3px}.table-container::-webkit-scrollbar-thumb{background:var(--primary);border-radius:3px}.table-container::-webkit-scrollbar-thumb:hover{background:var(--primary-dark)}thead{position:sticky;top:0;z-index:10}.loader-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(232,246,246,.85);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:100;border-radius:var(--radius);opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.loader-overlay.active{opacity:1;visibility:visible}.loader-blob{width:120px;height:120px}.loader-blob svg{width:100%;height:100%}.loader-blob #target{fill:var(--primary-dark);transform-origin:50% 50%;animation:blobRotate 8s linear infinite,blobPulse 2s ease-in-out infinite}@keyframes blobRotate{from{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes blobPulse{0%,100%{transform:scale(1) rotate(0)}50%{transform:scale(1.05) rotate(180deg)}}.loader-text{margin-top:1.5rem;font-family:"Playfair Display",Georgia,serif;font-size:1.25rem;font-weight:700;font-style:italic;color:var(--primary-dark)}.loader-subtext{margin-top:.5rem;font-size:.9rem;color:var(--text-medium)}@media (max-width:900px){body{padding:1rem;align-items:flex-start}.app-card{grid-template-columns:1fr;grid-template-rows:auto auto auto;border-radius:var(--radius)}.divider{width:auto;height:1px;margin:0 2rem}.form-section{padding:2rem}.results-section{padding:2rem}.form-section h1{font-size:1.75rem}.results-section h2{font-size:1.35rem}}@media (max-width:480px){body{padding:.75rem}.app-card{border-radius:20px}.form-section,.results-section{padding:1.5rem}.divider{margin:0 1.5rem}.form-section h1{font-size:1.5rem}.form-row{grid-template-columns:1fr;gap:0}td,th{padding:.75rem .875rem;font-size:.85rem}td:last-child{font-size:.8rem}.empty-state{padding:2rem 1rem}.empty-state svg{width:48px;height:48px}}