*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #FFF9F0;--bg-alt: #FFF3E0;--bg-card: #FFFFFF;--coral: #E07A52;--coral-light: #F4A47A;--coral-dark: #C45F38;--golden: #F4A261;--sun: #FFD166;--ocean: #48CAE4;--ocean-dark: #0096C7;--ocean-deep: #264653;--palm: #52B788;--sand: #F0E4CF;--sand-dark: #DDD0B8;--text: #2D2416;--text-muted: #8B7355;--text-light: #B8A898;--border: #EDE0CA;--shadow: rgba(224, 122, 82, .12);--shadow-md: rgba(224, 122, 82, .18);--radius: 12px;--radius-sm: 8px;--radius-lg: 16px}html,body{height:100%;font-family:Inter,system-ui,sans-serif;background:var(--bg);color:var(--text);font-size:14px;line-height:1.6}#root{height:100%}.app{display:flex;flex-direction:column;min-height:100vh}.nav{background:linear-gradient(135deg,var(--ocean-deep) 0%,#1A3A45 60%,#203550 100%);padding:0 2rem;display:flex;align-items:center;gap:.5rem;box-shadow:0 2px 20px #0003;position:sticky;top:0;z-index:100}.nav-brand{font-family:Playfair Display,serif;font-size:1.3rem;font-weight:700;color:var(--sun);margin-right:1.5rem;white-space:nowrap;letter-spacing:.02em}.nav-brand span{color:var(--coral-light)}.nav-btn{background:none;border:none;color:#ffffffb3;cursor:pointer;padding:1rem .9rem;font-size:.82rem;font-weight:500;font-family:Inter,sans-serif;transition:all .2s;border-bottom:3px solid transparent;white-space:nowrap;letter-spacing:.03em;text-transform:uppercase}.nav-btn:hover{color:#fffffff2}.nav-btn.active{color:var(--sun);border-bottom-color:var(--coral)}.main{flex:1;padding:2rem;max-width:1200px;margin:0 auto;width:100%}.card{background:var(--bg-card);border-radius:var(--radius);padding:1.5rem;box-shadow:0 2px 16px var(--shadow);border:1px solid var(--border)}.card-sm{padding:1rem 1.25rem}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.75rem}.page-title{font-family:Playfair Display,serif;font-size:1.8rem;font-weight:700;color:var(--ocean-deep)}.page-subtitle{font-size:.85rem;color:var(--text-muted);margin-top:.2rem}.btn{display:inline-flex;align-items:center;gap:.4rem;padding:.55rem 1.2rem;border-radius:var(--radius-sm);border:none;cursor:pointer;font-family:Inter,sans-serif;font-size:.82rem;font-weight:600;transition:all .2s;white-space:nowrap;letter-spacing:.02em}.btn:disabled,.btn[disabled],.btn:disabled:hover,.btn[disabled]:hover{background:var(--sand-dark)!important;color:#ffffff8c!important;border-color:transparent!important;box-shadow:none!important;cursor:not-allowed!important;transform:none!important;opacity:1!important}.btn-primary{background:linear-gradient(135deg,var(--coral) 0%,var(--coral-light) 100%);color:#fff;box-shadow:0 2px 10px #e07a5259}.btn-primary:hover{background:linear-gradient(135deg,var(--coral-dark) 0%,var(--coral) 100%);box-shadow:0 4px 16px #e07a5273;transform:translateY(-1px)}.btn-ocean{background:linear-gradient(135deg,var(--ocean-dark) 0%,var(--ocean) 100%);color:#fff;box-shadow:0 2px 10px #0096c74d}.btn-ocean:hover{transform:translateY(-1px);box-shadow:0 4px 16px #0096c766}.btn-ghost{background:transparent;color:var(--text-muted);border:1px solid var(--border)}.btn-ghost:hover{background:var(--bg-alt);color:var(--text)}.btn-danger{background:transparent;color:#e63946;border:1px solid rgba(230,57,70,.3)}.btn-danger:hover{background:#e6394614}.btn-sm{padding:.35rem .8rem;font-size:.75rem}.btn-lg{padding:.75rem 1.75rem;font-size:.9rem}.form-group{display:flex;flex-direction:column;gap:.4rem}.form-label{font-size:.78rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.form-input,.form-select,.form-textarea{padding:.6rem .85rem;border:1.5px solid var(--border);border-radius:var(--radius-sm);font-family:Inter,sans-serif;font-size:.88rem;color:var(--text);background:var(--bg-card);transition:all .2s;outline:none}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--coral);box-shadow:0 0 0 3px #e07a5226}.form-textarea{resize:vertical;min-height:80px}.form-select{cursor:pointer}.form-grid{display:grid;gap:1rem}.form-grid-2{grid-template-columns:1fr 1fr}.form-grid-3{grid-template-columns:1fr 1fr 1fr}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}.grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1.25rem}.grid-4{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:1.25rem}.stat-card{background:var(--bg-card);border-radius:var(--radius);padding:1.4rem 1.5rem;border:1px solid var(--border);box-shadow:0 2px 16px var(--shadow);position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--accent-color, var(--coral))}.stat-icon{font-size:1.8rem;margin-bottom:.5rem;display:block}.stat-value{font-size:1.75rem;font-weight:700;color:var(--ocean-deep);font-family:Playfair Display,serif;line-height:1.2}.stat-label{font-size:.78rem;color:var(--text-muted);font-weight:500;text-transform:uppercase;letter-spacing:.06em;margin-top:.3rem}.table-wrap{overflow-x:auto;border-radius:var(--radius)}table{width:100%;border-collapse:collapse}thead tr{background:linear-gradient(135deg,var(--ocean-deep) 0%,#1A3A45 100%)}thead th{padding:.75rem 1rem;text-align:left;font-size:.75rem;font-weight:600;color:#ffffffd9;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}tbody tr{border-bottom:1px solid var(--border);transition:background .15s}tbody tr:hover{background:var(--bg-alt)}tbody tr:last-child{border-bottom:none}td{padding:.7rem 1rem;font-size:.86rem;color:var(--text)}.badge{display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .65rem;border-radius:100px;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.badge-draft{background:var(--bg-alt);color:var(--text-muted)}.badge-sent{background:#48cae426;color:var(--ocean-dark)}.badge-paid{background:#52b78826;color:#2d8a5e}.badge-due{background:#e639461f;color:#c0293b}.badge-orange{background:#f4a26133;color:#b5631a}.section-title{font-family:Playfair Display,serif;font-size:1.1rem;font-weight:600;color:var(--ocean-deep);margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.section-title:after{content:"";flex:1;height:1px;background:var(--border)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1a3a458c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal{background:var(--bg-card);border-radius:var(--radius-lg);padding:2rem;width:100%;max-width:640px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #00000040}.modal-lg{max-width:860px}.modal-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem}.modal-title{font-family:Playfair Display,serif;font-size:1.4rem;font-weight:700;color:var(--ocean-deep)}.modal-close{background:none;border:none;font-size:1.3rem;cursor:pointer;color:var(--text-muted);line-height:1;padding:.2rem}.modal-close:hover{color:var(--text)}.empty-state{text-align:center;padding:3rem 1rem;color:var(--text-muted)}.empty-state .empty-icon{font-size:3rem;display:block;margin-bottom:.75rem}.empty-state .empty-title{font-size:1rem;font-weight:600;color:var(--text);margin-bottom:.4rem}.empty-state p{font-size:.85rem}.hours-calendar{margin-top:1.5rem}.cal-month-nav{display:flex;align-items:center;gap:1rem;margin-bottom:1.25rem}.cal-month-label{font-family:Playfair Display,serif;font-size:1.2rem;font-weight:600;color:var(--ocean-deep);min-width:180px;text-align:center}.dot{width:10px;height:10px;border-radius:50%;display:inline-block;flex-shrink:0}.sunset-header{background:linear-gradient(135deg,var(--ocean-deep) 0%,#E07A52 60%,var(--sun) 100%);border-radius:var(--radius);padding:1.75rem 2rem;color:#fff;margin-bottom:1.75rem;position:relative;overflow:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-alt);border-radius:3px}::-webkit-scrollbar-thumb{background:var(--sand-dark);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--coral-light)}@page{margin:0;size:A4 portrait}@media print{.nav,.no-print{display:none!important}body{background:#fff;font-size:11pt}body.printing-invoice *{visibility:hidden}body.printing-invoice .invoice-print,body.printing-invoice .invoice-print *{visibility:visible}body.printing-invoice .invoice-print{position:fixed;top:0;left:0;width:100%;box-shadow:none;padding:14mm 18mm;background:#fff}}@keyframes fieldFlash{0%{background:transparent;box-shadow:none}20%{background:#e07a522e;box-shadow:0 0 0 3px #e07a5259}65%{background:#e07a521a;box-shadow:0 0 0 3px #e07a522e}to{background:transparent;box-shadow:none}}.field-flash{animation:fieldFlash 1.4s ease-out forwards;border-radius:var(--radius-sm)}@keyframes invoiceHighlight{0%{background:#e07a5200}15%{background:#e07a5238}70%{background:#e07a522e}to{background:#e07a5200}}.invoice-row-highlight{animation:invoiceHighlight 2s ease-out forwards}.invoice-row-highlight td{position:relative}.invoice-print{font-family:Inter,Arial,sans-serif;font-size:10pt;color:#111;max-width:210mm;margin:0 auto;padding:10mm 15mm;background:#fff}.inv-header{display:flex;justify-content:flex-end;margin-bottom:2rem}.inv-company{text-align:right;font-size:9.5pt;line-height:1.7}.inv-company-name{font-weight:400;font-size:10pt;color:#111}.inv-client{margin-top:1.5rem;margin-bottom:1.5rem;font-size:10pt;line-height:1.7}.inv-meta{margin-bottom:2rem;font-size:10pt}.inv-meta table{width:auto}.inv-meta td{padding:.15rem .5rem .15rem 0;border:none;font-size:10pt}.inv-meta td:first-child{color:#666;width:130px}.inv-title{font-family:Georgia,Times New Roman,serif;font-size:22pt;font-weight:400;color:#111;border-bottom:1.5px solid #111;padding-bottom:.2rem;margin-bottom:.5rem;display:inline-block}.inv-desc{font-size:9.5pt;color:#333;margin-bottom:1rem}.inv-cal-table{width:100%;border-collapse:collapse;font-size:8.5pt;margin-bottom:1rem}.inv-cal-table th,.inv-cal-table td{border:1px solid #ccc;padding:.1rem .35rem;text-align:center}.inv-cal-table th{background:#f5f5f5;font-weight:600;text-transform:none;letter-spacing:normal;color:#111}.inv-cal-table .day-name{font-weight:600;text-align:left;background:#f9f9f9}.inv-cal-table .month-header{background:#e8e8e8;font-weight:700}.inv-cal-table .week-total-row{background:#f5f5f5;font-weight:600}.inv-cal-table .month-total-cell{font-weight:700}.inv-total-line{display:flex;justify-content:space-between;align-items:center;font-size:10pt;margin:1rem 0 2rem}.inv-financials{border-top:1px solid #aaa;padding-top:.75rem;margin-top:.5rem}.inv-fin-row{display:flex;justify-content:space-between;font-size:10pt;padding:.2rem 0}.inv-fin-row.grand{border-top:1.5px solid #aaa;padding-top:.4rem;margin-top:.3rem;font-weight:700;font-size:11pt;border-bottom:2px solid #111;padding-bottom:.4rem}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-1{gap:.5rem}.gap-2{gap:1rem}.gap-3{gap:1.5rem}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.text-muted{color:var(--text-muted);font-size:.82rem}.text-right{text-align:right}.font-bold{font-weight:700}.w-full{width:100%}