:root{font-family:Inter,system-ui,sans-serif;color:#172033;background:#f5f7fb}body{margin:0}main{max-width:1100px;margin:0 auto;padding:32px}.dashboard-shell{max-width:1240px;padding-left:72px}.page-with-menu{margin-left:220px}.docs-page{max-width:1080px}.docs-intro{color:#666;font-size:16px}.docs-list{display:grid;gap:24px;margin-top:28px}.docs-topic{padding:24px;border-radius:14px;background:#fff;box-shadow:0 4px 16px #17203312}.docs-topic h2{margin-top:0;border-bottom:1px solid #edf0f5;padding-bottom:14px}.docs-steps{display:grid;gap:12px}.docs-step{position:relative;display:grid;grid-template-columns:34px 1fr;gap:12px;padding:12px 0 24px}.docs-step-number{display:grid;width:30px;height:30px;place-items:center;border-radius:50%;background:#303030;color:#fff;font-weight:700}.docs-step h3{margin:2px 0 8px;font-size:16px}.docs-step code{display:inline-block;max-width:100%;padding:7px 9px;overflow-wrap:anywhere;border-radius:6px;background:#f1f1f1;color:#444;font-size:12px}.docs-step p{margin:8px 0 0;color:#666;font-size:13px}.docs-arrow{position:absolute;bottom:-4px;left:9px;color:#888;font-size:20px}.side-menu{position:fixed;inset:0 auto 0 0;z-index:5;width:220px;padding:28px 16px;background:#303030;color:#fff}.side-menu-brand{margin:0 12px 42px;color:#fff;font-size:25px;font-weight:800;letter-spacing:-1px}.side-menu nav{display:grid;gap:10px}.side-menu button{display:flex;width:100%;align-items:center;gap:14px;border-radius:10px;background:transparent;color:#d7e8ef;font-size:16px;text-align:left}.side-menu button:hover,.side-menu button.active{background:#666;color:#fff}.empty-dashboard{margin-top:28px;padding:56px;border-radius:16px;background:#fff;text-align:center}.dashboard-card{margin-top:28px;padding:32px;border-radius:16px;background:#fff}.dashboard-filter{display:flex;align-items:center;gap:12px;margin:20px 0}.dashboard-filter select{min-width:180px;padding:10px 12px}.stats-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.stat-card{padding:24px;border-radius:12px;background:#f1f1f1}.stat-card strong{display:block;font-size:36px}.stat-card span{display:block;margin-top:6px}.delivered-stat{background:#eefbea}.simple-chart{display:grid;gap:18px;margin-top:30px}.simple-chart span{display:block;margin-bottom:6px}.chart-bar{height:24px;min-width:4%;border-radius:6px}.in-progress-bar{background:#777}.delivered-bar{background:#acdca5}.client-status-actions{margin:20px 0}.template-option{display:flex;align-items:flex-start;gap:12px;padding:16px;border:1px solid #ddd;border-radius:8px}.template-option span{display:grid;gap:6px}.template-option-disabled{opacity:.55;cursor:not-allowed}.templates-list-modal{max-width:620px}.email-modal{max-width:640px}.email-options-modal{max-width:430px}.email-options{display:grid;gap:10px;margin:20px 0}.email-options button{display:flex;justify-content:space-between;align-items:center}.secondary-action-button{background:#e5e5e5;color:#777}.secondary-action-button small{font-size:11px}.email-sub-actions{display:grid;grid-column:3;gap:4px;width:112px;min-width:112px;height:auto;align-self:center}.email-sub-action{display:grid;gap:3px;text-align:center}.email-sub-label{overflow:hidden;color:#555;font-size:10px;line-height:1.1;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.email-sub-action>b{display:block;box-sizing:border-box;width:112px;min-width:112px;min-height:0;height:auto;padding:6px 10px;border-radius:999px;background:#fff8df;color:#a87500;font-size:11px;line-height:normal;text-align:center;text-transform:uppercase;white-space:nowrap}.email-sub-action>b.subaction-completed{background:#d8f7d8;color:#258b25}.email-sub-free{padding:0;color:#777;font-size:10px;text-align:center;text-transform:uppercase}.email-modal textarea{box-sizing:border-box;width:100%;margin:12px 0;padding:12px;border:1px solid #d8deea;border-radius:8px;resize:vertical}.templates-list{display:grid;gap:8px;max-height:360px;margin:18px 0;overflow-y:auto}.template-list-item{display:flex;justify-content:space-between;gap:18px;padding:12px 14px;border-bottom:1px solid #e5e5e5}.template-list-item span{color:#777}.dashboard-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-top:20px}.dashboard-toolbar input{width:min(480px,48vw);margin-top:12px;background:#fff}.client-filters{display:flex;align-items:center;gap:12px;margin:18px 0}.client-filters select{min-width:260px;padding:10px 12px}.skip-action-button{grid-column:2;box-sizing:border-box;width:100px;min-width:100px;margin:0;padding:8px 12px;border:1px solid #aaa;border-radius:6px;background:#fff;color:#555;font-size:13px;white-space:nowrap}.action-skipped-row{background:#f3f3f3;color:#777}.dashboard-toolbar strong{display:block;font-size:18px}.sidebar{position:fixed;inset:0 auto 0 0;display:flex;width:56px;flex-direction:column;align-items:center;gap:18px;padding-top:24px;background:#fff;box-shadow:2px 0 14px #17203312}.sidebar-logo{color:#111;font-size:24px}.sidebar-item{padding:10px;color:#8a94a8;font-size:20px}.sidebar-item.active{border-radius:8px;background:#edf2ff;color:#111}header{display:flex;align-items:center;justify-content:space-between}h1{font-size:28px}button{border:0;border-radius:8px;background:#111;color:#fff;padding:11px 16px;cursor:pointer}button:disabled{cursor:wait;opacity:.7}input{display:block;box-sizing:border-box;width:100%;margin:12px 0;padding:12px;border:1px solid #d8deea;border-radius:8px}.login{display:grid;min-height:100vh;place-items:center}.login form{width:320px;padding:32px;border-radius:14px;background:#fff;box-shadow:0 8px 30px #17203318}table{width:100%;margin-top:20px;border-collapse:collapse;overflow:hidden;border-radius:12px;background:#fff}th,td{padding:15px;border-bottom:1px solid #edf0f5;text-align:left}tbody tr:hover{background:#f0f4ff}.open-client-button{min-width:145px;padding:14px 18px;background:#111;color:#fff;font-size:15px;font-weight:700}.open-client-button:hover{background:#333}.details{margin-top:24px;padding:24px;border-radius:12px;background:#fff}.details-page{margin-top:24px;padding:28px;border-radius:12px;background:#fff}.crm-link{padding:0;background:transparent;color:#111;font-weight:700;text-decoration:none}.crm-link:hover{text-decoration:underline}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#17203366;z-index:10}.confirmation-modal{width:min(460px,calc(100% - 40px));padding:28px;border-radius:14px;background:#fff;box-shadow:0 18px 50px #17203340}.action-modal{width:min(560px,calc(100% - 40px));padding:28px;border-radius:14px;background:#fff;box-shadow:0 18px 50px #17203340}.success-modal{width:min(460px,calc(100% - 40px));padding:28px;border-radius:14px;background:#fff;box-shadow:0 18px 50px #17203340;text-align:center}.success-modal h2{margin:0 0 22px;color:#172033}.inline-button{padding:4px 8px;background:#edf2ff;color:#111;font-size:12px}.wise-warning{color:#a56b00;font-weight:700}.copy-list{display:grid;gap:8px;margin-top:18px}.copy-item{background:#edf2ff;color:#111;text-align:left}.checkbox-label{display:flex;align-items:center;gap:8px;margin:14px 0}.checkbox-label input{width:auto;margin:0}.compact-modal{max-width:640px}.contracted-services-info{margin-bottom:18px;padding:12px 16px;border:1px solid #e1e5ea;border-radius:8px;background:#fafafa}.contracted-services-info h3{margin:0 0 10px;font-size:16px}.contracted-service-item{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px}.contracted-service-item small{flex-basis:100%;color:#616161}.compact-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.compact-form-grid>div:first-child{grid-column:1 / -1}.loading-modal{width:min(360px,calc(100% - 40px));padding:28px;border-radius:14px;background:#fff;text-align:center;box-shadow:0 18px 50px #17203340}.loading-spinner{width:36px;height:36px;margin:0 auto 18px;border:4px solid #dce4ff;border-top-color:#111;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.modal-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:24px}.cancel-button{background:#e7ebf3;color:#172033}.continue-button{background:#20a900}.action{display:flex;align-items:center;justify-content:space-between;min-height:48px;padding:12px 0;border-bottom:1px solid #edf0f5}.action-completed-row{background:#f0fff0}.action span{flex:1}.action-controls{display:grid;grid-template-columns:190px 100px 112px;align-items:center;gap:8px;width:428px}.action b{grid-column:3;min-width:112px;padding:6px 10px;border-radius:999px;background:#fff8df;color:#a87500;font-size:12px;text-align:center;text-transform:uppercase}.action-completed-row b{background:#d8f7d8;color:#258b25}.action b.status-completed,.email-sub-action>b.status-completed{background:#d8f7d8;color:#258b25}.action b.status-pending,.email-sub-action>b.status-pending{background:#fff4d6;color:#b77900}.action b.status-failed,.email-sub-action>b.status-failed{background:#fde2e2;color:#c62828}.action b.status-skipped,.email-sub-action>b.status-skipped{background:#eceff1;color:#616161}.wise-progress{margin-top:16px;text-align:left}.wise-progress p{margin:8px 0;color:#258b25}.action-button{grid-column:1;width:190px;margin:0;background:#111;color:#fff}.update-action-button{background:#555;color:#fff}.create-another-wise-button{background:#6b7280}.create-another-wise-button:hover{background:#4b5563}.update-action-button:hover{background:#333}.wise-action-form{max-width:460px;margin:20px 0}.wise-action-form label{display:block;margin-bottom:8px;font-weight:700}.comment-action-form{max-width:620px;margin-top:20px}.comment-action-form label{display:block;margin-bottom:8px;font-weight:700}.comment-action-form textarea{display:block;box-sizing:border-box;width:100%;margin-bottom:12px;padding:12px;border:1px solid #d8deea;border-radius:8px;font:inherit;resize:vertical}.client-services{margin:20px 0;padding:14px 16px;border:1px solid #e5e7eb;border-radius:8px;background:#fafafa}.wise-system-link{display:block;margin:12px 0;overflow-wrap:anywhere}.service-link-button{display:block;width:fit-content;margin-top:10px;padding:8px 14px;border:0;border-radius:6px;background:#111;color:#fff;cursor:pointer}.wise-create-modal{display:grid;grid-template-columns:minmax(280px,1fr) 280px;gap:24px;max-width:680px}.wise-create-fields input{width:100%;box-sizing:border-box;padding:9px 12px;margin-bottom:8px}.wise-limit-suffix{display:block;margin:-4px 0 8px;color:#616161;font-size:13px}.edit-field-button{display:block;margin:-2px 0 12px auto;padding:4px 8px;border:1px solid #999;border-radius:4px;background:#f3f3f3;color:#333;font-size:12px}.wise-create-image-panel{min-height:300px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;color:#6b7280;text-align:center}.wise-create-image-panel img{width:100%;height:100%;object-fit:cover}.client-services h3{margin:0 0 12px;font-size:16px}.service-summary{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px}.service-summary small{flex-basis:100%;color:#616161}