*{box-sizing:border-box;margin:0;padding:0}html,body{overflow-x:hidden;width:100%}:root{--primary: #ffcc00;--primary-dark: #e6b800;--text: #0b0b0c;--text-muted: #52525b;--bg: #ffffff;--bg-secondary: #fcfcfd;--border: #e5e7eb;--shadow: 0 1px 2px rgba(11, 11, 12, .06), 0 6px 20px rgba(11, 11, 12, .06);--shadow-sm: 0 1px 2px rgba(11, 11, 12, .08);--focus-ring: 0 0 0 4px rgba(255, 204, 0, .35);--success: #10b981;--warning: #f59e0b;--error: #ef4444}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:var(--text);background:var(--bg);line-height:1.5}::selection{background:#fc06}a{color:var(--text);text-decoration-color:#0b0b0c59;text-underline-offset:3px}a:hover{text-decoration-color:var(--primary)}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.nav{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid var(--border);background:var(--bg);position:relative;z-index:100}.nav-logo{font-size:1.5rem;font-weight:700;color:var(--text);text-decoration:none;z-index:101}.nav-links{display:flex;gap:1.5rem;align-items:center}.nav-links a{color:var(--text);text-decoration:none;padding:.5rem 0}.nav-links a:hover{color:var(--text);text-decoration-color:var(--primary)}.nav-user-info{font-size:.875rem;color:var(--text-muted);padding:.5rem 0}.nav-menu-btn{display:none;flex-direction:column;justify-content:center;gap:5px;width:32px;height:32px;padding:4px;background:none;border:none;cursor:pointer;z-index:101}.nav-menu-icon span{display:block;width:24px;height:2px;background:var(--text);border-radius:2px;transition:all .3s ease}.nav-menu-btn.open .nav-menu-icon span:nth-child(1){transform:translateY(7px) rotate(45deg)}.nav-menu-btn.open .nav-menu-icon span:nth-child(2){opacity:0}.nav-menu-btn.open .nav-menu-icon span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.nav-backdrop{display:none;position:fixed;inset:0;background:#00000080;z-index:99}.nav-backdrop.open{display:block}@media(max-width:768px){.nav{padding:1rem}.nav-menu-btn{display:flex}.nav-links{position:fixed;top:0;right:-280px;width:280px;height:100vh;background:var(--bg);flex-direction:column;align-items:flex-start;padding:5rem 1.5rem 2rem;gap:.5rem;box-shadow:-4px 0 20px #00000026;transition:right .3s ease;z-index:100}.nav-links.open{right:0}.nav-links a{width:100%;padding:.75rem 0;font-size:1.125rem;border-bottom:1px solid var(--border)}.nav-links .btn{width:100%;margin-top:1rem}.nav-user-info{width:100%;padding:1rem 0;margin-top:auto;border-top:1px solid var(--border)}}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.625rem 1.25rem;border-radius:.5rem;font-weight:500;font-size:.875rem;cursor:pointer;transition:all .15s ease;border:none}.btn:focus-visible{outline:none;box-shadow:var(--focus-ring)}.btn-primary{background:var(--primary);color:var(--text)}.btn-primary:hover{background:var(--primary-dark)}.btn-secondary{background:var(--bg-secondary);color:var(--text);border:1px solid var(--border)}.btn-secondary:hover{background:#f3f4f6}.hero{text-align:center;padding:6rem 2rem;background:radial-gradient(1200px 600px at 50% -10%,#ffcc0059,#fc00 60%),linear-gradient(180deg,#fff,#fcfcfd)}.hero h1{font-size:3rem;margin-bottom:1rem}.hero p{font-size:1.25rem;color:var(--text-muted);max-width:600px;margin:0 auto 2rem}.dashboard{padding:2rem}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.header-actions{display:flex;gap:.75rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background:var(--bg);border:1px solid var(--border);border-radius:.75rem;padding:1.5rem;box-shadow:var(--shadow-sm)}.stat-card:hover{box-shadow:var(--shadow);border-color:#0b0b0c2e}.stat-card h3{font-size:.875rem;color:var(--text-muted);margin-bottom:.5rem}.stat-card .value{font-size:2rem;font-weight:700}.table-container{background:var(--bg);border:1px solid var(--border);border-radius:.75rem;overflow:hidden;box-shadow:var(--shadow-sm)}table{width:100%;border-collapse:collapse}th,td{padding:1rem;text-align:left;border-bottom:1px solid var(--border)}th{background:var(--bg-secondary);font-weight:600;font-size:.875rem;color:var(--text-muted)}.badge{display:inline-block;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500}.badge-success{background:#d1fae5;color:#065f46}.badge-warning{background:#ffcc0040;color:var(--text)}.badge-error{background:#fee2e2;color:#991b1b}.badge-gray{background:#f3f4f6;color:#374151}.loading{display:flex;justify-content:center;align-items:center;min-height:200px;color:var(--text-muted)}.form-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media(min-width:900px){.form-grid{grid-template-columns:1fr 1fr}}.form-card{background:var(--bg);border:1px solid var(--border);border-radius:.75rem;padding:1.5rem;box-shadow:var(--shadow-sm)}.form-title{font-size:1rem;margin-bottom:1rem}.field{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.field-row{display:grid;grid-template-columns:1fr;gap:1rem}@media(min-width:700px){.field-row{grid-template-columns:1fr 1fr 1fr}}.field label{font-size:.875rem;color:var(--text-muted)}input,select,textarea{padding:.625rem .75rem;border-radius:.5rem;border:1px solid var(--border);background:var(--bg);color:var(--text);font-size:.875rem}input:focus,select:focus,textarea:focus{outline:none;box-shadow:var(--focus-ring);border-color:#0b0b0c33}.line-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr auto;gap:1rem;align-items:end;border-bottom:1px solid var(--border);padding-bottom:1rem;margin-bottom:1rem}.line-remove{align-self:end}.line-remove .btn{padding:.5rem .75rem}.invoice-totals{background:var(--bg-secondary);border-radius:.5rem;padding:1rem;border:1px solid var(--border)}.totals-row{display:flex;justify-content:space-between;padding:.25rem 0;font-size:.875rem;color:var(--text-muted)}.totals-total{font-weight:700;font-size:1rem;color:var(--text);border-top:1px solid var(--border);margin-top:.5rem;padding-top:.5rem}@media(max-width:900px){.line-row{grid-template-columns:1fr;gap:.75rem}.line-description,.line-remove{grid-column:auto}.line-remove .btn{width:100%}}@media(max-width:768px){input,select,textarea{padding:.75rem 1rem;font-size:1rem;min-height:48px}.btn{padding:.75rem 1.25rem;min-height:48px;font-size:1rem}.dashboard-header{flex-direction:column;gap:1rem;align-items:stretch}.dashboard-header .btn{width:100%}.header-actions{flex-direction:column;width:100%}.header-actions .btn{width:100%}.dashboard{padding:1rem}.hero{padding:3rem 1rem}.hero h1{font-size:2rem}.hero p{font-size:1rem}.table-container{border-radius:.5rem}table thead{display:none}table tbody tr{display:block;padding:1rem;border-bottom:1px solid var(--border);background:var(--bg)}table tbody tr:last-child{border-bottom:none}table tbody td{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:none}table tbody td:before{content:attr(data-label);font-weight:600;font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.025em}.form-card{padding:1rem}.form-grid{gap:1rem}.details-header{flex-direction:column;gap:1rem;align-items:flex-start!important}.details-header h1{font-size:1.5rem}.details-actions{display:flex;gap:.5rem;width:100%}.details-actions .btn{flex:1}.stats-grid{grid-template-columns:1fr;gap:1rem}.stat-card{padding:1rem}.stat-card .value{font-size:1.5rem}}.peppol-details{margin-top:1.5rem}.peppol-details summary{list-style:none;display:inline-flex;align-items:center;gap:.5rem;cursor:pointer;padding:.5rem .85rem;border:1px dashed var(--border, #cbd5e1);border-radius:.375rem;font-size:.875rem;color:var(--text-secondary, #64748b);transition:background .15s,border-color .15s,color .15s}.peppol-details summary:hover{background:var(--bg-hover, #f1f5f9);border-color:var(--primary, #3b82f6);color:var(--primary, #3b82f6)}.peppol-details[open] summary{border-style:solid;border-color:var(--primary, #3b82f6);color:var(--text-primary, #1e293b);background:var(--bg-hover, #f1f5f9);margin-bottom:1rem}.peppol-details summary:before{content:"▸";font-size:.75rem;transition:transform .15s}.peppol-details[open] summary:before{transform:rotate(90deg)}.peppol-details summary::-webkit-details-marker{display:none}.peppol-line-field{display:none!important}@media(max-width:480px){.container{padding:0 .75rem}.nav{padding:.75rem}.nav-logo{font-size:1.25rem}.field-row{gap:.75rem}}