@import url('https://fonts.googleapis.com/css2?family=Albert+Sans:wght@400;500;600;700&family=Sora:wght@600;700&display=swap');

:root{
  --ddim-navy:#16233d;--ddim-navy-2:#0f1a30;--ddim-soft:#46536e;--ddim-green:#1f9d61;--ddim-green-dark:#177a4b;
  --ddim-yellow:#ffd166;--ddim-paper:#f4f6f5;--ddim-white:#fff;--ddim-line:#e3e6ec;--ddim-danger:#cc4053;
  --ddim-shadow:0 20px 55px rgba(22,35,61,.10);--ddim-radius:18px;--ddim-side:248px;
}
*{box-sizing:border-box}.ddim-standalone-page{margin:0!important;background:var(--ddim-paper);color:var(--ddim-soft);font-family:'Albert Sans',system-ui,sans-serif}.ddim-standalone-page a{text-decoration:none}.ddim-standalone-page button,.ddim-standalone-page input,.ddim-standalone-page select,.ddim-standalone-page textarea{font:inherit}.ddim-app svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ddim-app{min-height:100vh;background:var(--ddim-paper)}
.ddim-sidebar{position:fixed;inset:0 auto 0 0;width:var(--ddim-side);background:linear-gradient(180deg,var(--ddim-navy-2),var(--ddim-navy));color:#fff;padding:30px 20px 22px;display:flex;flex-direction:column;z-index:50;box-shadow:10px 0 30px rgba(15,26,48,.08)}
.ddim-sidebar-brand{padding:0 14px 29px;font-family:'Sora',sans-serif;font-size:21px;letter-spacing:-.7px;border-bottom:1px solid rgba(255,255,255,.09)}.ddim-sidebar-brand span{color:#fff}.ddim-sidebar-brand strong{color:var(--ddim-green)}.ddim-sidebar-brand small{display:block;font-family:'Albert Sans',sans-serif;font-size:8px;letter-spacing:2.3px;color:#aab5c9;margin-top:6px;font-weight:700}
.ddim-nav{display:grid;gap:7px;padding-top:24px}.ddim-nav a,.ddim-logout{display:flex;align-items:center;gap:13px;color:#aeb8ca;padding:12px 14px;border-radius:12px;font-weight:600;font-size:14px;transition:.2s}.ddim-nav a:hover,.ddim-logout:hover{color:#fff;background:rgba(255,255,255,.07)}.ddim-nav a.is-active{background:linear-gradient(135deg,var(--ddim-green),#29b975);color:#fff;box-shadow:0 10px 26px rgba(31,157,97,.3)}
.ddim-mode-card{margin-top:auto;border:1px solid rgba(255,255,255,.11);background:rgba(255,255,255,.055);border-radius:14px;padding:15px 14px;position:relative}.ddim-mode-card strong,.ddim-mode-card span{display:block;padding-left:20px}.ddim-mode-card strong{font-size:12.5px;color:#fff}.ddim-mode-card span{font-size:10.5px;color:#9eabc0;margin-top:3px;line-height:1.4}.ddim-mode-dot{position:absolute;left:14px;top:18px;width:9px;height:9px;border-radius:50%;background:var(--ddim-yellow);box-shadow:0 0 0 4px rgba(255,209,102,.13)}.ddim-mode-card.is-live .ddim-mode-dot{background:#38d482;box-shadow:0 0 0 4px rgba(56,212,130,.13)}.ddim-logout{margin-top:12px;color:#8794aa}
.ddim-main{margin-left:var(--ddim-side);min-height:100vh}.ddim-topbar{height:105px;background:#fff;border-bottom:1px solid var(--ddim-line);display:flex;align-items:center;justify-content:space-between;padding:0 42px;position:sticky;top:0;z-index:30}.ddim-topbar h1{font-family:'Sora',sans-serif;font-size:23px;letter-spacing:-.6px;color:var(--ddim-navy);margin:0 0 4px}.ddim-topbar p{margin:0;font-size:13px;color:#7b879c}.ddim-topbar-actions{display:flex;align-items:center;gap:12px}.ddim-content{padding:32px 42px 100px;max-width:1500px;margin:auto}
.ddim-status-pill{font-size:11px;font-weight:700;padding:8px 11px;border-radius:30px;background:#fff7df;color:#9b6d00;border:1px solid #f6dda0}.ddim-status-pill.live{background:#eaf8f1;color:#177a4b;border-color:#c9ead9}
.ddim-btn{border:0;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:43px;padding:0 17px;border-radius:11px;font-weight:700;font-size:13px;cursor:pointer;transition:.18s}.ddim-btn:hover{transform:translateY(-1px)}.ddim-btn-primary{background:var(--ddim-green);color:#fff!important;box-shadow:0 9px 22px rgba(31,157,97,.22)}.ddim-btn-primary:hover{background:var(--ddim-green-dark)}.ddim-btn-light{background:#eef1f4;color:var(--ddim-navy)!important}.ddim-btn-small{min-height:36px;padding:0 13px;font-size:12px}.ddim-btn-block{width:100%;margin-top:10px}
.ddim-alert{border-radius:13px;padding:14px 16px;margin-bottom:20px;font-size:13px;border:1px solid}.ddim-alert a{font-weight:700;color:inherit}.ddim-alert-success{background:#ebf9f2;color:#176c46;border-color:#cbeedd}.ddim-alert-danger{background:#fff0f2;color:#a42f42;border-color:#f1c9d0}.ddim-alert-warning{background:#fff8e5;color:#825d00;border-color:#f0dfa4}
.ddim-hero-card{background:linear-gradient(130deg,var(--ddim-navy-2),#243656);color:#fff;border-radius:24px;padding:38px 40px;display:grid;grid-template-columns:1.6fr .8fr;align-items:center;min-height:265px;overflow:hidden;position:relative;box-shadow:var(--ddim-shadow);margin-bottom:26px}.ddim-hero-card:after{content:"";position:absolute;width:320px;height:320px;border-radius:50%;right:-100px;top:-160px;background:rgba(31,157,97,.16)}.ddim-eyebrow{font-size:9px;letter-spacing:2px;font-weight:800;color:var(--ddim-green);display:block;margin-bottom:9px}.ddim-hero-card h2{font-family:'Sora',sans-serif;font-size:29px;line-height:1.2;letter-spacing:-1px;max-width:660px;margin:0 0 12px}.ddim-hero-card p{color:#bbc5d5;max-width:690px;font-size:14px;line-height:1.65;margin:0}.ddim-hero-actions{display:flex;gap:10px;margin-top:22px}.ddim-hero-card .ddim-btn-light{background:rgba(255,255,255,.1);color:#fff!important}.ddim-hero-visual{position:relative;height:190px;z-index:2}.ddim-paper-stack{position:absolute;background:#fff;border-radius:10px;width:155px;height:190px;right:25px;top:0;box-shadow:0 25px 45px rgba(0,0,0,.25)}.ddim-paper-stack.back{transform:rotate(11deg);opacity:.25}.ddim-paper-stack.mid{transform:rotate(5deg);opacity:.55}.ddim-paper-stack.front{padding:19px;color:var(--ddim-navy)}.ddim-paper-stack.front span{font-size:9px;font-weight:800;color:var(--ddim-green)}.ddim-paper-stack.front strong{display:block;font-size:21px;margin:29px 0 19px}.ddim-paper-stack.front i{display:block;height:5px;background:#e8ebef;margin:9px 0;border-radius:3px}.ddim-paper-stack.front i:nth-of-type(2){width:72%}.ddim-paper-stack.front i:nth-of-type(3){width:88%}.ddim-paper-stack.front b{position:absolute;bottom:17px;font-size:11px}
.ddim-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:26px}.ddim-stats-grid article{background:#fff;border:1px solid var(--ddim-line);border-radius:17px;padding:20px;display:flex;gap:15px;align-items:center;box-shadow:0 6px 22px rgba(22,35,61,.035)}.ddim-stat-icon{width:45px;height:45px;border-radius:13px;display:grid;place-items:center;flex:0 0 auto}.ddim-stat-icon.green{background:#e7f7ef;color:var(--ddim-green)}.ddim-stat-icon.blue{background:#eaf1fb;color:#3476c3}.ddim-stat-icon.yellow{background:#fff5d7;color:#a97700}.ddim-stat-icon.purple{background:#f1ebff;color:#7550c2}.ddim-stats-grid span,.ddim-stats-grid small{display:block}.ddim-stats-grid span{font-size:11px;color:#8591a5;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.ddim-stats-grid strong{display:block;color:var(--ddim-navy);font-size:22px;margin:2px 0}.ddim-stats-grid small{font-size:10px;color:#9aa4b5}
.ddim-panel{background:#fff;border:1px solid var(--ddim-line);border-radius:var(--ddim-radius);padding:24px;box-shadow:0 7px 25px rgba(22,35,61,.035);margin-bottom:22px}.ddim-panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.ddim-panel-head h2,.ddim-panel h2{font-family:'Sora',sans-serif;color:var(--ddim-navy);font-size:16px;letter-spacing:-.3px;margin:0 0 4px}.ddim-panel-head p{font-size:12px;color:#8994a7;margin:0}.ddim-panel-head>a{font-size:12px;font-weight:700;color:var(--ddim-green)}
.ddim-table-wrap{overflow:auto}.ddim-table{width:100%;border-collapse:collapse;min-width:730px}.ddim-table th{font-size:9.5px;text-transform:uppercase;letter-spacing:.8px;color:#95a0b2;text-align:left;padding:0 13px 11px;border-bottom:1px solid var(--ddim-line)}.ddim-table td{padding:15px 13px;border-bottom:1px solid #edf0f3;font-size:12.5px;color:var(--ddim-soft)}.ddim-table tbody tr:last-child td{border-bottom:0}.ddim-table tbody tr:hover{background:#fbfcfc}.ddim-table td small{display:block;color:#9aa4b5;font-size:10px;margin-top:3px}.ddim-table .is-right{text-align:right}.ddim-doc-number{font-weight:800;color:var(--ddim-navy)}.ddim-icon-btn{display:inline-grid;place-items:center;width:31px;height:31px;border-radius:9px;background:#f0f3f5;color:var(--ddim-navy);font-weight:800}.ddim-badge{display:inline-flex;border-radius:20px;padding:5px 9px;font-size:9.5px;font-weight:800}.ddim-badge.draft{background:#eef1f4;color:#657087}.ddim-badge.sent{background:#eaf1fb;color:#3476c3}.ddim-badge.paid{background:#e7f7ef;color:#177a4b}.ddim-badge.overdue{background:#fff0f2;color:#b23448}.ddim-badge.large{padding:8px 13px;font-size:11px}.ddim-empty{text-align:center;padding:42px 20px}.ddim-empty>div{width:54px;height:54px;background:#edf7f2;color:var(--ddim-green);display:grid;place-items:center;border-radius:16px;margin:0 auto 12px}.ddim-empty h3{color:var(--ddim-navy);margin:0 0 5px}.ddim-empty p{font-size:12px;color:#8d98a9;margin:0 0 17px}.ddim-empty.compact{padding:24px}.ddim-filterbar{display:flex;gap:7px;margin-bottom:17px;flex-wrap:wrap}.ddim-filterbar a{color:#68758a;background:#fff;border:1px solid var(--ddim-line);font-size:11px;font-weight:700;padding:8px 12px;border-radius:22px}.ddim-filterbar a.is-active{background:var(--ddim-navy);color:#fff;border-color:var(--ddim-navy)}
.ddim-two-col{display:grid;grid-template-columns:1fr 1fr;gap:22px}.ddim-field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.ddim-field{display:block}.ddim-field>span{display:block;color:var(--ddim-navy);font-size:11px;font-weight:700;margin-bottom:7px}.ddim-field>span b{color:var(--ddim-green)}.ddim-field>span em{font-style:normal;color:#96a1b2;font-weight:500}.ddim-field input,.ddim-field select,.ddim-field textarea,.ddim-item-row input,.ddim-item-row select,.ddim-item-row textarea{width:100%;border:1px solid #dce1e8;background:#fff;color:var(--ddim-navy);border-radius:10px;outline:0;transition:.18s}.ddim-field input,.ddim-field select{height:44px;padding:0 12px}.ddim-field textarea{padding:11px 12px;resize:vertical}.ddim-field input:focus,.ddim-field select:focus,.ddim-field textarea:focus,.ddim-item-row input:focus,.ddim-item-row select:focus,.ddim-item-row textarea:focus{border-color:var(--ddim-green);box-shadow:0 0 0 3px rgba(31,157,97,.11)}.ddim-field small{display:block;font-size:9.5px;color:#99a3b4;margin-top:6px;line-height:1.45}.ddim-field small a{color:var(--ddim-green);font-weight:700}.ddim-field-full{grid-column:1/-1;margin-top:15px}.ddim-form-actions{display:flex;gap:10px;margin-top:19px}
.ddim-client-list{display:grid;gap:9px;max-height:680px;overflow:auto}.ddim-client-card{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:12px;border:1px solid #e7eaef;border-radius:13px;padding:12px}.ddim-avatar{width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,var(--ddim-navy),#31476f);color:#fff;display:grid;place-items:center;font-weight:800}.ddim-client-card strong,.ddim-client-card span,.ddim-client-card small{display:block}.ddim-client-card strong{font-size:12.5px;color:var(--ddim-navy)}.ddim-client-card span{font-size:10.5px;color:#718097;margin-top:2px}.ddim-client-card small{font-size:9.5px;color:#a1aaba;margin-top:2px}.ddim-client-actions{text-align:right}.ddim-client-actions a,.ddim-client-actions button{display:block;background:none;border:0;padding:2px;color:var(--ddim-green);font-size:10px;font-weight:700;cursor:pointer;margin-left:auto}.ddim-client-actions button{color:#b44858}
.ddim-settings-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(330px,.7fr);gap:22px}.ddim-logo-upload{display:grid;grid-template-columns:180px 1fr;gap:20px;align-items:center;background:#f7f9f8;border:1px dashed #cfd7dd;padding:17px;border-radius:14px;margin-bottom:20px}.ddim-logo-preview{height:75px;background:#fff;border:1px solid var(--ddim-line);border-radius:11px;display:grid;place-items:center;padding:12px;overflow:hidden}.ddim-logo-preview img{max-width:100%;max-height:100%;object-fit:contain}.ddim-logo-upload label strong,.ddim-logo-upload label span{display:block}.ddim-logo-upload label strong{font-size:12px;color:var(--ddim-navy)}.ddim-logo-upload label span{font-size:10px;color:#8b96a7;line-height:1.5;margin:4px 0 9px}.ddim-logo-upload input{font-size:10px}.ddim-brandmark{font-family:'Sora',sans-serif;color:var(--ddim-navy);letter-spacing:-.7px;font-size:18px}.ddim-brandmark strong{color:var(--ddim-green)}.ddim-mode-settings{text-align:center;padding:30px}.ddim-mode-big-icon{width:64px;height:64px;display:grid;place-items:center;border-radius:19px;margin:0 auto 16px;background:#fff4d5;color:#9f7400}.ddim-mode-settings.enabled .ddim-mode-big-icon{background:#e5f7ee;color:var(--ddim-green)}.ddim-mode-big-icon svg{width:28px;height:28px}.ddim-mode-settings h2{font-size:19px;margin-bottom:9px}.ddim-mode-settings>p{font-size:12px;line-height:1.6;color:#7f8a9d;margin:0 0 21px}.ddim-kvk-field{text-align:left;background:#f7f9f8;border-radius:13px;padding:15px;margin-bottom:13px;border:1px solid var(--ddim-line)}.ddim-mode-settings>.ddim-field{text-align:left}.ddim-preview-panel{overflow:hidden}.ddim-mini-invoice{background:#fff;border:1px solid #dfe4e9;border-radius:8px;padding:17px;box-shadow:0 16px 35px rgba(22,35,61,.11);font-size:8px}.ddim-mini-invoice header{display:flex;justify-content:space-between;border-bottom:4px solid var(--mini-accent);padding-bottom:14px}.ddim-mini-invoice header>div:last-child{text-align:right}.ddim-mini-invoice header b,.ddim-mini-invoice header span{display:block}.ddim-mini-invoice header b{color:var(--ddim-navy);font-size:10px}.ddim-mini-invoice section{padding:21px 0}.ddim-mini-invoice section small,.ddim-mini-invoice section strong,.ddim-mini-invoice section span{display:block}.ddim-mini-invoice section small{color:var(--mini-accent);font-weight:800}.ddim-mini-invoice section strong{color:var(--ddim-navy);font-size:11px;margin:5px 0}.ddim-mini-invoice section span{color:#788499}.ddim-mini-lines i{height:7px;background:#eef1f4;display:block;margin:7px 0}.ddim-mini-lines i:nth-child(2){width:82%}.ddim-mini-lines i:nth-child(3){width:67%}.ddim-mini-invoice footer{display:flex;justify-content:flex-end;gap:25px;background:var(--mini-accent);color:#fff;padding:12px;margin-top:20px}.ddim-sticky-save{position:fixed;left:var(--ddim-side);right:0;bottom:0;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);border-top:1px solid var(--ddim-line);height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 42px;z-index:40;box-shadow:0 -10px 30px rgba(22,35,61,.06)}.ddim-sticky-save strong,.ddim-sticky-save span{display:block}.ddim-sticky-save strong{color:var(--ddim-navy);font-size:12px}.ddim-sticky-save span{color:#8f99aa;font-size:10px;margin-top:3px}
.ddim-document-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:22px}.ddim-step-head{display:flex;gap:13px;align-items:center;margin-bottom:20px}.ddim-step-head>span{width:35px;height:35px;border-radius:11px;background:var(--ddim-navy);color:#fff;display:grid;place-items:center;font-weight:800}.ddim-step-head h2{margin:0 0 3px}.ddim-step-head p{font-size:11px;color:#8e99aa;margin:0}.ddim-quick-services{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:15px}.ddim-quick-services button{border:1px solid #dfe4e9;background:#f8faf9;color:var(--ddim-navy);font-size:10px;font-weight:700;border-radius:20px;padding:7px 10px;cursor:pointer}.ddim-quick-services button:hover{border-color:var(--ddim-green);color:var(--ddim-green)}.ddim-items-table{border:1px solid var(--ddim-line);border-radius:13px;overflow:hidden}.ddim-items-head,.ddim-item-row{display:grid;grid-template-columns:minmax(230px,2.4fr) 80px 92px 115px 75px 105px 34px;gap:8px;align-items:center}.ddim-items-head{background:var(--ddim-navy);color:#fff;padding:10px 12px;font-size:8.5px;font-weight:800;text-transform:uppercase;letter-spacing:.55px}.ddim-item-row{padding:10px 12px;border-bottom:1px solid #eceff2}.ddim-item-row textarea{height:52px;padding:8px;resize:vertical;font-size:11px}.ddim-item-row input,.ddim-item-row select{height:39px;padding:0 8px;font-size:11px}.ddim-money-input{position:relative}.ddim-money-input span{position:absolute;left:9px;top:11px;font-size:11px;color:#8c97a8}.ddim-money-input input{padding-left:23px}.ddim-line-total{text-align:right;color:var(--ddim-navy);font-size:11px}.ddim-remove-row{border:0;background:#fff0f2;color:#ba3d50;width:29px;height:29px;border-radius:8px;font-size:18px;cursor:pointer}.ddim-add-row{width:100%;border:0;background:#f7f9f8;color:var(--ddim-green);font-size:11px;font-weight:800;padding:12px;cursor:pointer}.ddim-lock-note{color:#a97800!important}.ddim-document-summary{position:relative}.ddim-summary-card{position:sticky;top:127px;background:linear-gradient(155deg,var(--ddim-navy-2),#243657);color:#fff;border-radius:19px;padding:27px;box-shadow:0 22px 50px rgba(15,26,48,.2)}.ddim-summary-card h2{color:#fff;font-size:20px;margin-bottom:22px}.ddim-summary-card dl{margin:0}.ddim-summary-card dl div{display:flex;justify-content:space-between;padding:9px 0;color:#b6c0d0;font-size:12px}.ddim-summary-card dl .total{border-top:1px solid rgba(255,255,255,.14);margin-top:8px;padding-top:18px;color:#fff}.ddim-summary-card dl .total dd{font-size:21px;font-weight:800}.ddim-summary-card dd{margin:0;font-weight:700}.ddim-summary-note{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.09);padding:13px;border-radius:12px;margin:18px 0}.ddim-summary-note strong,.ddim-summary-note span{display:block}.ddim-summary-note strong{font-size:11px;color:var(--ddim-yellow);margin-bottom:4px}.ddim-summary-note span{font-size:9.5px;color:#b1bdcf;line-height:1.5}.ddim-summary-card .ddim-btn-light{background:rgba(255,255,255,.09);color:#fff!important}
.ddim-document-view-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:18px}.ddim-back{font-size:10px;color:#8190a5;font-weight:700}.ddim-doc-title{display:flex;align-items:center;gap:13px;margin-top:13px}.ddim-doc-title h2{font-family:'Sora',sans-serif;color:var(--ddim-navy);font-size:23px;margin:0 0 4px}.ddim-doc-title p{font-size:12px;margin:0}.ddim-doc-type-icon{width:48px;height:48px;border-radius:14px;background:var(--ddim-navy);color:#fff;display:grid;place-items:center}.ddim-document-detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:22px}.ddim-document-preview{background:#e8ebee;padding:0;overflow:hidden}.ddim-preview-toolbar{height:50px;background:#fff;border-bottom:1px solid var(--ddim-line);display:flex;justify-content:space-between;align-items:center;padding:0 18px;font-size:10px;font-weight:700;color:#778499}.ddim-preview-toolbar a{color:var(--ddim-green)}.ddim-paper-preview{background:#fff;width:82%;max-width:680px;min-height:790px;margin:35px auto;padding:38px;box-shadow:0 18px 50px rgba(22,35,61,.15);position:relative}.ddim-paper-preview>header{display:flex;justify-content:space-between;border-bottom:5px solid var(--ddim-green);padding-bottom:22px}.ddim-paper-preview>header>div:last-child{text-align:right}.ddim-paper-preview>header b,.ddim-paper-preview>header span{display:block}.ddim-paper-preview>header b{color:var(--ddim-navy);font-size:17px}.ddim-paper-preview>header span{font-size:9px;color:#8c97a8;margin-top:4px}.ddim-paper-info{display:grid;grid-template-columns:1fr 1fr;gap:50px;padding:34px 0}.ddim-paper-info small,.ddim-paper-info strong,.ddim-paper-info span{display:block}.ddim-paper-info small{font-size:7px;color:var(--ddim-green);font-weight:800;letter-spacing:1px}.ddim-paper-info strong{font-size:11px;color:var(--ddim-navy);margin:6px 0}.ddim-paper-info span{font-size:8.5px;line-height:1.6}.ddim-paper-preview table{width:100%;border-collapse:collapse;font-size:8px}.ddim-paper-preview th{background:var(--ddim-navy);color:#fff;text-align:left;padding:9px}.ddim-paper-preview td{padding:10px 9px;border-bottom:1px solid #e8ebef}.ddim-paper-totals{margin:25px 0 0 auto;width:220px}.ddim-paper-totals span,.ddim-paper-totals>strong{display:flex;justify-content:space-between;padding:7px 10px;font-size:8px}.ddim-paper-totals>strong{background:var(--ddim-green);color:#fff;font-size:10px;padding:12px}.ddim-proforma-stamp{position:absolute;left:38px;bottom:35px;background:var(--ddim-yellow);color:var(--ddim-navy);font-size:8px;font-weight:800;padding:8px 12px}.ddim-action-panel h2,.ddim-meta-panel h2{margin-bottom:15px}.ddim-action-button{width:100%;border:1px solid var(--ddim-line);background:#fff;display:flex;align-items:center;gap:12px;border-radius:12px;padding:12px;margin-bottom:8px;color:var(--ddim-navy);cursor:pointer;text-align:left}.ddim-action-button:hover{border-color:#b9c4cf;background:#fafbfb}.ddim-action-button>svg{width:19px;color:var(--ddim-green)}.ddim-action-button span,.ddim-action-button strong,.ddim-action-button small{display:block}.ddim-action-button strong{font-size:11px}.ddim-action-button small{font-size:9px;color:#8d98aa;margin-top:3px}.ddim-action-button.primary{background:var(--ddim-navy);border-color:var(--ddim-navy);color:#fff}.ddim-action-button.primary small{color:#aeb8c9}.ddim-action-button.success{background:#e9f8f1;border-color:#cbead9}.ddim-action-panel form{margin:0}.ddim-meta-panel dl{margin:0}.ddim-meta-panel dl div{display:flex;justify-content:space-between;border-bottom:1px solid #edf0f2;padding:11px 0;font-size:10.5px}.ddim-meta-panel dl div:last-child{border:0}.ddim-meta-panel dt{color:#8995a8}.ddim-meta-panel dd{margin:0;color:var(--ddim-navy);text-align:right}.ddim-delete-link{width:100%;border:0;background:none;color:#b44657;font-size:10px;font-weight:700;cursor:pointer;padding:8px}
.ddim-login-wrap{min-height:100vh;background:radial-gradient(circle at 15% 10%,#2a426c 0,transparent 30%),linear-gradient(145deg,#0e182b,#172642 65%,#112039);display:grid;place-items:center;padding:30px;position:relative;overflow:hidden}.ddim-login-orb{position:absolute;border-radius:50%;filter:blur(2px)}.ddim-login-orb-one{width:320px;height:320px;background:rgba(31,157,97,.16);right:-80px;top:-120px}.ddim-login-orb-two{width:240px;height:240px;background:rgba(255,209,102,.09);left:-100px;bottom:-70px}.ddim-login-card{width:min(435px,100%);background:#fff;border-radius:25px;padding:38px 39px;box-shadow:0 35px 80px rgba(0,0,0,.32);position:relative;z-index:2}.ddim-login-card .ddim-brandmark{font-size:24px}.ddim-login-kicker{color:var(--ddim-green);font-size:8px;font-weight:800;letter-spacing:2.2px;margin-top:5px}.ddim-login-card h1{font-family:'Sora',sans-serif;color:var(--ddim-navy);font-size:27px;letter-spacing:-1px;margin:32px 0 8px}.ddim-login-card>p{font-size:12px;line-height:1.6;color:#7c8799;margin:0 0 23px}.ddim-login-form label{display:block;color:var(--ddim-navy);font-size:10.5px;font-weight:700;margin:12px 0}.ddim-login-form input[type=text],.ddim-login-form input[type=password]{display:block;width:100%;height:46px;border:1px solid #dce1e8;border-radius:11px;margin-top:7px;padding:0 12px;outline:0}.ddim-login-form input:focus{border-color:var(--ddim-green);box-shadow:0 0 0 3px rgba(31,157,97,.11)}.ddim-check{display:flex!important;align-items:center;gap:8px;color:#7e8a9c!important}.ddim-check input{accent-color:var(--ddim-green)}.ddim-login-foot{text-align:center;font-size:9px;color:#9da6b5;margin-top:19px}
.ddim-copy-toast{position:fixed;right:25px;bottom:25px;background:var(--ddim-navy);color:#fff;padding:12px 16px;border-radius:11px;font-size:11px;font-weight:700;z-index:1000;box-shadow:var(--ddim-shadow)}
@media(max-width:1150px){.ddim-stats-grid{grid-template-columns:repeat(2,1fr)}.ddim-document-layout,.ddim-document-detail-grid,.ddim-settings-grid{grid-template-columns:1fr}.ddim-document-summary{order:-1}.ddim-summary-card{position:static}.ddim-items-head,.ddim-item-row{grid-template-columns:minmax(200px,2fr) 65px 80px 95px 65px 90px 32px}}
@media(max-width:850px){:root{--ddim-side:76px}.ddim-sidebar{padding:22px 11px}.ddim-sidebar-brand span,.ddim-sidebar-brand strong,.ddim-sidebar-brand small,.ddim-nav a span,.ddim-mode-card strong,.ddim-mode-card span,.ddim-logout span{display:none}.ddim-sidebar-brand{height:42px;padding:0;border:0}.ddim-sidebar-brand:before{content:'DD';display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:var(--ddim-green);color:#fff;font-family:'Sora';font-weight:700}.ddim-nav a,.ddim-logout{justify-content:center;padding:13px}.ddim-mode-card{height:46px;padding:0}.ddim-mode-dot{left:50%;top:50%;transform:translate(-50%,-50%)}.ddim-topbar{padding:0 22px}.ddim-content{padding:24px 22px 100px}.ddim-sticky-save{left:var(--ddim-side);padding:0 22px}.ddim-hero-card{grid-template-columns:1fr}.ddim-hero-visual{display:none}.ddim-two-col{grid-template-columns:1fr}.ddim-items-table{overflow:auto}.ddim-items-head,.ddim-item-row{min-width:780px}.ddim-paper-preview{width:94%}}
@media(max-width:620px){:root{--ddim-side:0}.ddim-sidebar{position:fixed;inset:auto 0 0;width:100%;height:66px;flex-direction:row;padding:8px;background:var(--ddim-navy-2)}.ddim-sidebar-brand,.ddim-mode-card,.ddim-logout{display:none}.ddim-nav{display:grid;grid-template-columns:repeat(5,1fr);padding:0;width:100%;gap:4px}.ddim-nav a{padding:10px 4px}.ddim-nav a svg{width:18px}.ddim-main{margin-left:0;padding-bottom:70px}.ddim-topbar{height:auto;min-height:88px;padding:16px;position:relative;align-items:flex-start}.ddim-topbar-actions .ddim-status-pill{display:none}.ddim-topbar-actions .ddim-btn{font-size:0;width:42px;padding:0}.ddim-topbar-actions .ddim-btn:before{content:'+';font-size:21px}.ddim-content{padding:18px 14px 100px}.ddim-topbar h1{font-size:19px}.ddim-topbar p{font-size:10px}.ddim-hero-card{padding:26px 23px}.ddim-hero-card h2{font-size:23px}.ddim-hero-actions{flex-direction:column}.ddim-stats-grid{grid-template-columns:1fr}.ddim-panel{padding:17px;border-radius:15px}.ddim-field-grid{grid-template-columns:1fr}.ddim-logo-upload{grid-template-columns:1fr}.ddim-sticky-save{left:0;bottom:66px;height:72px;padding:0 15px}.ddim-sticky-save>div{display:none}.ddim-sticky-save .ddim-btn{width:100%}.ddim-document-view-head{align-items:flex-start}.ddim-document-view-head>.ddim-badge{margin-top:26px}.ddim-paper-preview{padding:20px;min-height:600px;margin:18px auto}.ddim-paper-info{gap:20px}.ddim-login-card{padding:30px 25px}.ddim-client-card{grid-template-columns:38px 1fr}.ddim-client-actions{grid-column:2;display:flex;gap:8px;text-align:left}.ddim-client-actions a,.ddim-client-actions button{margin:0}}

/* v1.1 branding, incl/excl pricing and WhatsApp sharing */
.ddim-brand-lockup{display:flex;align-items:center;gap:10px;line-height:1}.ddim-brand-icon{display:block;width:42px;height:42px;object-fit:contain;flex:0 0 auto;border-radius:7px}.ddim-brand-copy{width:164px;min-width:0}.ddim-brand-name{display:flex;align-items:baseline;white-space:nowrap;font-family:'Sora',sans-serif;font-size:18px;font-weight:700;letter-spacing:-.8px}.ddim-brand-name span{color:var(--ddim-navy)}.ddim-brand-name strong{color:var(--ddim-green)}.ddim-brand-tagline{width:100%;display:flex;justify-content:space-between;align-items:center;margin-top:6px;font-family:'Albert Sans',sans-serif;font-size:5.8px;font-weight:800;letter-spacing:.15px;white-space:nowrap}.ddim-brand-tagline span,.ddim-brand-tagline i{display:block;font-style:normal;color:#77859a}.ddim-brand-dark .ddim-brand-name span{color:#fff}.ddim-brand-dark .ddim-brand-tagline span,.ddim-brand-dark .ddim-brand-tagline i{color:#aab5c9}.ddim-brand-login .ddim-brand-icon{width:56px;height:56px;border-radius:10px}.ddim-brand-login .ddim-brand-copy{width:214px}.ddim-brand-login .ddim-brand-name{font-size:24px}.ddim-brand-login .ddim-brand-tagline{font-size:7.4px;margin-top:7px}.ddim-brand-sidebar{gap:9px}.ddim-brand-sidebar .ddim-brand-icon{width:39px;height:39px}.ddim-brand-sidebar .ddim-brand-copy{width:146px}.ddim-brand-sidebar .ddim-brand-name{font-size:16px}.ddim-brand-sidebar .ddim-brand-tagline{font-size:5.1px;margin-top:5px}.ddim-brand-settings .ddim-brand-icon{width:42px;height:42px}.ddim-brand-settings .ddim-brand-copy{width:154px}.ddim-brand-settings .ddim-brand-name{font-size:17px}.ddim-brand-settings .ddim-brand-tagline{font-size:5.4px}.ddim-brand-mini{gap:5px}.ddim-brand-mini .ddim-brand-icon{width:24px;height:24px;border-radius:4px}.ddim-brand-mini .ddim-brand-copy{width:85px}.ddim-brand-mini .ddim-brand-name{font-size:9px;letter-spacing:-.3px}.ddim-brand-mini .ddim-brand-tagline{font-size:2.7px;margin-top:3px}.ddim-brand-preview{gap:7px}.ddim-brand-preview .ddim-brand-icon{width:34px;height:34px;border-radius:5px}.ddim-brand-preview .ddim-brand-copy{width:125px}.ddim-brand-preview .ddim-brand-name{font-size:13.5px;letter-spacing:-.5px}.ddim-brand-preview .ddim-brand-tagline{font-size:4px;margin-top:4px}.ddim-sidebar-brand{padding:0 0 26px;border-bottom:1px solid rgba(255,255,255,.09)}.ddim-logo-preview{min-height:86px;height:auto}.ddim-logo-preview .ddim-brand-lockup{transform:scale(.88)}
.ddim-items-head,.ddim-item-row{grid-template-columns:minmax(210px,2.25fr) 70px 86px 105px 94px 70px 102px 34px}.ddim-price-mode{font-weight:700;color:var(--ddim-green)!important}.ddim-action-button.whatsapp{background:#ecfff4;border-color:#bde9cf}.ddim-action-button.whatsapp>svg{color:#16a765}.ddim-action-button.whatsapp:hover{background:#dcf9e8;border-color:#8dd6ab}
@media(max-width:1150px){.ddim-items-head,.ddim-item-row{grid-template-columns:minmax(190px,2fr) 64px 76px 92px 88px 62px 90px 32px}.ddim-items-head,.ddim-item-row{min-width:860px}}
@media(max-width:850px){.ddim-sidebar-brand{display:grid;place-items:center;height:46px;padding:0;border:0}.ddim-sidebar-brand:before{display:none!important}.ddim-brand-sidebar .ddim-brand-copy{display:none}.ddim-brand-sidebar .ddim-brand-icon{width:44px;height:44px;border-radius:9px}.ddim-items-head,.ddim-item-row{min-width:860px}}
.ddim-table-actions{display:inline-flex;align-items:center;justify-content:flex-end;gap:8px}.ddim-table-actions>a:first-child{font-size:10px;font-weight:800;color:var(--ddim-green)}

/* v1.2 betaalfasen: aanbetaling + restant */
.ddim-payment-plan-banner{display:flex;align-items:center;justify-content:space-between;gap:25px;margin:0 0 18px;padding:17px 20px;border:1px solid #cfe8dc;border-radius:16px;background:linear-gradient(135deg,#f5fcf8,#eef8f3);box-shadow:0 10px 30px rgba(31,157,97,.06)}
.ddim-payment-plan-banner .ddim-eyebrow{margin:0 0 4px}.ddim-payment-plan-banner>div>strong{display:block;color:var(--ddim-navy);font-family:'Sora',sans-serif;font-size:13px}.ddim-payment-plan-banner dl{display:flex;gap:10px;margin:0;flex-wrap:wrap;justify-content:flex-end}.ddim-payment-plan-banner dl div{min-width:110px;padding:8px 11px;border-radius:10px;background:#fff;border:1px solid #e2ede7}.ddim-payment-plan-banner dt{font-size:8px;text-transform:uppercase;letter-spacing:.6px;color:#8a97a7;font-weight:800}.ddim-payment-plan-banner dd{margin:3px 0 0;color:var(--ddim-navy);font-size:11px;font-weight:800}
.ddim-payment-action-form{border:1px solid #cce7da!important;background:#f4fcf8;border-radius:13px;padding:12px;margin:0 0 8px!important}.ddim-payment-action-title{display:block;margin-bottom:9px}.ddim-payment-action-title strong,.ddim-payment-action-title small{display:block}.ddim-payment-action-title strong{font-size:11px;color:var(--ddim-navy)}.ddim-payment-action-title small{margin-top:3px;font-size:9px;line-height:1.4;color:#7f8c9d}.ddim-payment-action-controls{display:grid;grid-template-columns:1fr 88px auto;gap:6px}.ddim-payment-action-controls input,.ddim-payment-action-controls select{min-width:0;height:36px;border:1px solid #dce4e0;background:#fff;border-radius:9px;padding:0 9px;color:var(--ddim-navy);font-size:10px}.ddim-payment-action-controls button{border:0;border-radius:9px;background:var(--ddim-green);color:#fff;font-weight:800;font-size:10px;padding:0 11px;cursor:pointer}.ddim-payment-action-controls button:hover{background:var(--ddim-green-dark)}.ddim-payment-hint{display:block;margin-top:8px;font-size:8.5px;line-height:1.4;color:#728092}.ddim-action-button.payment-balance{background:#fffaf0;border-color:#f0dca9}.ddim-action-button.payment-balance>svg{color:#c99121}
@media(max-width:620px){.ddim-payment-plan-banner{display:block}.ddim-payment-plan-banner dl{margin-top:12px;justify-content:flex-start}.ddim-payment-plan-banner dl div{flex:1 1 42%}.ddim-payment-action-controls{grid-template-columns:1fr 82px}.ddim-payment-action-controls button{grid-column:1/-1;height:36px}}}

/* v1.3 hosting & abonnementen + btw-overzicht */
.ddim-subscription-intro{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(250px,.55fr);gap:24px;align-items:center;margin:0 0 22px;padding:27px 30px;border-radius:20px;background:linear-gradient(135deg,#101c33,#1e3154);box-shadow:var(--ddim-shadow);overflow:hidden;position:relative}
.ddim-subscription-intro:after{content:"";position:absolute;width:250px;height:250px;border-radius:50%;right:-90px;top:-120px;background:rgba(31,157,97,.18)}.ddim-subscription-intro>div{position:relative;z-index:1}.ddim-subscription-intro h2{font-family:'Sora',sans-serif;color:#fff;font-size:22px;letter-spacing:-.7px;margin:0 0 8px}.ddim-subscription-intro p{max-width:760px;color:#b8c4d7;font-size:12px;line-height:1.65;margin:0}.ddim-subscription-example{padding:18px;border:1px solid rgba(255,255,255,.13);border-radius:15px;background:rgba(255,255,255,.07);color:#fff}.ddim-subscription-example small,.ddim-subscription-example span{display:block}.ddim-subscription-example small{font-size:8px;letter-spacing:1.5px;color:#83d5aa;font-weight:800}.ddim-subscription-example strong{display:block;font-family:'Sora',sans-serif;font-size:16px;margin:7px 0 4px}.ddim-subscription-example span{font-size:11px;color:#bec9da}
.ddim-subscriptions-layout{grid-template-columns:minmax(360px,.75fr) minmax(0,1.25fr)}.ddim-inline-months{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;border:1px solid #dce1e8;border-radius:11px;background:#fff;overflow:hidden}.ddim-inline-months input{border:0!important;border-radius:0!important}.ddim-inline-months b{padding:0 12px;color:#778399;font-size:10px;border-left:1px solid #e5e8ed;white-space:nowrap}
.ddim-subscription-list{display:grid;gap:12px}.ddim-subscription-card{display:grid;grid-template-columns:minmax(170px,1fr) minmax(220px,1.05fr) auto;gap:18px;align-items:center;padding:17px;border:1px solid #e2e7ec;border-radius:15px;background:#fbfcfc;position:relative;overflow:hidden}.ddim-subscription-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#b8c1ce}.ddim-subscription-card.soon:before{background:#e4ad32}.ddim-subscription-card.due:before{background:#d44f62}.ddim-subscription-card.later:before{background:var(--ddim-green)}.ddim-subscription-card.paused{opacity:.62}.ddim-subscription-main h3{margin:4px 0 2px;color:var(--ddim-navy);font-family:'Sora',sans-serif;font-size:13px}.ddim-subscription-main p{margin:0;color:#7b8798;font-size:10px}.ddim-subscription-status{display:flex;align-items:center;gap:6px}.ddim-subscription-status span{width:7px;height:7px;border-radius:50%;background:#aab3c1}.ddim-subscription-card.soon .ddim-subscription-status span{background:#e4ad32;box-shadow:0 0 0 4px rgba(228,173,50,.12)}.ddim-subscription-card.due .ddim-subscription-status span{background:#d44f62;box-shadow:0 0 0 4px rgba(212,79,98,.12)}.ddim-subscription-card.later .ddim-subscription-status span{background:var(--ddim-green);box-shadow:0 0 0 4px rgba(31,157,97,.10)}.ddim-subscription-status b{font-size:8px;letter-spacing:.5px;text-transform:uppercase;color:#7e899a}.ddim-subscription-timer{display:inline-flex;margin-top:9px;padding:5px 8px;border-radius:20px;background:#eef1f4;color:#5e6a7c;font-size:9px;font-weight:800}.ddim-subscription-card.soon .ddim-subscription-timer{background:#fff5dc;color:#8b650d}.ddim-subscription-card.due .ddim-subscription-timer{background:#fff0f2;color:#a73547}
.ddim-subscription-period small,.ddim-subscription-period strong,.ddim-subscription-period span{display:block}.ddim-subscription-period small{font-size:7.5px;letter-spacing:1.2px;font-weight:800;color:#9aa4b3}.ddim-subscription-period strong{font-size:11px;color:var(--ddim-navy);margin:4px 0}.ddim-subscription-period span{font-size:9.5px;color:#7d899b}.ddim-subscription-period span b{color:var(--ddim-green);font-size:11px}.ddim-subscription-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.ddim-subscription-actions form{margin:0}.ddim-subscription-actions>a,.ddim-subscription-actions>form>button.ddim-text-danger{border:0;background:none;padding:0;color:var(--ddim-green);font-size:9px;font-weight:800;cursor:pointer}.ddim-subscription-actions>form>button.ddim-text-danger{color:#bf4657}.ddim-subscription-list.compact .ddim-subscription-card{grid-template-columns:minmax(180px,1fr) minmax(220px,1fr) auto}.ddim-subscription-dashboard{margin-bottom:26px}
.ddim-vat-summary{margin:24px -4px -4px;padding:21px;display:grid;grid-template-columns:minmax(250px,1.3fr) repeat(4,minmax(120px,.65fr));gap:12px;align-items:stretch;border-radius:16px;background:linear-gradient(135deg,#f2f8f5,#f8fbfa);border:1px solid #cfe5da}.ddim-vat-summary-title{padding:4px 8px}.ddim-vat-summary-title>span{font-size:8px;letter-spacing:1.5px;font-weight:900;color:var(--ddim-green)}.ddim-vat-summary-title h3{font-family:'Sora',sans-serif;color:var(--ddim-navy);font-size:14px;margin:5px 0}.ddim-vat-summary-title p{font-size:9.5px;line-height:1.5;color:#7b8798;margin:0}.ddim-vat-stat{display:flex;flex-direction:column;justify-content:center;padding:13px 14px;border-radius:12px;background:#fff;border:1px solid #e1ebe6}.ddim-vat-stat small{font-size:8px;text-transform:uppercase;letter-spacing:.6px;color:#8e99a9;font-weight:800}.ddim-vat-stat strong{margin-top:4px;color:var(--ddim-navy);font-size:15px}.ddim-vat-stat.highlight{background:var(--ddim-green);border-color:var(--ddim-green)}.ddim-vat-stat.highlight small,.ddim-vat-stat.highlight strong{color:#fff}.ddim-vat-stat.highlight strong{font-size:19px}.ddim-vat-note{grid-column:1/-1;padding:9px 11px;border-radius:10px;background:rgba(22,35,61,.045);color:#6e7b8d;font-size:8.8px;line-height:1.5}.ddim-vat-note strong{color:var(--ddim-navy)}
.ddim-service-period-banner{display:flex;justify-content:space-between;align-items:center;gap:18px;margin:0 0 18px;padding:15px 18px;border-radius:14px;background:#eef8f3;border:1px solid #cee7da}.ddim-service-period-banner .ddim-eyebrow{margin:0 0 4px}.ddim-service-period-banner strong{display:block;color:var(--ddim-navy);font-size:12px}.ddim-service-period-banner a{font-size:10px;font-weight:800;color:var(--ddim-green)}
@media(max-width:1150px){.ddim-subscriptions-layout{grid-template-columns:1fr}.ddim-vat-summary{grid-template-columns:repeat(2,1fr)}.ddim-vat-summary-title{grid-column:1/-1}.ddim-subscription-card,.ddim-subscription-list.compact .ddim-subscription-card{grid-template-columns:1fr 1fr}.ddim-subscription-actions{grid-column:1/-1;justify-content:flex-start}}
@media(max-width:850px){.ddim-subscription-intro{grid-template-columns:1fr}.ddim-subscription-example{max-width:360px}.ddim-vat-summary{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.ddim-nav{grid-template-columns:repeat(6,1fr)}.ddim-subscription-intro{padding:22px 19px}.ddim-subscription-intro h2{font-size:18px}.ddim-subscription-card,.ddim-subscription-list.compact .ddim-subscription-card{grid-template-columns:1fr}.ddim-subscription-actions{grid-column:auto;justify-content:flex-start}.ddim-subscription-period{padding-top:10px;border-top:1px solid #e7ebef}.ddim-vat-summary{grid-template-columns:1fr;padding:15px}.ddim-vat-summary-title{grid-column:auto}.ddim-service-period-banner{display:block}.ddim-service-period-banner a{display:inline-block;margin-top:8px}}