:root{--blue:#2f6fe8;--blue2:#1f55c7;--cyan:#18a6d9;--ink:#18202c;--muted:#718096;--bg:#f4f7fb;--card:#fff;--line:#e5eaf1;--green:#2aa876;--red:#df5965;--orange:#e7a23b;--shadow:0 16px 45px rgba(36,55,92,.08)} [data-theme=dark]{--ink:#eef3fb;--muted:#9eabc0;--bg:#10151f;--card:#18202c;--line:#2b3545;--shadow:0 16px 45px rgba(0,0,0,.25)} *{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:var(--bg);color:var(--ink);transition:.25s}a{text-decoration:none;color:inherit}.app-loader{position:fixed;inset:0;background:#fff;z-index:99999;display:grid;place-items:center;transition:.55s}.app-loader.hide{opacity:0;visibility:hidden}.loader-mark img{width:170px}.app-loader span{position:absolute;bottom:25%;width:200px;height:3px;background:linear-gradient(90deg,var(--blue),var(--cyan));animation:load 1.1s ease}@keyframes load{from{transform:scaleX(0)}to{transform:scaleX(1)}}.sidebar{position:fixed;left:0;top:0;bottom:0;width:260px;background:linear-gradient(180deg,#05070b,#111827);color:#dbe5f2;display:flex;flex-direction:column;padding:22px 16px;z-index:50;transition:.3s}.sidebar-brand{height:82px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);border-radius:18px;margin-bottom:24px}.sidebar-brand img{width:205px;max-height:64px;object-fit:contain}.sidebar nav{display:grid;gap:6px}.sidebar nav a{display:flex;align-items:center;gap:14px;padding:13px 15px;border-radius:12px;color:#99a8bb;font-size:14px}.sidebar nav a:hover,.sidebar nav a.active{background:linear-gradient(135deg,var(--blue),var(--blue2));color:#fff}.sidebar nav i{width:22px}.sidebar-footer{margin-top:auto;border-top:1px solid #263142;padding-top:18px}.user-chip{display:flex;align-items:center;gap:11px;margin-bottom:14px}.user-chip>i{width:38px;height:38px;background:#263142;border-radius:50%;display:grid;place-items:center}.user-chip b,.user-chip small{display:block}.user-chip small{font-size:10px;color:#8492a6}.sidebar-footer>a{font-size:12px;color:#92a2b6}.topbar{position:fixed;left:260px;right:0;top:0;height:78px;background:color-mix(in srgb,var(--card) 88%,transparent);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 28px;z-index:40;gap:20px}.icon-btn{width:42px;height:42px;border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:12px}.global-search{position:relative;flex:1;max-width:620px}.global-search>i{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:var(--muted)}.global-search input{width:100%;border:1px solid var(--line);background:var(--bg);color:var(--ink);padding:12px 16px 12px 42px;border-radius:13px;outline:none}.global-search #searchResults{position:absolute;left:0;right:0;top:50px;background:var(--card);box-shadow:var(--shadow);border-radius:14px;display:none;overflow:hidden}.global-search #searchResults a{display:flex;justify-content:space-between;padding:12px 15px;border-bottom:1px solid var(--line)}.global-search #searchResults small{color:var(--muted)}.top-actions{margin-left:auto;display:flex;gap:10px}.quick-add,.primary-btn,.secondary-btn,.filter-btn{border:0;border-radius:12px;padding:12px 17px;display:inline-flex;align-items:center;gap:9px;font-weight:700;font-size:13px;cursor:pointer}.quick-add,.primary-btn{background:linear-gradient(135deg,var(--blue),var(--blue2));color:#fff}.secondary-btn{background:var(--card);color:var(--ink);border:1px solid var(--line)}.filter-btn{background:var(--ink);color:var(--card)}.main-content{margin-left:260px;padding:108px 28px 70px;min-height:100vh;transition:.3s}.page-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:28px}.eyebrow{font-size:10px;letter-spacing:.16em;color:var(--cyan);font-weight:800}.page-head h1{font-size:34px;margin:6px 0 0}.page-date{font-size:12px;color:var(--muted)}.filter-bar,.toolbar,.report-filter,.document-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:22px;flex-wrap:wrap}.filter-bar>div:last-child,.report-filter,.document-actions form{display:flex;align-items:center;gap:9px}.filter-bar input,.report-filter input,.report-filter select,.document-actions input{border:1px solid var(--line);background:var(--card);color:var(--ink);padding:10px;border-radius:10px}.segmented,.filter-chips{display:flex;background:var(--card);border:1px solid var(--line);padding:4px;border-radius:12px}.segmented button,.filter-chips a{border:0;background:transparent;color:var(--muted);padding:8px 13px;border-radius:8px;font-size:12px}.segmented button.active,.filter-chips a.active{background:var(--blue);color:#fff}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.metric-card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:20px;position:relative;box-shadow:var(--shadow);transition:.3s}.metric-card:hover{transform:translateY(-5px)}.metric-icon{position:absolute;right:18px;top:18px;width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:#eef1ff;color:var(--blue)}.metric-card.green .metric-icon{background:#e9f8f1;color:var(--green)}.metric-card.red .metric-icon{background:#fdecef;color:var(--red)}.metric-card.orange .metric-icon{background:#fff4e2;color:var(--orange)}.metric-card.cyan .metric-icon{background:#e9f7fc;color:var(--cyan)}.metric-card>span{font-size:12px;color:var(--muted)}.metric-card strong{display:block;font-size:26px;margin:18px 0 11px}.metric-card small{font-size:10px;color:var(--green)}.dashboard-grid{display:grid;grid-template-columns:2fr 1fr;gap:16px;margin-top:16px}.panel{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:21px;box-shadow:var(--shadow)}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.panel-head span{font-size:9px;letter-spacing:.13em;color:var(--cyan);font-weight:800}.panel-head h3{font-size:18px;margin:4px 0}.panel-head a{font-size:12px;color:var(--blue)}.chart-panel canvas{width:100%;height:310px}.profit-ring{width:210px;height:210px;border-radius:50%;margin:25px auto;display:grid;place-items:center;text-align:center;background:conic-gradient(var(--green) 0 72%,var(--line) 72%);position:relative}.profit-ring:after{content:"";position:absolute;inset:18px;background:var(--card);border-radius:50%}.profit-ring>div{z-index:1}.profit-ring strong,.profit-ring span{display:block}.profit-ring span{font-size:11px;color:var(--muted)}.profit-lines p{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:11px 0}.data-table{width:100%;border-collapse:collapse}.data-table th{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);text-align:left;padding:13px;border-bottom:1px solid var(--line)}.data-table td{padding:14px 13px;border-bottom:1px solid var(--line);font-size:13px}.data-table tr:hover td{background:color-mix(in srgb,var(--blue) 4%,transparent)}.status,.method-badge{padding:6px 9px;border-radius:999px;font-size:10px;font-weight:800}.status.paid{background:#e7f7ef;color:var(--green)}.status.unpaid{background:#fdecef;color:var(--red)}.status.partially-paid{background:#fff2db;color:#b67612}.status.draft{background:#edf0f4;color:#687486}.method-badge{background:#edf2ff;color:var(--blue)}.activity-list{display:grid}.activity-list a{display:grid;grid-template-columns:36px 1fr auto;gap:10px;align-items:center;padding:13px 0;border-bottom:1px solid var(--line)}.activity-list>a>i{width:34px;height:34px;border-radius:10px;background:#eaf8f2;color:var(--green);display:grid;place-items:center}.activity-list b,.activity-list span{display:block}.activity-list span{font-size:10px;color:var(--muted)}.activity-list strong{font-size:12px}.quick-actions{position:fixed;right:22px;bottom:22px;display:flex;gap:8px;background:#111827;padding:9px;border-radius:16px;box-shadow:0 18px 45px rgba(0,0,0,.25);z-index:30}.quick-actions a{color:#fff;padding:9px 12px;border-radius:10px;font-size:11px}.quick-actions a:hover{background:var(--blue)}.search-box{position:relative}.search-box i{position:absolute;left:13px;top:50%;transform:translateY(-50%);color:var(--muted)}.search-box input{border:1px solid var(--line);background:var(--card);color:var(--ink);padding:11px 12px 11px 38px;border-radius:11px;width:320px}.client-cell{display:flex;align-items:center;gap:11px}.client-cell>span,.profile-avatar{width:42px;height:42px;border-radius:13px;background:linear-gradient(135deg,var(--blue),var(--cyan));color:white;display:grid;place-items:center;font-weight:800}.client-cell b,.client-cell small{display:block}.client-cell small{color:var(--muted)}.table-btn{border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:8px;padding:7px 9px;font-size:11px;cursor:pointer}.table-btn.danger{color:var(--red)}.inline-form{display:inline}.app-modal{position:fixed;inset:0;background:rgba(10,16,28,.62);backdrop-filter:blur(6px);z-index:100;display:none;align-items:center;justify-content:center;padding:20px}.app-modal.open{display:flex}.app-modal.large .modal-card{max-width:1050px}.modal-card{width:min(720px,100%);max-height:92vh;overflow:auto;background:var(--card);border-radius:24px;padding:30px;position:relative;box-shadow:0 30px 100px rgba(0,0,0,.3)}.modal-close{position:absolute;right:18px;top:15px;border:0;background:none;font-size:28px;color:var(--muted)}.modal-card h2{font-size:28px;margin:8px 0 22px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px}.form-grid label,.modal-card>form>label,.settings-grid label{font-size:11px;font-weight:800;color:var(--muted);display:grid;gap:7px}.form-grid .full{grid-column:1/-1}.form-grid input,.form-grid select,.form-grid textarea,.modal-card textarea,.settings-grid input,.settings-grid textarea,.settings-grid select{width:100%;border:1px solid var(--line);background:var(--bg);color:var(--ink);padding:12px;border-radius:10px;outline:none}.invoice-builder{margin:20px 0}.builder-head,.invoice-row{display:grid;grid-template-columns:2.5fr .6fr 1fr .8fr .7fr 1fr 35px;gap:8px;align-items:center}.builder-head{font-size:9px;text-transform:uppercase;color:var(--muted);padding:8px}.invoice-row{margin-bottom:8px}.invoice-row input{min-width:0;border:1px solid var(--line);background:var(--bg);color:var(--ink);padding:9px;border-radius:8px}.invoice-total-preview{display:flex;justify-content:flex-end;gap:30px;align-items:center;margin:16px 0}.invoice-total-preview strong{font-size:25px}.profile-hero{background:linear-gradient(135deg,#1a2554,#2d3e84);color:#fff;border-radius:22px;padding:28px;display:grid;grid-template-columns:70px 1fr auto;align-items:center;gap:18px}.profile-avatar{width:70px;height:70px;font-size:22px}.profile-hero h2{margin:3px 0}.profile-hero p{margin:0;color:#c8d2e8}.summary-row{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:18px 0}.summary-row article,.summary-banner{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:18px}.summary-row span,.summary-banner span{display:block;font-size:11px;color:var(--muted)}.summary-row strong,.summary-banner strong{display:block;margin-top:9px;font-size:19px}.summary-banner{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.category-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--cyan);margin-right:8px}.document-actions{justify-content:flex-end}.print-document{background:#fff;color:#17202d;width:min(100%,980px);margin:auto;padding:55px;box-shadow:var(--shadow);border-radius:10px}.print-document header{display:flex;justify-content:space-between;gap:25px;border-bottom:3px solid var(--blue);padding-bottom:25px}.print-document header img{width:230px}.print-document header p{font-size:11px;color:#667085}.doc-title{text-align:right}.doc-title>span{font-size:12px;letter-spacing:.14em;color:var(--blue);font-weight:800}.doc-title h2{font-size:28px}.bill-to{padding:30px 0}.bill-to span{font-size:10px;color:#7b8491}.bill-to h3{margin:7px 0}.print-document table{width:100%;border-collapse:collapse}.print-document th{background:#eef2f8;padding:12px;text-align:left;font-size:10px}.print-document td{padding:13px 12px;border-bottom:1px solid #e6e9ee;font-size:12px}.doc-summary{width:380px;margin:25px 0 25px auto}.doc-summary p{display:flex;justify-content:space-between;padding:7px 0;margin:0}.doc-summary .grand{font-size:18px;border-top:2px solid var(--blue);padding-top:13px}.print-document footer{border-top:1px solid #e6e9ee;padding-top:25px;margin-top:35px}.receipt-amount{text-align:center;background:#eef2ff;padding:28px;margin:30px 0;border-radius:16px}.receipt-amount span,.receipt-amount strong{display:block}.receipt-amount strong{font-size:38px;color:var(--blue)}.receipt-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.receipt-grid p{border-bottom:1px solid #e7eaf0;padding:13px}.receipt-grid span,.receipt-grid b{display:block}.receipt-grid span{font-size:10px;color:#7a8492}.opening-balance,.statement-total{display:flex;justify-content:space-between;padding:18px;background:#eef2ff;margin:25px 0}.statement-total{font-size:20px}.settings-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:16px}.logo-setting{display:flex;align-items:center;gap:25px;margin-bottom:25px}.logo-setting img{width:220px;background:white;padding:10px;border-radius:12px}.preference-row{display:flex;justify-content:space-between;align-items:center;padding:20px 0;border-bottom:1px solid var(--line)}.preference-row b,.preference-row span{display:block}.preference-row span{font-size:11px;color:var(--muted)}.backup-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.backup-card{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:30px;box-shadow:var(--shadow)}.backup-card>span{font-size:10px;letter-spacing:.14em;color:var(--cyan)}.backup-card h2{font-size:30px}.backup-card p{color:var(--muted);line-height:1.6}.backup-icon{width:58px;height:58px;border-radius:17px;display:grid;place-items:center;font-size:22px;margin-bottom:28px}.backup-icon.blue{background:#edf1ff;color:var(--blue)}.backup-icon.orange{background:#fff2df;color:var(--orange)}.backup-card form{display:grid;gap:15px}.backup-note{display:flex;gap:16px;margin-top:18px}.backup-note>i{color:var(--orange);font-size:24px}.app-alert{display:flex;gap:10px;align-items:center;padding:13px 16px;border-radius:12px;margin-bottom:16px;background:#e9f8f1;color:#187956}.app-alert.error{background:#fdecef;color:#b52d3c}.app-alert button{margin-left:auto;border:0;background:none;color:inherit;font-size:18px}.login-page{display:grid;grid-template-columns:1.2fr .8fr;min-height:100vh;background:#f7f9fc}.login-visual{background:radial-gradient(circle at 80% 15%,#4056a3,transparent 35%),linear-gradient(135deg,#111827,#1b285d);color:white;padding:7vw;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.login-visual>img{width:310px;background:white;padding:15px;border-radius:20px;z-index:1}.login-visual>div:last-child{z-index:1}.login-visual h1{font-size:clamp(48px,6vw,92px);line-height:.9;letter-spacing:-.055em;max-width:850px}.login-visual p{color:#bcc7dd}.login-orb{position:absolute;border-radius:50%;filter:blur(3px);animation:float 7s ease-in-out infinite}.login-orb.o1{width:430px;height:430px;background:rgba(24,166,217,.18);right:-90px;top:20%}.login-orb.o2{width:250px;height:250px;background:rgba(255,255,255,.08);left:36%;bottom:-70px;animation-delay:-3s}@keyframes float{50%{transform:translateY(-25px) scale(1.06)}}.login-form{display:grid;place-items:center;padding:30px}.login-form form{width:min(440px,100%)}.login-form h2{font-size:42px;margin:8px 0}.login-form>form>p{color:#718096}.login-form label{display:grid;gap:8px;font-size:12px;font-weight:800;margin:18px 0}.login-form input{padding:14px;border:1px solid #dfe5ee;border-radius:11px}.password-wrap{display:flex}.password-wrap input{flex:1;border-radius:11px 0 0 11px}.password-wrap button{width:50px;border:1px solid #dfe5ee;background:white;border-radius:0 11px 11px 0}.login-btn{width:100%;display:flex;justify-content:space-between;background:var(--blue);color:white;border:0;border-radius:12px;padding:15px 18px;font-weight:800}.login-form small{display:block;color:#8a94a3;margin-top:18px} @media(max-width:1100px){.metric-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid,.settings-grid{grid-template-columns:1fr}.sidebar{width:220px}.topbar{left:220px}.main-content{margin-left:220px}.builder-head,.invoice-row{grid-template-columns:2fr .6fr 1fr .8fr .7fr 1fr 30px}} @media(max-width:780px){.sidebar{transform:translateX(-100%)}body.sidebar-open .sidebar{transform:none}.topbar{left:0;padding:0 14px}.main-content{margin-left:0;padding:98px 14px 70px}.global-search{display:none}.metric-grid,.summary-row,.backup-grid{grid-template-columns:1fr}.dashboard-grid{grid-template-columns:1fr}.page-date{display:none}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.login-page{grid-template-columns:1fr}.login-visual{min-height:46vh;padding:40px 25px}.login-visual>img{width:220px}.login-visual h1{font-size:46px}.profile-hero{grid-template-columns:55px 1fr}.profile-hero>a{grid-column:1/-1}.builder-head{display:none}.invoice-row{grid-template-columns:1fr 1fr}.invoice-row input:first-child{grid-column:1/-1}.print-document{padding:25px}.print-document header{display:block}.doc-title{text-align:left}.receipt-grid{grid-template-columns:1fr}.quick-actions{left:12px;right:12px;justify-content:space-around}.quick-actions a{font-size:0}.quick-actions i{font-size:15px}.search-box input{width:100%}} @media print{.sidebar,.topbar,.page-head,.document-actions,.quick-actions,.app-alert,.site-footer{display:none!important}.main-content{margin:0;padding:0;background:white}.print-document,.print-area{box-shadow:none;border:0;width:100%;max-width:none;padding:0}.panel.print-area{box-shadow:none}.report-filter,.summary-row{display:none}body{background:white}} .invoice-edit-panel{max-width:1180px;margin:0 auto}.edit-payment-summary{text-align:right}.edit-payment-summary span,.edit-payment-summary strong{display:block}.edit-payment-summary span{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.edit-payment-summary strong{font-size:18px;margin-top:5px}.app-alert.warning{background:#fff4df;color:#94620e}.invoice-notes-label{font-size:11px;font-weight:800;color:var(--muted);display:grid;gap:7px}.invoice-notes-label textarea{width:100%;border:1px solid var(--line);background:var(--bg);color:var(--ink);padding:12px;border-radius:10px;outline:none}.edit-invoice-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}.form-grid label small{font-size:10px;font-weight:400;color:var(--muted);line-height:1.45} @media(max-width:780px){.edit-payment-summary{text-align:left}.invoice-edit-panel{padding:15px}.edit-invoice-actions{display:grid}.edit-invoice-actions .secondary-btn,.edit-invoice-actions .primary-btn{justify-content:center}} .service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.service-card{position:relative;overflow:hidden;background:var(--card);border:1px solid var(--line);border-radius:20px;padding:24px;box-shadow:var(--shadow);transition:.3s}.service-card:hover{transform:translateY(-6px)}.service-card:after{content:"";position:absolute;width:140px;height:140px;border-radius:50%;right:-52px;top:-52px;background:rgba(47,111,232,.09)}.service-card>span{font-size:10px;letter-spacing:.12em;color:var(--blue);font-weight:800}.service-card>i{float:right;font-size:26px;color:var(--blue)}.service-card h3{font-size:24px;margin:46px 0 12px}.service-card p{color:var(--muted);line-height:1.55;min-height:72px}.service-card>div{display:flex;justify-content:space-between;align-items:end;border-top:1px solid var(--line);padding-top:16px;margin:18px 0}.service-card strong,.service-card small{display:block}.service-card small{color:var(--muted)}.status.sent{background:#e9f2ff;color:#2f6fe8}.status.accepted{background:#e7f7ef;color:var(--green)}.status.rejected{background:#fdecef;color:var(--red)}.status.expired{background:#edf0f4;color:#687486}.metric-card.purple .metric-icon{background:#f0ecff;color:#7758df}.login-visual>img{background:transparent!important;padding:0!important;border-radius:0!important}.print-document header img{max-height:105px;object-fit:contain}.print-document{border-top:8px solid #2f6fe8}.doc-title>span{color:#2f6fe8}.print-document th{background:#eef4ff}.app-alert.warning{background:#fff4df;color:#94620e} @media(max-width:1100px){.service-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:780px){.service-grid{grid-template-columns:1fr}} .nav-badge{margin-left:auto;min-width:21px;height:21px;border-radius:999px;background:#e85d6a;color:#fff;font-size:10px;display:grid;place-items:center;padding:0 6px}.warning-text{color:var(--orange)}.reminder-summary{margin-top:0}.reminder-toolbar-actions{display:flex;gap:8px;flex-wrap:wrap}.reminder-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.reminder-card{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:21px;box-shadow:var(--shadow);position:relative;overflow:visible}.reminder-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;border-radius:20px 0 0 20px;background:var(--blue)}.reminder-card.overdue:before{background:var(--red)}.reminder-card.due:before{background:var(--orange)}.reminder-card.paused:before{background:#8b95a6}.reminder-card.paused{opacity:.78}.reminder-card-top{display:flex;justify-content:space-between;align-items:center;font-size:10px;text-transform:uppercase;letter-spacing:.09em;color:var(--muted)}.reminder-state{padding:6px 9px;border-radius:999px;background:#edf2ff;color:var(--blue);font-weight:900}.overdue .reminder-state{background:#fdecef;color:var(--red)}.due .reminder-state{background:#fff3df;color:#aa6d0e}.paused .reminder-state{background:#edf0f4;color:#667085}.reminder-client{display:flex;gap:10px;align-items:center;margin:24px 0}.reminder-client>div{width:42px;height:42px;border-radius:13px;background:linear-gradient(135deg,var(--blue),var(--cyan));color:#fff;display:grid;place-items:center;font-weight:900}.reminder-client b,.reminder-client small{display:block}.reminder-client small{font-size:10px;color:var(--muted)}.reminder-card h3{font-size:22px;line-height:1.1;min-height:48px}.reminder-amount{font-size:28px;color:var(--blue);display:block;margin:12px 0 20px}.reminder-dates{display:grid;grid-template-columns:1fr 1fr;gap:8px;border-top:1px solid var(--line);padding-top:15px}.reminder-dates p{margin:0}.reminder-dates span,.reminder-dates b{display:block}.reminder-dates span{font-size:9px;text-transform:uppercase;color:var(--muted)}.reminder-dates b{font-size:12px;margin-top:5px}.overdue-banner,.due-banner{padding:9px 11px;border-radius:10px;margin-top:14px;font-size:11px;font-weight:900}.overdue-banner{background:#fdecef;color:var(--red)}.due-banner{background:#fff3df;color:#aa6d0e}.reminder-actions{display:flex;gap:7px;align-items:center;margin-top:18px}.reminder-actions form{margin:0}.reminder-actions .primary-btn{padding:9px 11px;font-size:11px}.action-menu{position:relative;margin-left:auto}.action-menu>div{position:absolute;right:0;top:40px;width:165px;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:6px;box-shadow:var(--shadow);display:none;z-index:10}.action-menu>div.open{display:block}.action-menu form{display:block}.action-menu form button{width:100%;border:0;background:transparent;color:var(--ink);text-align:left;padding:9px;border-radius:8px;font-size:11px}.action-menu form button:hover{background:var(--bg)}.hidden-field{display:none!important}.empty-state{grid-column:1/-1;text-align:center;padding:70px}.empty-state>i{font-size:42px;color:var(--blue)}.reminder-dashboard-panel{margin-top:16px}.dashboard-reminders{display:grid;grid-template-columns:repeat(2,1fr);gap:0 24px}.dashboard-reminders a{display:grid;grid-template-columns:38px 1fr auto;gap:10px;align-items:center;padding:13px 0;border-bottom:1px solid var(--line)}.dashboard-reminders>a>i{width:36px;height:36px;border-radius:11px;background:#fff3df;color:var(--orange);display:grid;place-items:center}.dashboard-reminders b,.dashboard-reminders span{display:block}.dashboard-reminders span{font-size:10px;color:var(--muted)}.dashboard-reminders strong{font-size:12px}.reminder-clear{display:flex;gap:13px;align-items:center;padding:18px;background:#e9f8f1;border-radius:14px;color:#187956}.reminder-clear>i{font-size:24px}.reminder-clear b,.reminder-clear span{display:block}.reminder-clear span{font-size:11px}.primary-btn:disabled{opacity:.45;cursor:not-allowed} @media(max-width:1150px){.reminder-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:780px){.reminder-grid{grid-template-columns:1fr}.dashboard-reminders{grid-template-columns:1fr}.reminder-toolbar-actions{width:100%}.reminder-toolbar-actions>*{flex:1}.reminder-actions{flex-wrap:wrap}.reminder-card h3{min-height:0}} /* V1.1.1 white-page recovery: the loader can never cover the application permanently. */ .app-loader{animation:veganic-css-loader-failsafe .01s 1.8s forwards} @keyframes veganic-css-loader-failsafe{ to{opacity:0!important;visibility:hidden!important;pointer-events:none!important} } .app-loader.hide{opacity:0!important;visibility:hidden!important;pointer-events:none!important} .reminder-migration-panel{max-width:920px;margin:auto}.migration-instructions{display:grid;grid-template-columns:85px 1fr;gap:24px;align-items:start;padding:28px;background:var(--bg);border-radius:18px}.migration-instructions>i{width:70px;height:70px;border-radius:20px;background:#edf2ff;color:var(--blue);display:grid;place-items:center;font-size:28px}.migration-instructions h2{margin:0 0 10px}.migration-instructions ol{padding-left:22px}.migration-instructions li{margin:9px 0}.migration-instructions code{background:#111827;color:#dbeafe;padding:7px 10px;border-radius:8px}.migration-warning{color:var(--red);font-weight:700}.migration-needed{background:#fff3df!important} @media(max-width:700px){.migration-instructions{grid-template-columns:1fr}.migration-instructions>i{width:58px;height:58px}} /* V1.1.2 logo visibility repair */ .sidebar-brand{ background:#ffffff!important; border:1px solid rgba(255,255,255,.22)!important; padding:8px 12px!important; overflow:hidden; } .sidebar-brand img{ width:210px!important; max-width:100%!important; max-height:66px!important; object-fit:contain!important; opacity:1!important; visibility:visible!important; display:block!important; } .login-brand-logo{ width:min(330px,78%)!important; max-height:155px!important; object-fit:contain!important; background:#fff!important; border-radius:18px!important; padding:12px 16px!important; box-shadow:0 20px 55px rgba(0,0,0,.18)!important; opacity:1!important; visibility:visible!important; } .print-document header img, .logo-setting img{ object-fit:contain!important; opacity:1!important; visibility:visible!important; } /* V1.1.3 permanent white-page repair. No full-screen loading overlay is allowed to cover the application. */ .app-loader{ display:none!important; opacity:0!important; visibility:hidden!important; pointer-events:none!important; } html,body{min-height:100%} body{opacity:1!important;visibility:visible!important} .sidebar,.topbar,.main-content,.login-page,.login-visual,.login-form{ opacity:1!important; visibility:visible!important; } /* ================================================================ V1.1.5 — Complete dark-mode repair The previous recovery fallback forced a light body background and dark text after the theme stylesheet. These rules restore a coherent palette and explicitly cover the dashboard's key content. ================================================================ */ html[data-theme="dark"]{ color-scheme:dark; --ink:#f1f5fb; --muted:#a7b3c6; --bg:#0b111b; --card:#151f2e; --line:#2a374a; --blue:#4d83ff; --blue2:#2f6fe8; --cyan:#39b7e6; --green:#35c58d; --red:#ff7180; --orange:#f4b85d; --shadow:0 18px 50px rgba(0,0,0,.30); background:#0b111b; color:#f1f5fb; } html[data-theme="dark"] body, html[data-theme="dark"] .main-content{ background:#0b111b!important; color:#f1f5fb!important; } html[data-theme="dark"] .topbar{ background:rgba(21,31,46,.94)!important; border-color:#2a374a!important; color:#f1f5fb!important; } html[data-theme="dark"] .page-head h1, html[data-theme="dark"] .metric-card strong, html[data-theme="dark"] .panel-head h3, html[data-theme="dark"] .profit-ring strong, html[data-theme="dark"] .profit-lines b, html[data-theme="dark"] .activity-list b, html[data-theme="dark"] .activity-list strong, html[data-theme="dark"] .summary-row strong, html[data-theme="dark"] .summary-banner strong, html[data-theme="dark"] .service-card h3, html[data-theme="dark"] .service-card strong, html[data-theme="dark"] .backup-card h2, html[data-theme="dark"] .preference-row b, html[data-theme="dark"] .data-table td, html[data-theme="dark"] .customer-cell b, html[data-theme="dark"] .invoice-total-preview strong, html[data-theme="dark"] .document-total strong, html[data-theme="dark"] .edit-payment-summary strong{ color:#f1f5fb!important; } html[data-theme="dark"] .page-date, html[data-theme="dark"] .metric-card>span, html[data-theme="dark"] .metric-card small, html[data-theme="dark"] .panel-head span, html[data-theme="dark"] .profit-ring span, html[data-theme="dark"] .profit-lines span, html[data-theme="dark"] .activity-list span, html[data-theme="dark"] .data-table th, html[data-theme="dark"] .customer-cell small, html[data-theme="dark"] .summary-row span, html[data-theme="dark"] .summary-banner span, html[data-theme="dark"] .service-card p, html[data-theme="dark"] .service-card small, html[data-theme="dark"] .preference-row span, html[data-theme="dark"] .builder-head, html[data-theme="dark"] .form-grid label, html[data-theme="dark"] .notes-label{ color:#a7b3c6!important; } html[data-theme="dark"] .metric-card, html[data-theme="dark"] .panel, html[data-theme="dark"] .summary-row article, html[data-theme="dark"] .summary-banner, html[data-theme="dark"] .service-card, html[data-theme="dark"] .backup-card, html[data-theme="dark"] .modal-card{ background:#151f2e!important; border-color:#2a374a!important; color:#f1f5fb!important; } html[data-theme="dark"] .metric-card:hover, html[data-theme="dark"] .panel:hover{ border-color:#3b4d66!important; } html[data-theme="dark"] .global-search input, html[data-theme="dark"] .search-box input, html[data-theme="dark"] .filter-bar input, html[data-theme="dark"] .report-filter input, html[data-theme="dark"] .report-filter select, html[data-theme="dark"] .document-actions input, html[data-theme="dark"] .form-grid input, html[data-theme="dark"] .form-grid select, html[data-theme="dark"] .form-grid textarea, html[data-theme="dark"] .modal-card textarea, html[data-theme="dark"] .settings-grid input, html[data-theme="dark"] .settings-grid textarea, html[data-theme="dark"] .settings-grid select, html[data-theme="dark"] .invoice-row input, html[data-theme="dark"] .document-row input, html[data-theme="dark"] .notes-label textarea{ background:#0f1826!important; border-color:#314158!important; color:#f1f5fb!important; -webkit-text-fill-color:#f1f5fb; } html[data-theme="dark"] input::placeholder, html[data-theme="dark"] textarea::placeholder{ color:#7f8da2!important; opacity:1; } html[data-theme="dark"] select option{ background:#151f2e; color:#f1f5fb; } html[data-theme="dark"] input[type="date"]::-webkit-calendar-picker-indicator{ filter:invert(1) brightness(1.35); opacity:.9; } html[data-theme="dark"] .segmented, html[data-theme="dark"] .filter-chips{ background:#111a28!important; border-color:#2a374a!important; } html[data-theme="dark"] .segmented button, html[data-theme="dark"] .filter-chips a{ color:#a7b3c6!important; } html[data-theme="dark"] .segmented button.active, html[data-theme="dark"] .filter-chips a.active{ color:#fff!important; background:#2f6fe8!important; } html[data-theme="dark"] .icon-btn, html[data-theme="dark"] .secondary-btn, html[data-theme="dark"] .table-btn{ background:#151f2e!important; color:#f1f5fb!important; border-color:#314158!important; } html[data-theme="dark"] .filter-btn{ background:#e8eef8!important; color:#111827!important; } html[data-theme="dark"] .global-search #searchResults{ background:#151f2e!important; border:1px solid #2a374a; } html[data-theme="dark"] .global-search #searchResults a{ border-color:#2a374a!important; color:#f1f5fb!important; } html[data-theme="dark"] .data-table td, html[data-theme="dark"] .data-table th, html[data-theme="dark"] .activity-list a, html[data-theme="dark"] .profit-lines p, html[data-theme="dark"] .preference-row{ border-color:#2a374a!important; } html[data-theme="dark"] .data-table tr:hover td{ background:rgba(77,131,255,.08)!important; } html[data-theme="dark"] .metric-icon{ background:#21304b!important; color:#79a0ff!important; } html[data-theme="dark"] .metric-card.green .metric-icon{ background:#173a32!important; color:#4bdaa4!important; } html[data-theme="dark"] .metric-card.red .metric-icon{ background:#48252d!important; color:#ff8490!important; } html[data-theme="dark"] .metric-card.orange .metric-icon{ background:#49371f!important; color:#f8c773!important; } html[data-theme="dark"] .metric-card.cyan .metric-icon{ background:#17384a!important; color:#5bc5ec!important; } html[data-theme="dark"] .metric-card.purple .metric-icon{ background:#302950!important; color:#ad98ff!important; } html[data-theme="dark"] .profit-ring:after{ background:#151f2e!important; } html[data-theme="dark"] .quick-actions{ background:#080d15!important; border:1px solid #273448; } html[data-theme="dark"] .app-alert{ background:#17382e!important; color:#75e5ba!important; } html[data-theme="dark"] .app-alert.error{ background:#45242b!important; color:#ff9aa4!important; } html[data-theme="dark"] .app-alert.warning{ background:#49371f!important; color:#f8c773!important; } html[data-theme="dark"] .status.draft, html[data-theme="dark"] .status.expired{ background:#263244!important; color:#c1cadd!important; } html[data-theme="dark"] .status.unpaid, html[data-theme="dark"] .status.rejected{ background:#47252d!important; color:#ff9aa4!important; } html[data-theme="dark"] .status.partially-paid, html[data-theme="dark"] .status.sent{ background:#49371f!important; color:#f8c773!important; } html[data-theme="dark"] .status.paid, html[data-theme="dark"] .status.accepted{ background:#17382e!important; color:#75e5ba!important; } /* Printed documents intentionally remain white, even while editing in dark mode. */ html[data-theme="dark"] .print-document{ background:#fff!important; color:#17202d!important; } html[data-theme="dark"] .print-document h1, html[data-theme="dark"] .print-document h2, html[data-theme="dark"] .print-document h3, html[data-theme="dark"] .print-document b, html[data-theme="dark"] .print-document strong, html[data-theme="dark"] .print-document td{ color:#17202d!important; } /* V1.1.7 document deletion controls */ .document-row-actions{ display:flex; align-items:center; justify-content:flex-end; gap:6px; flex-wrap:wrap; } .table-btn.danger, .danger-action{ color:var(--red)!important; border-color:color-mix(in srgb,var(--red) 34%,var(--line))!important; } .table-btn.danger:hover, .danger-action:hover:not(:disabled){ background:color-mix(in srgb,var(--red) 10%,var(--card))!important; } .table-btn:disabled, .secondary-btn:disabled{ opacity:.42; cursor:not-allowed; box-shadow:none; } html[data-theme="dark"] .table-btn.danger, html[data-theme="dark"] .danger-action{ color:#ff8b98!important; border-color:#6a3440!important; } @media(max-width:780px){ .document-row-actions{justify-content:flex-start} .document-actions form{width:100%} .document-actions form button{width:100%;justify-content:center} } /* Veganic 2.0 brand, CMS and event quotation system */ :root{--blue:#1f5b36;--blue2:#123c24;--cyan:#d99b24;--green:#2f7a49;--orange:#e5a42a;--ink:#173323;--bg:#f6f5ef;--card:#fff;--line:#e6e3d8;--shadow:0 16px 45px rgba(25,68,42,.09)} .sidebar{background:linear-gradient(180deg,#0c2d1b,#143e26)}.sidebar nav{overflow-y:auto;padding-right:3px}.sidebar nav a:hover,.sidebar nav a.active{background:linear-gradient(135deg,#286c42,#174f2e)}.quick-add,.primary-btn{background:linear-gradient(135deg,#2b7447,#174c2e)}.eyebrow,.panel-head span{color:#b37b14}.login-visual{background:radial-gradient(circle at 80% 15%,rgba(226,164,45,.25),transparent 35%),linear-gradient(135deg,#0b2c1a,#1c5533)}.login-btn{background:#1d633a} .data-table td small{display:block;color:var(--muted);font-size:10px;margin-top:4px}.status.new{background:#fff3da;color:#99620c}.status.contacted{background:#e7f1ff;color:#275aa8}.status.quoted{background:#efe8ff;color:#7045b8}.status.booked{background:#e7f7ef;color:#187956}.status.closed{background:#edf0f4;color:#687486} .cms-intro{display:flex;align-items:center;justify-content:space-between;gap:20px;background:linear-gradient(135deg,#113c24,#2d7448);color:white;border-radius:22px;padding:28px;margin-bottom:18px}.cms-intro h2{margin:6px 0;font-size:30px}.cms-intro p{margin:0;color:#dcece2}.cms-two-column{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}.cms-item-form{display:grid;gap:9px;background:var(--bg);padding:14px;border-radius:13px;margin-top:12px}.cms-item-form input,.cms-item-form textarea,.cms-item-form select,.cms-add input,.cms-add textarea,.cms-add select,.enquiry-card input,.enquiry-card select{width:100%;border:1px solid var(--line);background:var(--card);color:var(--ink);padding:10px;border-radius:9px}.cms-inline{display:flex;align-items:center;gap:8px}.cms-inline>*{min-width:0;flex:1}.cms-inline .emoji-input{max-width:58px;font-size:22px}.check-label{display:flex!important;align-items:center;gap:6px;white-space:nowrap;font-size:11px}.check-label input{width:auto!important}.cms-delete{display:flex;justify-content:flex-end;margin-top:-40px;margin-right:10px;position:relative;pointer-events:none}.cms-delete button{pointer-events:auto}.cms-add{border:1px dashed var(--line);border-radius:13px;padding:14px;margin-top:16px}.cms-add summary{cursor:pointer;font-weight:800;color:var(--blue);margin-bottom:12px}.cms-add form{display:grid;gap:10px}.cms-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.cms-gallery>div{position:relative;border-radius:12px;overflow:hidden;background:var(--bg)}.cms-gallery img{width:100%;height:130px;object-fit:cover}.cms-gallery span{display:block;font-size:10px;padding:8px;min-height:38px}.cms-gallery form{position:absolute;top:6px;right:6px}.cms-gallery .table-btn{background:rgba(255,255,255,.92)} .enquiry-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.enquiry-card-head{display:flex;justify-content:space-between;gap:12px}.enquiry-card-head h3{margin:4px 0 0}.enquiry-card-head>div>span{font-size:10px;color:var(--muted)}.enquiry-meta{display:flex;flex-wrap:wrap;gap:8px 16px;margin:18px 0}.enquiry-meta a,.enquiry-meta span{font-size:11px;color:var(--muted)}.enquiry-meta i{margin-right:6px;color:var(--blue)}.enquiry-card blockquote{background:var(--bg);border-left:4px solid var(--orange);margin:0 0 18px;padding:14px;border-radius:0 10px 10px 0;font-size:13px;line-height:1.6} .quote-modal{width:min(1180px,100%)!important}.quote-builder{margin:22px 0}.quote-builder-head,.quote-row{display:grid;grid-template-columns:2.5fr .8fr 1fr .65fr .65fr 1fr 34px;gap:8px;align-items:center}.quote-builder-head{font-size:9px;text-transform:uppercase;color:var(--muted);padding:7px}.quote-row{margin-bottom:10px}.quote-row>div{display:grid;gap:6px}.quote-row input,.quote-row textarea{width:100%;min-width:0;border:1px solid var(--line);background:var(--bg);color:var(--ink);padding:9px;border-radius:8px;resize:vertical}.quote-line-total{font-weight:800}.veganic-document-stack{display:grid;gap:28px;justify-content:center;overflow-x:auto;padding:4px 0 25px}.veganic-quote-page{position:relative;width:210mm;min-height:297mm;background:#fbfaf5;color:#153322;box-shadow:0 20px 65px rgba(25,55,36,.14);font-family:Arial,sans-serif;padding:12mm 11mm 16mm;overflow:hidden}.veganic-quote-page h1,.veganic-quote-page h2{font-family:Georgia,serif}.vq-header{text-align:center}.vq-header img{width:74mm;height:27mm;object-fit:contain}.vq-header h1{font-size:31px;margin:1mm 0 2mm}.vq-header>p,.vq-catalogue-head>p{letter-spacing:.2em;font-size:10px;margin:0;color:#264a36}.vq-header>p b,.vq-catalogue-head>p b{color:#cf952c;margin:0 2mm}.vq-promises{display:grid;grid-template-columns:repeat(4,1fr);gap:5mm;background:#efede2;border-radius:5mm;padding:4mm;margin:5mm 0}.vq-promises b,.vq-promises span{display:block}.vq-promises b{font-size:10px;letter-spacing:.04em}.vq-promises span{font-size:8px;line-height:1.4;margin-top:1.5mm}.vq-details{display:grid;grid-template-columns:1fr 1fr;gap:10mm;margin:5mm 0}.vq-details>div+div{border-left:1px solid #d9a33a;padding-left:10mm}.vq-details h2,.vq-bottom h2{font:800 10px Arial,sans-serif;letter-spacing:.15em;margin:0 0 2mm}.vq-details p{display:grid;grid-template-columns:28mm 1fr;margin:1.4mm 0;font-size:9px}.vq-details span{text-transform:uppercase;font-weight:700;font-size:7px;color:#687469}.vq-table{width:100%;border-collapse:collapse;table-layout:fixed}.vq-table th{background:#214e2f;color:#fff;text-align:left;padding:3mm 2.5mm;font-size:7.5px;text-transform:uppercase}.vq-table th:nth-child(1){width:22%}.vq-table th:nth-child(2){width:36%}.vq-table th:nth-child(3){width:13%}.vq-table th:nth-child(4),.vq-table th:nth-child(5){width:14.5%;text-align:right}.vq-table td{padding:3mm 2.5mm;border-bottom:1px solid #ddd9cd;font-size:8px;vertical-align:top;overflow-wrap:anywhere}.vq-table td:nth-child(4),.vq-table td:nth-child(5){text-align:right}.vq-total{background:#214e2f;color:#fff;border-radius:0 0 4mm 4mm;padding:4mm 5mm;display:flex;align-items:center;justify-content:space-between;margin-top:1mm}.vq-total span{font:700 15px Georgia,serif}.vq-total strong{font:700 20px Georgia,serif;color:#f0bd51}.vq-words{text-align:center;font:italic 8px Georgia,serif}.vq-bottom{display:grid;grid-template-columns:1.4fr 1fr;gap:10mm;border-top:1px solid #d39c2d;margin-top:4mm;padding-top:4mm}.vq-bottom ol{margin:0;padding-left:5mm;font-size:7.5px;line-height:1.5}.vq-bottom p{margin:1.2mm 0;font-size:8px}.vq-bottom>div+div{padding-left:4mm}.vq-note{background:#f0eee5;padding:2mm;border-radius:2mm}.vq-contact{margin-top:3mm!important;letter-spacing:.04em}.vq-footer{position:absolute;left:0;right:0;bottom:0;height:12mm;background:#123f27;color:#fff;display:flex;align-items:center;justify-content:center;gap:20mm;font-size:8px;letter-spacing:.3em}.vq-catalogue-head{text-align:center}.vq-catalogue-head img{width:55mm;height:22mm;object-fit:contain}.vq-catalogue-head h1{font-size:27px;line-height:.9;margin:3mm 0}.vq-catalogue-head h2{font-size:22px;margin:10mm 0 2mm}.vq-catalogue-head>span{font-size:10px}.vq-catalogue-grid{display:grid;grid-template-columns:1fr 1fr;gap:6mm;margin-top:7mm}.vq-catalogue-grid>div{background:#efede3;border-top:1.5mm solid #c79531;border-radius:0 0 4mm 4mm;padding:6mm;min-height:73mm}.vq-catalogue-grid h2{font-size:19px;margin:0 0 3mm}.vq-catalogue-grid small{letter-spacing:.16em}.vq-catalogue-grid ul{margin:0;padding-left:5mm;font-size:10px;line-height:1.8}.vq-catalogue-close{text-align:center;margin-top:7mm}.vq-catalogue-close h2{font-size:18px;margin:0}.vq-catalogue-close p{margin:2mm}.page-two .vq-footer{justify-content:center} @media(max-width:1100px){.cms-two-column,.enquiry-grid{grid-template-columns:1fr}.cms-gallery{grid-template-columns:repeat(4,1fr)}} @media(max-width:780px){.cms-intro{align-items:flex-start;flex-direction:column}.cms-inline{align-items:stretch;flex-direction:column}.cms-gallery{grid-template-columns:repeat(2,1fr)}.quote-builder-head{display:none}.quote-row{grid-template-columns:1fr 1fr;background:var(--bg);padding:10px;border-radius:12px}.quote-row>div:first-child{grid-column:1/-1}.quote-row .quote-line-total{grid-column:1/-1}.quote-row>button{grid-column:2}.veganic-document-stack{justify-content:start}} @media print{@page{size:A4;margin:0}html,body{margin:0!important;padding:0!important;background:white!important}.veganic-document-stack{display:block!important;overflow:visible!important;padding:0!important}.veganic-quote-page{box-shadow:none!important;margin:0!important;page-break-after:always;break-after:page;width:210mm!important;height:297mm!important;min-height:297mm!important}.veganic-quote-page:last-child{page-break-after:auto;break-after:auto}}