*{box-sizing:border-box}body{background:linear-gradient(135deg,#ecfdf5 0%,#f0fdfa 50%,#e0f2fe 100%);min-height:100vh;margin:0;padding:0;font-family:DM Sans,sans-serif;line-height:1.6}h1,h2,h3,h4,h5,h6{font-family:Syne,sans-serif;line-height:1.2}.mb-16{margin-bottom:48px}.text-7xl{font-size:48px}.text-6xl{font-size:40px}.bg-white{background-color:#fff;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a}.p-4{padding:16px}.btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:12px;width:100%;max-width:300px;min-height:52px;margin:0 auto;padding:16px 24px;font-size:16px;font-weight:600;transition:all .3s;display:block}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #10b9814d}.grid{gap:16px;display:grid}.grid-cols-1{grid-template-columns:1fr}input,select,textarea{background-color:#fff;border:2px solid #e5e7eb;border-radius:12px;width:100%;padding:16px;font-size:16px;transition:all .3s}input:focus,select:focus,textarea:focus{border-color:#10b981;outline:none;box-shadow:0 0 0 3px #10b9811a}label{color:#374151;margin-bottom:8px;font-size:14px;font-weight:600;display:block}.overflow-x-auto{-webkit-overflow-scrolling:touch;overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:600px}th,td{text-align:left;border-bottom:1px solid #e5e7eb;padding:12px 8px}th{color:#374151;font-size:14px;font-weight:600}td{font-size:14px}.floating-btn{color:#fff;cursor:pointer;z-index:1000;background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;font-size:24px;transition:all .3s;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 8px 25px #f59e0b66}.floating-btn:hover{transform:scale(1.1);box-shadow:0 12px 35px #f59e0b80}.max-w-sm{max-width:384px}.flex-col{flex-direction:column}.justify-center{justify-content:center}.gap-2{gap:8px}.space-y-2>*+*{margin-top:8px}.space-y-4>*+*{margin-top:16px}@media (width>=640px){.container{padding:0 24px}.text-7xl{font-size:56px}.text-6xl{font-size:48px}.text-5xl{font-size:40px}.text-4xl{font-size:32px}.text-3xl{font-size:28px}.text-2xl{font-size:24px}.text-xl{font-size:20px}.py-8{padding-top:32px;padding-bottom:32px}.py-16{padding-top:64px;padding-bottom:64px}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}}@media (width>=768px){.container{max-width:768px;padding:0 32px}.text-7xl{font-size:64px}.text-6xl{font-size:56px}.text-5xl{font-size:48px}.text-4xl{font-size:36px}.text-3xl{font-size:32px}.text-2xl{font-size:28px}.text-xl{font-size:22px}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.grid-cols-5{grid-template-columns:repeat(5,1fr)}}@media (width>=1024px){.container{max-width:1024px}}@media (width>=1280px){.container{max-width:1200px}}.btn-primary{color:#fff;cursor:pointer;background:linear-gradient(90deg,#10b981,#059669);border:none;border-radius:8px;padding:12px 24px;font-weight:600;transition:all .2s}.btn-primary:hover{background:linear-gradient(90deg,#059669,#047857);transform:scale(1.05)}.rounded-xl{border-radius:12px}.p-6{padding:24px}.mb-4{margin-bottom:16px}.mb-8{margin-bottom:32px}.grid{display:grid}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.gap-4{gap:16px}.gap-6{gap:24px}.text-center{text-align:center}.text-2xl{font-size:24px}.text-5xl{font-size:48px}.font-semibold{font-weight:600}.px-3{padding-left:12px;padding-right:12px}.focus\:outline-none:focus{outline:none}.focus\:ring-2:focus{box-shadow:0 0 0 2px #10b981}.text-xl{font-size:20px}.flex{display:flex}.justify-between{justify-content:space-between}.items-center{align-items:center}.bg-emerald{background-color:#10b981}.text-white{color:#fff}.hover\:bg-emerald-600:hover{background-color:#059669}.transition-colors{transition:color .2s,background-color .2s}.hidden{display:none}.py-8{padding-top:32px;padding-bottom:32px}.mb-12{margin-bottom:48px}.md\:grid-cols-4{grid-template-columns:repeat(4,1fr)}@media (width>=768px){.md\:grid-cols-2{grid-template-columns:repeat(2,1fr)}.md\:grid-cols-3{grid-template-columns:repeat(3,1fr)}.md\:grid-cols-4{grid-template-columns:repeat(4,1fr)}.md\:text-6xl{font-size:60px}}.text-3xl{font-size:30px}.text-sm{font-size:14px}.border-b{border-bottom:1px solid #e5e7eb}.border-gray-200{border-color:#f3f4f6}.bg-green-500{background-color:#10b981}.hover\:bg-green-600:hover{background-color:#059669}.bg-red-500{background-color:#ef4444}.hover\:bg-red-600:hover{background-color:#dc2626}.text-right{text-align:right}.text-left{text-align:left}.px-6{padding-left:24px;padding-right:24px}.bg-emerald-50{background-color:#ecfdf5}.mt-4{margin-top:16px}.mt-6{margin-top:24px}.gap-8{gap:32px}table{border-collapse:collapse;width:100%}th{text-align:left;font-weight:600}.py-2{padding-top:8px;padding-bottom:8px}label{color:#64748b;margin-bottom:8px;font-size:14px;display:block}input,select{border:1px solid #e5e7eb;border-radius:8px;width:100%;padding:8px 12px;font-size:14px}input:focus,select:focus{outline:none;box-shadow:0 0 0 2px #10b981}input[readonly]{background-color:#f9fafb}button{cursor:pointer}.transition-all{transition:all .2s}.transform{transform:translateZ(0)}.hover\:scale-105:hover{transform:scale(1.05)}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a}.p-8{padding:32px}.w-full{width:100%}.max-w-2xl{max-width:672px}.mx-auto{margin-left:auto;margin-right:auto}.text-lg{font-size:18px}.items-end{align-items:flex-end}.flex-end{justify-content:flex-end}.gap-3{gap:12px}.rounded-lg{border-radius:8px}.bg-emerald-600,.hover\:bg-emerald-600:hover{background-color:#059669}.text-4xl{font-size:36px}.font-bold{font-weight:700}.text-emerald{color:#10b981}.text-emerald-light{color:#34d399}.text-dark{color:#0f172a}.text-gray{color:#64748b}.bg-white{background-color:#fff}.container{max-width:1200px;margin:0 auto;padding:0 16px}@media (width>=768px){.container{padding:0 32px}}.py-16{padding-top:64px;padding-bottom:64px}.mb-6{margin-bottom:24px}.py-4{padding-top:16px;padding-bottom:16px}.py-1{padding-top:4px;padding-bottom:4px}.px-2{padding-left:8px;padding-right:8px}.px-4{padding-left:16px;padding-right:16px}.px-8{padding-left:32px;padding-right:32px}.py-12{padding-top:48px;padding-bottom:48px}.py-3{padding-top:12px;padding-bottom:12px}.space-y-3>*+*{margin-top:12px}.text-orange-500{color:#f97316}.overflow-x-auto{overflow-x:auto}.border-gray-300{border-color:#d1d5db}.focus\:ring-1:focus{box-shadow:0 0 0 1px #10b981}.bg-gray-50{background-color:#f9fafb}.text-red-500{color:#ef4444}.hover\:text-red-700:hover{color:#b91c1c}.text-green-600{color:#16a34a}.hover\:text-dark:hover{color:#0f172a}.border{border:1px solid #e5e7eb}.rounded{border-radius:6px}.rounded-6xl{border-radius:9999px}.shadow-xl{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.max-w-6xl{max-width:1152px}.z-50{z-index:50}.z-1000{z-index:1000}.bg-gradient-to-r{background-image:linear-gradient(to right, var(--tw-gradient-stops))}.from-emerald-500{--tw-gradient-from:#10b981;--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to,#10b98100)}.to-emerald-600{--tw-gradient-to:#059669}.from-amber-500{--tw-gradient-from:#f59e0b;--tw-gradient-to:#f59e0b00}.to-amber-600{--tw-gradient-to:#d97706}.from-green-500{--tw-gradient-from:#10b981;--tw-gradient-to:#10b98100}.to-green-600{--tw-gradient-to:#059669}#invoice-preview{background:#fff;width:210mm;padding:20mm}@media print{body *{visibility:hidden}#invoice-preview,#invoice-preview *{visibility:visible}#invoice-preview{position:absolute;top:0;left:0}}@media (width<=768px){.md\:grid-cols-2,.md\:grid-cols-3,.md\:grid-cols-4,.md\:grid-cols-5{grid-template-columns:1fr}.md\:text-6xl{font-size:36px}}