*{box-sizing:border-box}body{color:#0f172a;background:radial-gradient(circle at 15% 15%,#dbeafe 0%,#0000 42%),radial-gradient(circle at 85% 0,#ddd6fe 0%,#0000 40%),linear-gradient(#f8fbff 0%,#eef4ff 100%);margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}#root{max-width:980px;padding:calc(24px + env(safe-area-inset-top)) 16px calc(56px + env(safe-area-inset-bottom));margin:0 auto}@media (width<=700px){#root{max-width:100%;padding:calc(14px + env(safe-area-inset-top)) 12px calc(34px + env(safe-area-inset-bottom))}}@media (width<=420px){#root{padding:calc(10px + env(safe-area-inset-top)) 10px calc(24px + env(safe-area-inset-bottom))}}.app-shell{gap:18px;width:100%;display:grid;position:relative}.top-nav{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffa6;border:1px solid #94a3b852;border-radius:14px;flex-wrap:wrap;gap:10px;padding:8px;display:flex}.nav-button{color:#1e293b;box-shadow:none;background:#e2e8f0;border-color:#cbd5e1}.nav-button.active{color:#fff;background:linear-gradient(135deg,#2563eb,#4f46e5);border-color:#0000;box-shadow:0 10px 20px #4f46e542}.language-switch{align-items:center;gap:6px;margin-left:auto;padding-left:8px;display:flex}.language-label{color:#475569;margin-right:2px;font-size:.8rem;font-weight:700}.lang-button{color:#1e1b4b;box-shadow:none;background:#eef2ff;border:1px solid #c7d2fe;border-radius:8px;padding:6px 10px}.lang-button.active{color:#fff;background:linear-gradient(135deg,#2563eb,#4f46e5);border-color:#0000;box-shadow:0 8px 18px #4f46e533}.hero{color:#eff6ff;background:radial-gradient(circle at 85% 20%,#a78bfa66,#0000 45%),linear-gradient(135deg,#0f172a 0%,#1e3a8a 45%,#4f46e5 100%);border-radius:20px;padding:24px;position:relative;overflow:hidden;box-shadow:0 20px 45px #2563eb59}.hero:after{content:"";background:radial-gradient(circle,#ffffff40 0%,#0000 70%);border-radius:999px;width:180px;height:180px;position:absolute;bottom:-55px;right:-45px}.eyebrow{letter-spacing:.12em;text-transform:uppercase;color:#bfdbfe;margin:0;font-size:.75rem;font-weight:700}h1{letter-spacing:-.02em;margin:10px 0 8px;font-size:clamp(1.5rem,3vw,2.25rem)}.hero-subtitle{color:#dbeafe;max-width:620px;margin:0}.hero-meta{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.hero-chip{background:#ffffff24;border:1px solid #ffffff40;border-radius:999px;padding:5px 10px;font-size:.84rem;font-weight:600}h2{color:#0f172a;margin:0 0 10px;font-size:1.06rem}.hint{color:#475569;margin:0 0 12px}.hint-inline{color:#64748b;justify-self:end;font-size:.84rem}.card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffc7;border:1px solid #94a3b84d;border-radius:18px;padding:16px;transition:transform .2s,box-shadow .2s;box-shadow:0 12px 35px #0f172a14}.card:hover{transform:translateY(-1px);box-shadow:0 18px 42px #0f172a1f}.list-grid{gap:10px;margin-bottom:10px;display:grid}.row{grid-template-columns:110px 1fr auto;align-items:center;gap:10px;display:grid}.row>*,.row-pricing>*,.row-discount>*,.row-fee>*{min-width:0}.row-pricing{grid-template-columns:80px 1fr 1fr auto}.row-discount{grid-template-columns:90px 1.3fr 1fr auto}.row-fee{grid-template-columns:80px 1.6fr 1fr auto}label{color:#334155;font-weight:700}input,select{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:10px;width:100%;padding:9px 10px;font-size:.95rem;transition:border-color .2s,box-shadow .2s}textarea{color:#0f172a;resize:vertical;background:#fff;border:1px solid #cbd5e1;border-radius:10px;width:100%;min-height:92px;padding:9px 10px;font-family:inherit;font-size:.95rem;transition:border-color .2s,box-shadow .2s}input[type=file]{background:#f8fafc;padding:8px}input[type=color]{cursor:pointer;height:42px;padding:4px}input:focus,select:focus,textarea:focus{border-color:#6366f1;outline:none;box-shadow:0 0 0 3px #6366f133}button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#4f46e5);border:1px solid #0000;border-radius:10px;min-height:40px;padding:9px 13px;font-weight:700;transition:transform .16s,filter .16s,box-shadow .16s;box-shadow:0 10px 20px #4f46e542}button:hover{filter:brightness(1.04);transform:translateY(-1px)}button:active{transform:translateY(0)}button:disabled{opacity:.6;cursor:not-allowed}.ghost{color:#1e1b4b;box-shadow:none;background:#eef2ff;border-color:#c7d2fe}.ghost:hover{background:#e0e7ff}.result-list{gap:8px;margin-bottom:4px;display:grid}.result-row{color:#334155;border-bottom:1px dashed #d6dce7;justify-content:space-between;gap:14px;padding:7px 0;display:flex}.result-row strong{color:#0f172a}.total{border-top:2px solid #94a3b8;border-bottom:none;margin-top:10px;padding-top:12px;font-size:1.08rem}.error,.success{margin:10px 0 0;font-weight:600}.error{color:#b91c1c}.success{color:#047857}.row-actions{flex-wrap:wrap;gap:8px;display:flex}.stacked-area{gap:7px;margin-bottom:12px;display:grid}.section-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.section-head h2{margin:0}.template-form{grid-template-columns:1.1fr 1fr auto;gap:8px;margin-bottom:12px;display:grid}.inline-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.invoice-actions{margin-top:12px}.attachment-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;margin-bottom:12px;display:grid}.attachment-card{background:#f8fafc;border:1px solid #dbe3f1;border-radius:12px;overflow:hidden}.attachment-card img{object-fit:cover;width:100%;height:120px;display:block}.attachment-footer{gap:8px;padding:8px;display:grid}.attachment-footer span{color:#334155;word-break:break-word;font-size:.82rem}.danger-ghost{color:#991b1b;background:#fef2f2;border-color:#fecaca}.danger-ghost:hover{background:#fee2e2}.invoice-preview{color:#1e3a8a;background:#dbeafe73;border:1px dashed #93c5fd;border-radius:12px;gap:4px;margin-top:12px;padding:12px;display:grid}.share-link-box{background:#eff6ffb8;border:1px dashed #93c5fd;border-radius:12px;gap:5px;margin-top:10px;padding:10px 12px;display:grid}.share-link-box a{color:#1d4ed8;word-break:break-all;text-decoration:none}.share-link-box a:hover{text-decoration:underline}.invoice-template-preview{background:linear-gradient(180deg, #fff 0%, var(--preview-page-bg) 100%);border:1px solid #d8e1ef;border-radius:14px;margin-top:12px;position:relative;overflow:hidden;box-shadow:0 16px 34px #4f46e529}.preview-header{background:linear-gradient(135deg, var(--preview-header-bg) 0%, var(--preview-header-accent) 100%);color:var(--preview-header-text);justify-content:space-between;gap:12px;padding:12px 14px;display:flex}.preview-meta{color:#475569;border-bottom:1px solid #e2e8f0;justify-content:space-between;gap:10px;padding:8px 14px;font-size:.85rem;display:flex}.preview-table-header{color:var(--preview-table-header-bg);border-bottom:1px solid #e2e8f0;grid-template-columns:.9fr 1.4fr .8fr;gap:8px;padding:8px 14px;font-size:.82rem;font-weight:700;display:grid}.preview-table-body{display:grid}.preview-row{color:#334155;border-bottom:1px dashed #d9e2ef;grid-template-columns:.9fr 1.4fr .8fr;gap:8px;padding:8px 14px;font-size:.86rem;display:grid}.preview-row:hover{background:color-mix(in srgb, var(--preview-header-accent) 10%, #fff)}.preview-row span:last-child{text-align:right}.preview-summary{border:1px solid var(--preview-summary-border);background:var(--preview-summary-bg);color:#334155;border-radius:10px;gap:5px;margin:12px;padding:10px 12px;display:grid}.theme-preset-actions{align-items:center;row-gap:10px;margin-top:12px}.theme-preset-actions .hint-inline{font-weight:700}.theme-preset-actions .ghost{border-radius:999px;padding-inline:12px}.surprise-theme{color:#fff;background:linear-gradient(135deg,#8b5cf6 0%,#2563eb 100%);border:1px solid #0000;border-radius:999px;box-shadow:0 10px 24px #4f46e53d}.history-list{gap:10px;display:grid}.history-row{background:#f8fafce6;border:1px solid #d8e1ef;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:10px;display:flex}.history-row.active{background:#eff6ffe6;border-color:#60a5fa;box-shadow:inset 0 0 0 1px #60a5fa}.history-meta{color:#475569;margin:2px 0;font-size:.84rem}@media (width<=960px){.row-pricing{grid-template-columns:90px 1fr 1fr auto}.row-discount{grid-template-columns:100px 1fr 1fr auto}.row-fee{grid-template-columns:85px 1.3fr 1fr auto}.template-form{grid-template-columns:1fr 1fr}.template-form button{grid-column:1/-1}}@media (width<=700px){.app-shell{gap:14px}.hero{padding:18px}.hero-chip{padding:4px 8px;font-size:.78rem}.card{border-radius:16px;padding:14px}.row,.row-pricing,.row-discount,.row-fee{grid-template-columns:1fr}.row-actions{grid-template-columns:1fr 1fr;gap:8px;width:100%;display:grid}.hint-inline{justify-self:start}.top-nav{grid-template-columns:1fr;display:grid}.top-nav button{width:100%}.language-switch{grid-template-columns:1fr 1fr;justify-content:stretch;gap:8px;width:100%;margin-left:0;padding-left:0;display:grid}.language-label{grid-column:1/-1;margin-bottom:2px}.inline-grid,.template-form{grid-template-columns:1fr}.history-row{flex-direction:column;align-items:stretch}.history-row .row-actions button,.row-actions button{width:100%;min-width:0}.theme-preset-actions{grid-template-columns:1fr}.theme-preset-actions .hint-inline{grid-column:1/-1}.preview-meta{flex-direction:column}.preview-header{flex-direction:column;align-items:flex-start}.preview-table-header,.preview-row{grid-template-columns:1fr}.preview-row span:last-child{text-align:left}input,select,textarea,button{font-size:16px}}@media (width<=520px){.app-shell{gap:12px}.card{padding:12px}.row-actions,.attachment-grid{grid-template-columns:1fr}.hero-meta{gap:6px}}