:root{font-family:Segoe UI,Helvetica Neue,Arial,sans-serif;line-height:1.4;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:100%}*{box-sizing:border-box}html,body{margin:0;min-width:320px;min-height:100%;overflow:auto;background:#f5f5f5;color:#111}a{color:inherit}.app-shell{width:100%;max-width:1280px;margin:0 auto;padding:24px 16px 32px;display:grid;gap:16px;grid-template-columns:1fr;grid-template-rows:auto 1fr;min-height:100vh}.app-header{grid-column:1 / -1}.app-header h1{margin:0 0 4px;font-size:1.5rem;font-weight:700;color:#111}.app-intro{margin:0;color:#334155;font-size:.95rem;line-height:1.5}@media(min-width:960px){.app-shell{grid-template-columns:360px 1fr;gap:20px}}.panel{background:#fff;border:1px solid #ddd;padding:16px;border-radius:6px;display:flex;flex-direction:column;gap:16px;min-height:0;box-shadow:0 1px 2px #0000000a}.list-panel{overflow:hidden}.form-panel{gap:20px;overflow:auto}.form-columns{display:grid;grid-template-columns:1fr;gap:16px;align-items:start}@media(min-width:840px){.form-columns{grid-template-columns:1.6fr 1fr}}.form-left{min-width:0}.form-hint{margin:0 0 8px;color:#475569;font-size:.9rem}.form-right{min-width:0}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.list-hint{color:#475569;font-size:.9rem}.header-actions{gap:8px}.grid{display:grid;gap:12px;grid-template-columns:1fr}@media(min-width:720px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1100px){.grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.input-stack{grid-template-columns:1fr}@media(min-width:720px){.input-stack{grid-template-columns:1fr}}@media(min-width:1100px){.input-stack{grid-template-columns:1fr}}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:.9rem;color:#333}.field-hint{font-size:.85rem;color:#64748b;line-height:1.4}.field input,.field select{padding:10px 12px;border:1px solid #cbd5e1;border-radius:4px;font-size:1rem;background:#fff;outline:none;transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease}.field input:hover,.field select:hover{border-color:#94a3b8}.field input:focus-visible,.field select:focus-visible{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb26;background:#f9fbff}.actions{display:flex;flex-wrap:wrap;gap:12px}.panel-actions{justify-content:space-between;align-items:center}button{padding:10px 14px;font-size:1rem;border:1px solid #333;background:#fff;cursor:pointer;border-radius:4px;outline:none;transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease,color .15s ease}.create-dialog{border:none;border-radius:10px;padding:0;width:min(780px,calc(100% - 32px));max-width:880px;box-shadow:0 20px 50px #0f172a33}.create-dialog::backdrop{background:#0f172a73;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.dialog-card{border:1px solid #e5e7eb;padding:20px;border-radius:10px;background:#fff;display:flex;flex-direction:column;gap:16px}.dialog-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.dialog-title{font-size:1.2rem;font-weight:700;margin:0;color:#0f172a}.dialog-subtitle{margin:4px 0 0;color:#475569;font-size:.95rem;line-height:1.4}.dialog-grid{grid-template-columns:1fr}@media(min-width:720px){.dialog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.dialog-actions{justify-content:flex-end}button:disabled{cursor:not-allowed;opacity:.6}button:focus-visible:not(:disabled){border-color:#2563eb;box-shadow:0 0 0 3px #2563eb33;background:#f9fbff}button:focus-visible:disabled{box-shadow:none;background:#fff}.btn{transition:background-color .15s ease,border-color .15s ease,color .15s ease}.btn-primary{background:#0d6efd;border-color:#0d6efd;color:#fff}.btn-primary:hover{background:#0b5ed7;border-color:#0a58ca}.btn-primary:focus-visible:not(:disabled){border-color:#0a58ca;box-shadow:0 0 0 3px #0d6efd59;background:#0b5ed7;color:#fff}.btn-secondary{background:#e9ecef;border-color:#ced4da;color:#111}.btn-secondary:hover{background:#dde1e5;border-color:#c2c7cc}.btn-secondary:focus-visible:not(:disabled){border-color:#94a3b8;box-shadow:0 0 0 3px #94a3b859;background:#eef1f4;color:#0f172a}.btn-danger{background:#dc3545;border-color:#dc3545;color:#fff}.btn-danger:hover{background:#c02d3a;border-color:#b02a37}.btn-danger:focus-visible:not(:disabled){border-color:#b02a37;box-shadow:0 0 0 3px #d03b484d;background:#c02d3a;color:#fff}.btn-success{background:#198754;border-color:#198754;color:#fff}.btn-success:hover{background:#157347;border-color:#146c43}.btn-success:focus-visible:not(:disabled){border-color:#146c43;box-shadow:0 0 0 3px #19875452;background:#157347;color:#fff}.totals{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.totals-actions{display:flex;justify-content:flex-start;gap:12px;margin-top:8px}.note-card{border:1px solid #e5e7eb;background:#f9fafb;border-radius:6px;padding:12px 14px;display:grid;gap:6px;margin-bottom:1rem}.note-title{font-weight:700;font-size:.95rem;color:#0f172a}.note-list{margin:0;padding-left:18px;display:grid;gap:6px;color:#333;font-size:.95rem}.note-list li{line-height:1.4}.total-box{border:1px solid #ddd;border-radius:6px;padding:12px;background:#fafafa}.label{font-size:.9rem;color:#444}.value{font-size:1.25rem;font-weight:700;color:#111}.saved-list{display:grid;gap:4px;overflow:auto;min-height:0;padding-bottom:4px}.saved-row{border:1px solid #e3e3e3;border-radius:8px;padding:12px 14px;background:#fff;box-shadow:0 1px 3px #0000000f;transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease;cursor:pointer;display:grid;gap:8px;outline:none}.saved-row:hover{border-color:#cdd5df;box-shadow:0 4px 12px #0f172a14}.saved-row:focus-visible{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb2e}.saved-row.is-active{border-color:#333;background:#f0f4ff}.saved-row.is-active .pill{border-color:#333;background:#e6ebff}.saved-row.is-active .saved-name{border-color:#333}.saved-row summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;padding:0;margin:0}.saved-row summary::-webkit-details-marker{display:none}.saved-main{display:flex;align-items:center;gap:10px;justify-content:space-between;flex:1;min-width:0}.saved-name{width:100%;padding:8px 10px;border:1px solid #ccc;border-radius:4px;font-size:1rem}.saved-name-display{width:100%;font-size:1.05rem;font-weight:600;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pill{font-size:.95rem;padding:6px 12px;border-radius:999px;border:1px solid #ddd;background:#f7f7f8;white-space:nowrap;min-width:96px;text-align:center;color:#0f172a;font-weight:600}.summary-hint{font-size:.85rem;color:#666;white-space:nowrap}.saved-details{display:flex;flex-direction:column;gap:10px}.saved-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px 12px;font-size:.95rem;color:#333}.saved-actions{width:100%;font-size:1.05rem;font-weight:600;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.empty-state{border:1px dashed #cbd5e1;border-radius:10px;padding:32px 24px;background:#f8fafc;display:grid;gap:12px;align-content:center;justify-items:start;min-height:360px}.empty-header{display:grid;gap:6px}.empty-eyebrow{font-size:.9rem;font-weight:600;letter-spacing:.02em;color:#475569;text-transform:uppercase}.empty-title{margin:0;font-size:1.4rem;font-weight:800;color:#0f172a}.empty-text{margin:0;color:#475569;font-size:1rem;max-width:540px}