@import url("https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;600;700&family=DM+Sans:wght@300;400;500;600&family=DM+Mono:wght@400;500&display=swap");:root{--sky:#92c0dd;--sand:#e7d09f;--navy:#4464ad;--navy-dark:#2d4580;--black:#0e0e0e;--white:#fafafa;--gray-100:#f4f4f4;--gray-200:#e8e8e8;--gray-400:#aaa;--gray-600:#666;--green:#3d8b63;--red:#c0392b;--amber:#c07d00;--radius:6px;--radius-lg:12px;--shadow-sm:0 1px 3px rgba(0,0,0,.08);--shadow:0 4px 16px rgba(68,100,173,.12);--shadow-lg:0 12px 40px rgba(68,100,173,.18);--font-display:"Playfair Display",Georgia,serif;--font-body:"DM Sans",sans-serif;--font-mono:"DM Mono",monospace}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased}body{font-family:var(--font-body);background:var(--gray-100);color:var(--black);min-height:100vh;line-height:1.6}a{color:var(--navy);text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer;border:none}button,input,select,textarea{font-family:var(--font-body);outline:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.sidebar{width:220px;flex-shrink:0;background:var(--navy);display:flex;flex-direction:column;padding:28px 0;position:fixed;top:0;left:0;bottom:0;z-index:10;transition:transform .3s ease}.main-content{flex:1 1;margin-left:220px;min-height:100vh}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:16px;gap:16px;margin-bottom:36px}.table-head,.table-row{display:grid;grid-template-columns:140px 1fr 120px 110px 100px;padding:10px 24px}.table-row{padding:14px 24px}.invoice-detail-grid{display:grid;grid-template-columns:1fr 240px;grid-gap:20px;gap:20px;align-items:start}.invoice-meta-row{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-gap:16px;gap:16px;padding:24px 32px;border-bottom:1px solid var(--gray-200)}.new-invoice-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:20px;gap:20px;align-items:start}.page-header-row{margin-bottom:32px}.invoice-actions-row,.page-header-row{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:12px}.profile-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:20px;gap:20px;align-items:start}@media (max-width:900px){.profile-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}.invoice-detail-grid,.new-invoice-grid{grid-template-columns:1fr}.invoice-meta-row{grid-template-columns:1fr 1fr}.table-head,.table-row{grid-template-columns:130px 1fr 110px 90px}.col-billing{display:none}}@media (max-width:600px){.sidebar{transform:translateX(-220px);box-shadow:none}.sidebar.open{transform:translateX(0);box-shadow:4px 0 24px rgba(0,0,0,.2)}.main-content{margin-left:0}.stats-grid{grid-template-columns:1fr 1fr;gap:10px}.invoice-meta-row{grid-template-columns:1fr 1fr;padding:16px}.table-head,.table-row{grid-template-columns:1fr 100px 80px;padding:12px 16px}.col-billing,.col-client{display:none}.page-header-row{flex-direction:column;align-items:stretch}.page-header-row>div:last-child{display:flex;flex-wrap:wrap;gap:8px}.modal-box{width:calc(100vw - 32px)!important;padding:24px!important}.new-invoice-grid{grid-template-columns:1fr}}.add-form-row{display:flex;gap:8px;margin-bottom:8px;flex-wrap:wrap}.add-form-row input,.add-form-row select{flex:1 1;min-width:120px}.icon-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 10px;border-radius:var(--radius);border:1px solid var(--gray-200);background:var(--white);cursor:pointer;color:var(--gray-600);font-size:13px;font-family:var(--font-body);transition:background .15s,color .15s}.icon-btn:hover{background:var(--gray-100);color:var(--black)}.icon-btn-label{display:inline-block;overflow:hidden;max-width:0;white-space:nowrap;transition:max-width .2s ease;font-size:12px;font-weight:600}.icon-btn:hover .icon-btn-label{max-width:80px}.mobile-nav-toggle{display:none;position:fixed;top:14px;left:14px;z-index:20;width:40px;height:40px;border-radius:8px;background:var(--navy);border:none;cursor:pointer;align-items:center;justify-content:center;flex-direction:column;gap:5px;padding:10px}.mobile-nav-toggle span{display:block;width:20px;height:2px;background:#fff;border-radius:2px}.nav-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:9}@media (max-width:600px){.add-form-row{flex-direction:column}.add-form-row input,.add-form-row select{width:100%;min-width:unset}.col-address{display:none}.mobile-nav-toggle{display:flex}.nav-overlay.open{display:block}.main-content .content-inner{padding-top:72px!important;padding-left:16px!important;padding-right:16px!important}.receipt-table-wrap{overflow-x:auto}}