@import url('./type.css');

:root{--green:#184f44;--green-dark:#123e36;--lime:#e6f0b2;--ink:#263732;--muted:#89928e;--line:#e9ece7;--paper:#f7f8f4;--white:#fff;--radius:14px;--font:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-synthesis:none;color-scheme:light}
*{box-sizing:border-box}body{margin:0;font-family:var(--font);color:var(--ink);background:var(--paper);font-size:calc(14px * var(--font-scale,1));-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.45}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button{color:inherit}button:focus-visible,a:focus-visible{outline:3px solid #9fbd7f;outline-offset:3px}input:focus,select:focus,textarea:focus{outline:2px solid #acc8b4;outline-offset:1px}button{background:none;border:0}h1,h2,h3,p{margin:0}h1{font-size:calc(32px * var(--font-scale,1));letter-spacing:-1.2px;font-weight:600;line-height:1.25}h2{font-size:calc(16px * var(--font-scale,1));letter-spacing:-.35px;font-weight:600}h3{font-weight:600}p{line-height:1.6}.icon{width:20px;height:20px;flex-shrink:0;vertical-align:middle}.muted{color:var(--muted)}.hidden{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.eyebrow{font-size:calc(10px * var(--font-scale,1));letter-spacing:1.4px;font-weight:600;text-transform:uppercase;color:#88958a;margin-bottom:11px}.required,.danger-text{color:#bf6b4e}.warning{background:#fff3df;color:#846126;padding:13px 18px;border-radius:10px;margin-bottom:20px;font-size:calc(12px * var(--font-scale,1))}.brand{display:flex;align-items:center;font-size:calc(31px * var(--font-scale,1));letter-spacing:-1.3px;font-weight:600;gap:10px;color:#fff}.brand-mark{display:inline-flex;align-items:center;justify-content:center;font-size:calc(43px * var(--font-scale,1));line-height:1;width:34px;height:36px;position:relative;color:var(--lime);font-weight:500}.brand-mark>span{position:absolute;background:var(--lime);width:7px;height:7px;border-radius:50%;top:6px;right:1px}.brand-crm{font-size:calc(9px * var(--font-scale,1));letter-spacing:1.1px;font-weight:500;align-self:flex-end;margin:0 0 7px -2px;opacity:.6}.button{height:42px;padding:0 18px;display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:8px;border:1px solid transparent;white-space:nowrap;font-weight:500;font-size:calc(12px * var(--font-scale,1));transition:background .15s,transform .15s}.button:hover:not(:disabled){transform:translateY(-1px)}.button.primary{background:var(--green);color:#fff;box-shadow:0 3px 5px #184f440b}.button.primary:hover{background:var(--green-dark)}.button.secondary{border-color:#e3e7e1;background:white;color:#526158}.button.danger{color:#b8544d}.button.subtle{background:#fbf1ef}.button.wide{width:100%;height:46px}.button.compact{height:35px;padding:0 12px;font-size:calc(11px * var(--font-scale,1))}.button .icon{width:16px;height:16px}.icon-button{display:inline-flex;justify-content:center;align-items:center;height:34px;width:34px;border-radius:7px;flex-shrink:0;color:#7c8880}.icon-button:hover{background:#edf0e9}.text-button{display:inline-flex;align-items:center;gap:6px;font-size:calc(11px * var(--font-scale,1));font-weight:500;color:#486a52;padding:3px 0;white-space:nowrap}.text-button .icon{width:14px;height:14px}.text-button:hover{text-decoration:underline}.initial-loader{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;gap:16px;color:var(--muted)}.initial-loader .brand-mark{color:var(--green)}
.workspace{display:flex;min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:228px;background:var(--green);padding:32px 19px 0;color:#c6d8cc;display:flex;flex-direction:column;z-index:25}.sidebar>.brand{padding-left:12px;margin-bottom:33px}.workspace-switch{display:flex;align-items:center;gap:11px;padding:13px 10px;border:1px solid #ffffff1c;border-radius:8px;margin-bottom:28px}.workspace-symbol{width:30px;height:30px;background:#ffffff13;border:1px solid #ffffff15;border-radius:7px;display:grid;place-items:center;font-size:calc(14px * var(--font-scale,1));color:#e8eddd}.workspace-switch strong{font-size:calc(10px * var(--font-scale,1));font-weight:500;color:#e9f0e8;display:block}.workspace-switch small{font-size:calc(9px * var(--font-scale,1));display:block;margin-top:5px;color:#9eb9a8}.workspace-dot{width:6px;height:6px;border-radius:50%;background:#a0c79c;margin-left:auto;margin-right:3px}.nav-label{font-size:calc(8px * var(--font-scale,1));font-weight:600;letter-spacing:1.3px;color:#95b09c;padding-left:12px;margin-bottom:12px}.sidebar nav{display:flex;flex-direction:column;gap:5px}.nav-link{display:flex;align-items:center;gap:13px;width:100%;padding:12px;border-radius:7px;color:#bcd1c3;text-align:left;font-size:calc(12px * var(--font-scale,1));transition:background .15s}.nav-link .icon{width:18px;height:18px;opacity:.8}.nav-link:hover{background:#ffffff0d;color:white}.nav-link.active{background:var(--lime);color:#254d34;font-weight:600}.nav-link.active .icon{opacity:1}.nav-count{display:inline-flex;margin-left:auto;min-width:19px;height:18px;align-items:center;justify-content:center;background:#ffffff17;font-size:calc(9px * var(--font-scale,1));border-radius:4px}.nav-link.active .nav-count{background:#224d3114}.sidebar-bottom{margin-top:auto;padding-top:30px}.sidebar-tip{border:1px solid #ffffff1c;background:#ffffff06;border-radius:10px;padding:15px 13px 12px;margin:0 2px 23px}.tip-icon{display:block;color:var(--lime);font-size:calc(23px * var(--font-scale,1));margin-bottom:11px}.sidebar-tip strong{display:block;font-size:calc(11px * var(--font-scale,1));font-weight:500;color:#edf1df}.sidebar-tip p{font-size:calc(9px * var(--font-scale,1));line-height:1.9;color:#9bb7a4;margin-top:7px}.sidebar-tip button{display:flex;align-items:center;justify-content:space-between;color:#dce9b9;font-size:calc(9px * var(--font-scale,1));border-top:1px solid #ffffff12;margin-top:13px;padding:13px 0 0;width:100%}.sidebar-tip .icon{width:13px;height:13px}.profile{margin-top:17px;padding:20px 0;border-top:1px solid #ffffff1c;display:flex;align-items:center;gap:9px}.avatar{display:grid;place-items:center;background:#d5e3ba;color:#3d5942;width:33px;height:33px;flex-shrink:0;border-radius:50%;font-size:calc(10px * var(--font-scale,1));font-weight:600}.profile strong{display:block;font-size:calc(10px * var(--font-scale,1));color:#e8efdf;font-weight:500}.profile small{display:block;font-size:calc(8px * var(--font-scale,1));margin-top:5px;color:#9fbaaa}.profile .icon-button{margin-left:auto;color:#b2cab9;width:27px}.profile .icon-button:hover{background:#ffffff10}.profile .icon{width:15px;height:15px}.workspace-body{margin-left:228px;width:calc(100% - 228px);min-width:0;display:flex;flex-direction:column}.topbar{height:75px;padding:0 35px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);background:#fcfdf9}.breadcrumb{display:flex;align-items:center;gap:10px;color:#9aa198;font-size:calc(10px * var(--font-scale,1));white-space:nowrap}.breadcrumb>.icon{width:11px;height:11px;color:#b3b9b0}.breadcrumb>span{color:#52634f}.topbar-right{display:flex;align-items:center;gap:20px}.global-search{display:flex;align-items:center;gap:9px;padding:8px 12px;background:#f1f3ed;border:1px solid #e9ece3;border-radius:7px;width:239px}.global-search .icon{width:15px;height:15px;color:#8c978a}.global-search input{width:100%;min-width:0;background:none;border:0;padding:0;font-size:calc(10px * var(--font-scale,1));color:#53694c;outline:none}.global-search input::placeholder{color:#99a193}.global-search kbd{white-space:nowrap;font-family:var(--font);font-size:calc(8px * var(--font-scale,1));color:#99a193;background:#fff;padding:3px 4px;border:1px solid #e7e9e1;border-radius:3px}.notification-button{position:relative}.notification-button .icon{width:17px;height:17px}.notification-button>span{position:absolute;right:8px;top:5px;width:5px;height:5px;border-radius:50%;background:#d6b46a;border:1px solid white}.top-avatar{width:29px;height:29px;border-radius:50%;background:#e4e9db;border:3px solid #fff;outline:1px solid #e6eadf;display:grid;place-items:center;font-size:calc(9px * var(--font-scale,1));color:#52664c;font-weight:600}.mobile-menu{display:none}#main{padding:34px 35px 28px;flex:1;outline:none;max-width:1700px;width:100%;margin:0 auto}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:29px}.page-heading p:not(.eyebrow){font-size:calc(11px * var(--font-scale,1));color:#8a9388;margin-top:10px}.page-heading>.button{align-self:center;margin-top:6px}.greeting-dot{color:#9fae72;padding-left:2px}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:23px}.metric{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:19px 20px 17px;min-width:0;box-shadow:0 3px 3px #344b2c02}.metric-top{display:flex;align-items:center;justify-content:space-between;gap:5px;color:#899284;font-size:calc(10px * var(--font-scale,1))}.metric-icon{width:29px;height:29px;display:grid;place-items:center;border-radius:7px}.metric-icon .icon{width:15px;height:15px}.green{background:#edf3e9;color:#6e8a60}.purple{background:#f0edf8;color:#8c7fa7}.orange{background:#faf1e5;color:#c3a16f}.blue{background:#eaf1f5;color:#7498ae}.metric>strong{display:block;font-size:calc(27px * var(--font-scale,1));letter-spacing:-1px;font-weight:600;margin:9px 0 13px;line-height:1.15;white-space:nowrap}.metric-note{font-size:calc(9px * var(--font-scale,1));color:#9aa191;display:flex;align-items:center;gap:5px;min-height:13px}.mini-dot{display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:3px;flex-shrink:0}.mini-dot.green{background:#86a775}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.48fr) minmax(0,1fr);gap:22px}.panel{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:0 3px 3px #344b2c02}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:22px 23px 0}.panel-heading h2{font-size:calc(13px * var(--font-scale,1));font-weight:600;letter-spacing:-.1px}.panel-heading p{font-size:calc(9px * var(--font-scale,1));color:#9ba393;margin-top:7px}.panel-heading>.icon{width:18px;height:18px;color:#9ca990}.subtle-tag{display:inline-block;background:#f7f8f2;border:1px solid #e9ecdf;padding:7px 9px;border-radius:5px;font-size:calc(8px * var(--font-scale,1));color:#7f8d72;white-space:nowrap}.chart-wrap{padding:12px 15px 0 8px}.chart-wrap svg{display:block;width:100%;height:auto;min-height:208px}.chart-grid{stroke:#eef0e9;stroke-width:1;stroke-dasharray:4 4}.axis-text{font-family:var(--font);font-size:calc(10px * var(--font-scale,1));fill:#a1a993}.chart-bar{fill:#e1ead2;transition:fill .2s}.chart-bar:hover{fill:#9fb88c}.chart-bar.current{fill:#366750}.chart-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #f0f2eb;padding:14px 23px;font-size:calc(8px * var(--font-scale,1));color:#9ca491}.chart-footer>span{display:flex;align-items:center;gap:4px}.chart-footer .text-button{font-size:calc(9px * var(--font-scale,1))}.pipeline-total{font-size:calc(28px * var(--font-scale,1));letter-spacing:-1px;font-weight:600;padding:21px 23px 0;line-height:1.1}.pipeline-total small{display:block;font-size:calc(8px * var(--font-scale,1));color:#9ca591;font-weight:400;letter-spacing:0;margin-top:10px}.pipeline-list{padding:20px 23px 14px;display:flex;flex-direction:column;gap:14px}.pipeline-line{padding:0;width:100%;text-align:left}.pipeline-line>div{display:flex;align-items:center;gap:8px;font-size:calc(9px * var(--font-scale,1));margin-bottom:7px}.pipeline-line small{color:#a3ac98;font-size:calc(8px * var(--font-scale,1));margin-left:3px}.pipeline-line strong{font-size:calc(9px * var(--font-scale,1));margin-left:auto;font-weight:500;color:#6d7f61}.stage-dot{width:6px;height:6px;border-radius:50%;display:inline-block;flex-shrink:0}.stage-0{background:#a9bc8b;accent-color:#a9bc8b}.stage-1{background:#b4adc8;accent-color:#b4adc8}.stage-2{background:#dabd84;accent-color:#dabd84}.stage-3{background:#6f9c82;accent-color:#6f9c82}progress.stage-progress{appearance:none;width:100%;height:4px;display:block;border:0;border-radius:10px;overflow:hidden;background:#f1f3ed}progress::-webkit-progress-bar{background:#f1f3ed}progress.stage-0::-webkit-progress-value{background:#a9bc8b}progress.stage-1::-webkit-progress-value{background:#b4adc8}progress.stage-2::-webkit-progress-value{background:#dabd84}progress.stage-3::-webkit-progress-value{background:#6f9c82}progress::-moz-progress-bar{background:var(--green)}.count-pill{font-size:calc(8px * var(--font-scale,1));background:#eef2e8;color:#8b9d79;padding:3px 6px;border-radius:4px;margin-left:5px;font-weight:500;vertical-align:middle}.task-panel .panel-heading,.activity-panel .panel-heading{padding-bottom:15px}.task-panel .panel-heading .text-button{font-size:calc(9px * var(--font-scale,1))}.dashboard-tasks{padding:0 23px}.task-row{display:flex;align-items:center;gap:11px;padding:14px 0;border-bottom:1px solid #f0f2eb}.task-check{width:15px;height:15px;border:1px solid #dbe1d3;border-radius:4px;padding:0;flex-shrink:0;background:#fff}.task-check:hover{background:#e6f0b2;border-color:#83a36e}.task-info{flex:1;min-width:0;text-align:left;padding:0}.task-info strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:calc(10px * var(--font-scale,1));font-weight:500;color:#58684f}.task-info small{font-size:calc(8px * var(--font-scale,1));color:#a6ad9a;display:block;margin-top:5px}.task-date{font-size:calc(8px * var(--font-scale,1));white-space:nowrap;color:#94a083}.task-date.danger-text{color:#bf6b4e}.priority-mark{background:#fcf1e9;color:#bd9474;font-size:calc(9px * var(--font-scale,1));font-weight:600;width:16px;height:16px;display:grid;place-items:center;border-radius:3px}.add-task{display:flex;align-items:center;justify-content:center;gap:7px;color:#80986d;font-size:calc(9px * var(--font-scale,1));width:100%;padding:15px;border-top:1px dashed #edf0e5;margin-top:1px}.add-task .icon{width:12px;height:12px}.live-label{font-size:calc(8px * var(--font-scale,1));color:#97a68a;display:flex;align-items:center;gap:5px}.live-label>span{width:5px;height:5px;background:#9bb78b;border-radius:50%}.activity-list{padding:2px 23px 12px;max-height:329px;overflow-y:auto}.activity-item{display:flex;align-items:center;gap:10px;text-align:left;width:100%;padding:13px 0;border-bottom:1px solid #f0f2eb}.activity-icon{width:29px;height:29px;border-radius:50%;display:grid;place-items:center;flex-shrink:0;background:#f0f4e9;color:#96ac7e}.activity-icon .icon{width:13px;height:13px}.activity-item>span:nth-child(2){min-width:0}.activity-item strong{font-size:calc(9px * var(--font-scale,1));display:block;font-weight:500;color:#647259;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.activity-item small{font-size:calc(8px * var(--font-scale,1));color:#a3ad97;display:block;margin-top:6px}.activity-item time{font-size:calc(8px * var(--font-scale,1));white-space:nowrap;margin-left:auto;color:#a1ab94}.activity-empty{display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;min-height:267px;color:#98a48b}.activity-empty .icon{color:#bac6a9;width:28px;height:28px;margin-bottom:20px}.activity-empty strong{font-size:calc(11px * var(--font-scale,1));color:#829276;font-weight:500}.activity-empty p{font-size:calc(10px * var(--font-scale,1));line-height:1.8;margin-top:10px}.bottom-strip{margin-top:22px;background:#eff2e7;border:1px solid #e7ecdc;display:flex;align-items:center;gap:14px;padding:17px 21px;border-radius:10px}.strip-icon{font-size:calc(26px * var(--font-scale,1));color:#789464}.bottom-strip strong{font-size:calc(10px * var(--font-scale,1));font-weight:500;color:#667c52}.bottom-strip p{font-size:calc(8px * var(--font-scale,1));color:#9ba58b;margin-top:5px}.bottom-strip>.text-button{margin-left:auto;font-size:calc(9px * var(--font-scale,1))}.app-footer{padding:0 35px 21px;display:flex;align-items:center;justify-content:space-between;font-size:calc(8px * var(--font-scale,1));color:#acb29e}.footer-separator{margin:0 9px;color:#c6ccb9}.footer-dot{display:inline-block;width:3px;height:3px;background:#a7b09c;margin:0 7px;vertical-align:middle}
.records-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 22px;border-bottom:1px solid var(--line)}.table-search{display:flex;align-items:center;gap:10px;flex:1;max-width:360px}.table-search .icon{width:16px;height:16px;color:#97a28e}.table-search input{border:0;width:100%;font-size:calc(11px * var(--font-scale,1));padding:7px 0;min-width:0;background:white}.table-search input:focus{outline:none}.table-search input::placeholder{color:#a5ad9e}.toolbar-actions{display:flex;align-items:center;gap:10px}.toolbar-actions select{height:34px;max-width:180px;font-size:calc(10px * var(--font-scale,1));border:1px solid #e7ebdf;border-radius:6px;background:#fff;padding:0 28px 0 10px;color:#7c8d6e}.view-switch{display:flex;gap:2px;background:#f5f7f0;padding:2px;border:1px solid #e9ecdf;border-radius:6px}.view-switch .icon-button{width:29px;height:27px}.view-switch .icon{width:15px;height:15px}.view-switch .selected{background:#fff;box-shadow:0 1px 3px #26373216;color:var(--green)}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}th{font-size:calc(9px * var(--font-scale,1));font-weight:500;color:#9ba48d;padding:14px 21px;background:#fcfdf9;border-bottom:1px solid var(--line)}td{font-size:calc(11px * var(--font-scale,1));padding:17px 21px;border-bottom:1px solid #f0f3ea;color:#86927b}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#fcfdf9}td:first-child{color:#53664a}.record-title{display:flex;align-items:center;gap:11px;padding:0;font-size:calc(11px * var(--font-scale,1));font-weight:500;color:#52684a;text-align:left}.record-title:hover span:last-child{text-decoration:underline}.record-avatar{width:31px;height:31px;border-radius:8px;background:#edf2e4;color:#8d9f76;display:grid;place-items:center;font-size:calc(9px * var(--font-scale,1));font-weight:500}.color-1{background:#f2edf6;color:#a394b3}.color-2{background:#f9f0e4;color:#b8a274}.color-3{background:#ebf2f7;color:#8aa5b7}.badge{display:inline-block;padding:5px 8px;border-radius:4px;font-size:calc(9px * var(--font-scale,1));line-height:1;white-space:nowrap;background:#f0f2ec;color:#91a07e}.badge-active,.badge-won,.badge-paid,.badge-done,.badge-completed{background:#edf4e8;color:#7d9b67}.badge-lead,.badge-planned,.badge-todo,.badge-draft{background:#f0edf7;color:#a293b9}.badge-inactive,.badge-cancelled,.badge-lost{background:#f9ece8;color:#ba8e7b}.badge-qualified,.badge-in_progress,.badge-sent{background:#f9f1e4;color:#bca16c}.badge-proposal,.badge-on_hold{background:#eaf2f8;color:#83a1b7}.badge-negotiation{background:#e8f2eb;color:#7d9f85}.badge-high{background:#f9eae5;color:#bc8974}.badge-normal{background:#eef1e7;color:#91a078}.badge-low{background:#eef2f5;color:#93a6b3}.overdue-label{display:block;color:#bc8066;font-size:calc(8px * var(--font-scale,1));margin-top:7px}.money-cell{font-weight:500;color:#637a55}.row-edit .icon{width:15px;height:15px}.table-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 21px;border-top:1px solid var(--line);font-size:calc(9px * var(--font-scale,1));color:#a2ac95}.table-footer>div{display:flex;align-items:center;gap:8px}.table-footer .icon-button{height:26px;width:26px;font-size:calc(19px * var(--font-scale,1))}.page-number{font-size:calc(9px * var(--font-scale,1));color:#7c916a}.module-note{font-size:calc(10px * var(--font-scale,1));color:#949e88;margin:-9px 0 23px}.empty-state{padding:75px 20px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:14px}.empty-state>.icon{width:37px;height:37px;color:#acbc99;margin-bottom:5px}.empty-state h2{font-size:calc(16px * var(--font-scale,1));color:#6c815e}.empty-state p{font-size:calc(11px * var(--font-scale,1));color:#a0ac93}.empty-state .button{margin-top:10px}.empty-small{text-align:center;color:#a3ae98;padding:45px 15px;font-size:calc(11px * var(--font-scale,1))}.kanban{display:flex;gap:14px;padding:22px;overflow:auto;min-height:440px;background:#fcfdf9}.kanban-column{min-width:220px;flex:1;background:#f3f5ed;border:1px solid #edf0e4;border-radius:9px;padding:15px 12px;align-self:stretch}.kanban-column h3{font-size:calc(10px * var(--font-scale,1));display:flex;align-items:center;gap:7px;color:#728562;font-weight:500}.kanban-column h3>span:last-child{font-size:calc(8px * var(--font-scale,1));color:#a9b39a;margin-left:auto}.kanban-amount{font-size:calc(11px * var(--font-scale,1));color:#a7b197;padding:10px 0 16px}.deal-card{background:#fff;border:1px solid #e8ecdf;border-radius:8px;box-shadow:0 2px 3px #26373203;margin-bottom:10px}.deal-card[draggable=true]{cursor:grab}.deal-card>button{width:100%;padding:15px 13px;text-align:left}.deal-card small{font-size:calc(8px * var(--font-scale,1));color:#acb49e;display:block}.deal-card strong{font-size:calc(11px * var(--font-scale,1));font-weight:500;color:#5e7450;display:block;margin-top:9px;line-height:1.6;white-space:normal}.deal-card b{font-size:calc(13px * var(--font-scale,1));font-weight:600;color:#6e865e;display:block;margin-top:14px}.deal-card button>span{border-top:1px solid #f0f3e9;padding-top:10px;margin-top:15px;display:flex;align-items:center;font-size:calc(8px * var(--font-scale,1));color:#a4b195;gap:5px}.deal-card .icon{width:11px;height:11px}.small-avatar{width:19px;height:19px;border-radius:50%;background:#edf2e4;display:grid;place-items:center;font-size:calc(6px * var(--font-scale,1));color:#98ac81;margin-left:auto}.kanban-add{display:flex;align-items:center;justify-content:center;width:100%;gap:6px;font-size:calc(9px * var(--font-scale,1));color:#a0ae90;padding:13px 0}.kanban-add .icon{width:12px;height:12px}
.settings-grid{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(260px,1fr);gap:22px}.module-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:22px}.module-card{border:1px solid #e9eddf;border-radius:10px;padding:18px 13px;display:flex;align-items:flex-start;flex-direction:column;gap:8px;background:#fdfefb}.module-card-icon{width:30px;height:30px;border-radius:7px;background:#eff4e7;color:#91a97d;display:grid;place-items:center;margin-bottom:4px}.module-card-icon .icon{width:16px;height:16px}.module-card>strong{font-size:calc(11px * var(--font-scale,1));color:#6f855d;font-weight:500}.module-card>small{font-size:calc(8px * var(--font-scale,1));color:#a8b299}.module-card .badge{font-size:calc(8px * var(--font-scale,1));margin-top:3px}.queue-status{font-size:calc(8px * var(--font-scale,1));color:#a8b299;line-height:1.8}.module-card .text-button{font-size:calc(8px * var(--font-scale,1))}.account-card{padding:24px;text-align:center;display:flex;align-items:center;flex-direction:column}.large-avatar{width:57px;height:57px;font-size:calc(16px * var(--font-scale,1));margin-bottom:17px}.account-card h3{font-size:calc(13px * var(--font-scale,1));font-weight:500;color:#708362}.account-card p{font-size:calc(10px * var(--font-scale,1));color:#a1ae92;margin:8px 0 12px}.account-card .button{margin-top:24px;font-size:calc(10px * var(--font-scale,1));height:36px}.account-tip{padding:0 22px 22px;color:#abb59c;font-size:calc(9px * var(--font-scale,1));text-align:center;line-height:1.9}.team-panel{margin-top:22px}.team-panel .panel-heading{padding-bottom:22px}
dialog{border:1px solid #e5eadf;background:#fff;padding:0;max-width:690px;width:calc(100% - 32px);border-radius:16px;box-shadow:0 24px 100px #173e392b;color:var(--ink);max-height:90vh}dialog::backdrop{background:#15372f6b;backdrop-filter:blur(3px)}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:25px 28px;border-bottom:1px solid var(--line)}.modal-head h2{font-size:calc(21px * var(--font-scale,1));letter-spacing:-.6px}.modal-head .eyebrow{font-size:calc(9px * var(--font-scale,1));margin-bottom:8px}.modal-body{padding:24px 28px}.modal-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 28px;background:#fcfdf9;border-top:1px solid var(--line)}.modal-footer>div{display:flex;gap:9px}.modal-footer .button{height:38px;font-size:calc(11px * var(--font-scale,1))}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px 17px}.full-width{grid-column:1/-1}label,.field>label{display:block;font-size:calc(11px * var(--font-scale,1));font-weight:500;color:#718268}label input,label textarea,label select,.field input,.field textarea,.field select{display:block;width:100%;padding:11px 12px;border:1px solid #e2e8d9;border-radius:7px;background:#fff;color:#637856;font-size:calc(12px * var(--font-scale,1));margin-top:8px;min-height:40px}input:disabled,textarea:disabled,select:disabled{background:#f9faf6;color:#8d9d7f}textarea{resize:vertical}label small{display:block;color:#a7b297;font-size:calc(9px * var(--font-scale,1));line-height:1.8;font-weight:400;margin-top:8px}.field input.lookup-search{font-size:calc(10px * var(--font-scale,1));background:#f9fbf5;margin-bottom:8px}.field-error{display:block;font-size:calc(10px * var(--font-scale,1));color:#bb8069;margin-top:7px}.form-error{font-size:calc(11px * var(--font-scale,1));color:#ac6b56;background:#fcf1e9;border:1px solid #f4e2d7;padding:11px 14px;line-height:1.7;border-radius:7px;margin-bottom:20px}.record-meta{font-size:calc(9px * var(--font-scale,1));color:#a4af96;margin-top:22px}.modal-body>label+label{margin-top:20px}.modal-body>.muted{font-size:calc(10px * var(--font-scale,1));margin-top:14px}.search-results h3{font-size:calc(10px * var(--font-scale,1));font-weight:500;color:#98a685;margin:15px 0}.search-result{display:flex;align-items:center;gap:13px;text-align:left;padding:14px 0;width:100%;border-bottom:1px solid #edf1e5;color:#6a8159;font-size:calc(12px * var(--font-scale,1))}.search-result>.icon:last-child{margin-left:auto;width:13px;height:13px}.search-result>.icon:first-child{width:17px;height:17px;color:#98ae82}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);background:var(--green);border:1px solid #ffffff20;color:#fff;padding:15px 25px;z-index:100;border-radius:10px;box-shadow:0 5px 20px #18392c22;font-size:calc(12px * var(--font-scale,1));opacity:0;pointer-events:none;max-width:90vw;transition:opacity .2s,transform .2s}.toast.show{opacity:1;transform:translate(-50%,0)}.toast.error{background:#955d4a}.page-loading{display:flex;gap:15px;align-items:center;justify-content:center;min-height:60vh;font-size:calc(12px * var(--font-scale,1));color:#9ca88f}.spinner{width:20px;height:20px;border:2px solid #e3e9da;border-top-color:var(--green);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-page{min-height:60vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;text-align:center}.error-page>.icon{width:35px;height:35px;color:#a5b392}.error-page p{color:#a3ae97;font-size:calc(12px * var(--font-scale,1))}.error-page h2{font-size:calc(18px * var(--font-scale,1))}.demo-banner{background:#e9edcc;color:#728149;min-height:32px;padding:7px 35px;display:flex;align-items:center;gap:20px;font-size:calc(8px * var(--font-scale,1));border-bottom:1px solid #e2e7bf}.demo-banner strong{font-weight:600;letter-spacing:.5px}.demo-banner button{margin-left:auto;text-decoration:underline;color:#728149;padding:0;white-space:nowrap;font-size:calc(8px * var(--font-scale,1))}.demo-banner a{white-space:nowrap}.demo-banner a:hover{text-decoration:underline}
.login-layout{display:grid;grid-template-columns:1.02fr 1fr;min-height:100vh;background:#fcfdf9}.login-story{padding:47px 11% 36px;background:var(--green);color:#eff4dc;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;position:relative}.login-story>.brand{margin-bottom:70px}.login-story .eyebrow{color:#adbf90;font-size:calc(9px * var(--font-scale,1));margin-bottom:23px}.login-story h1{font-size:clamp(35px,4vw,59px);font-weight:500;letter-spacing:-2px;line-height:1.13}.login-story>div>p:not(.eyebrow){font-size:calc(12px * var(--font-scale,1));color:#a7bfaa;margin-top:25px;line-height:1.9}.login-story>small{font-size:calc(9px * var(--font-scale,1));color:#7e9f8a;margin-top:20px}.login-form-area{display:flex;justify-content:center;align-items:center;padding:60px 40px}.login-form{width:100%;max-width:350px}.tag{display:inline-block;color:#91a978;font-size:calc(8px * var(--font-scale,1));letter-spacing:1.1px;padding:8px 10px;border-radius:5px;background:#f0f4e6;border:1px solid #e6ecd9;margin-bottom:23px}.login-form h2{font-size:calc(32px * var(--font-scale,1));font-weight:500;letter-spacing:-1px}.login-form>p{font-size:calc(11px * var(--font-scale,1));color:#9ba88d;margin-top:13px;margin-bottom:30px;line-height:1.8}.login-form label{margin-top:20px;font-size:calc(11px * var(--font-scale,1))}.login-form input{padding:14px 13px;height:46px;font-size:calc(11px * var(--font-scale,1))}.login-form input::placeholder{color:#b0bba4}.login-form>.primary{margin-top:25px;justify-content:space-between;padding:0 17px}.login-form .login-divider{margin:30px 0 22px;text-align:center;color:#acb59b;font-size:calc(9px * var(--font-scale,1));position:relative;display:flex;align-items:center;gap:12px}.login-divider:before,.login-divider:after{content:"";height:1px;background:#e9eddf;flex:1}.login-form>.secondary{font-size:calc(11px * var(--font-scale,1))}.login-form>p.login-note{font-size:calc(9px * var(--font-scale,1));text-align:center;color:#aeb79f;margin:15px 0 0}.orbit-art{position:relative;width:320px;height:245px;margin:25px 0 0 -20px}.orbit-ring{position:absolute;width:240px;height:190px;border:1px solid #aac88f2b;border-radius:50%;left:42px;top:25px;transform:rotate(-25deg)}.orbit-ring.second{width:300px;height:225px;left:10px;top:12px;transform:rotate(30deg);border-color:#aac88f16}.orbit-center{position:absolute;left:123px;top:70px;width:80px;height:80px;border-radius:22px;background:#2b6250;color:var(--lime);font-size:calc(85px * var(--font-scale,1));font-weight:500;line-height:65px;text-align:center;border:1px solid #b7d5911f;box-shadow:0 0 70px #b7d5910f}.art-chip{position:absolute;display:flex;align-items:center;gap:8px;padding:12px 15px;background:#285e4d;border:1px solid #ffffff13;border-radius:9px;color:#d1ddb9;font-size:calc(10px * var(--font-scale,1));box-shadow:0 6px 15px #103e311f}.art-chip>.icon{width:15px;height:15px}.chip-one{top:20px;left:20px;transform:rotate(-7deg)}.chip-two{right:0;top:105px;transform:rotate(5deg)}.chip-three{bottom:20px;left:55px;transform:rotate(-4deg)}
@media(min-width:1550px){#main{padding-top:43px}.page-heading{margin-bottom:35px}.metric{padding:23px}.chart-wrap svg{max-height:310px}.panel-heading{padding-top:26px}.task-row{padding:18px 0}.activity-list{max-height:368px}.sidebar{width:248px;padding-left:24px;padding-right:24px}.workspace-body{margin-left:248px;width:calc(100% - 248px)}}
@media(max-width:1150px){.sidebar{width:205px;padding-left:14px;padding-right:14px}.workspace-body{margin-left:205px;width:calc(100% - 205px)}#main{padding:28px 23px}.topbar{padding:0 23px}.global-search{width:210px}.metric{padding:15px}.metric>strong{font-size:calc(24px * var(--font-scale,1))}.dashboard-grid{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:17px}.metrics{gap:12px}.panel-heading{padding:20px 17px 0}.dashboard-tasks,.activity-list{padding-left:17px;padding-right:17px}.panel-heading p{font-size:calc(8px * var(--font-scale,1))}.chart-panel .subtle-tag{font-size:calc(7px * var(--font-scale,1));padding:6px}.metric-note{font-size:calc(8px * var(--font-scale,1))}.module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.app-footer{padding-left:23px;padding-right:23px}.demo-banner{padding-left:23px;padding-right:23px}.activity-item strong{max-width:150px}}
@media(max-width:900px){.sidebar{width:190px;padding:25px 11px 0}.sidebar>.brand{padding-left:10px;font-size:calc(29px * var(--font-scale,1))}.workspace-body{margin-left:190px;width:calc(100% - 190px)}.workspace-switch{gap:7px;padding:10px 8px}.workspace-switch strong{font-size:calc(9px * var(--font-scale,1))}.nav-link{font-size:calc(11px * var(--font-scale,1));padding:11px}.sidebar-tip{padding:12px 10px}.sidebar-tip p{font-size:calc(8px * var(--font-scale,1))}.topbar{height:65px}.global-search{width:185px}.breadcrumb{font-size:calc(8px * var(--font-scale,1))}.topbar-right{gap:12px}.global-search kbd{display:none}.dashboard-grid{grid-template-columns:1fr}.chart-wrap svg{max-height:260px}.chart-panel .panel-heading{padding-right:22px}.pipeline-panel .pipeline-list{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding-bottom:23px}.metrics{grid-template-columns:1fr 1fr}.metric{padding:19px}.metric>strong{font-size:calc(29px * var(--font-scale,1))}.metric-top{font-size:calc(11px * var(--font-scale,1))}.metric-note{font-size:calc(9px * var(--font-scale,1))}.task-row{padding:17px 0}.task-info strong{font-size:calc(11px * var(--font-scale,1))}.task-info small{font-size:calc(9px * var(--font-scale,1))}.activity-list{max-height:340px}.activity-item strong{max-width:unset}.activity-empty{min-height:190px}.settings-grid{grid-template-columns:1fr}.module-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.account-card{padding:25px}.page-heading h1{font-size:calc(28px * var(--font-scale,1))}.page-heading p:not(.eyebrow){font-size:calc(10px * var(--font-scale,1))}.page-heading .button{font-size:calc(10px * var(--font-scale,1));padding:0 13px;height:38px}.demo-banner{gap:10px;font-size:calc(7px * var(--font-scale,1))}.demo-banner>span{max-width:310px}.records-toolbar{flex-wrap:wrap}.table-search{max-width:unset;min-width:180px}.login-story{padding-left:12%;padding-right:8%}.login-story h1{font-size:calc(40px * var(--font-scale,1))}.login-form-area{padding:40px 30px}.orbit-art{transform:scale(.85);transform-origin:left top;margin-bottom:-30px}}
@media(max-width:700px){.sidebar{transform:translateX(-100%);width:228px;transition:transform .2s;padding:27px 19px 0;box-shadow:20px 0 70px #173e392b}.sidebar.is-open{transform:translateX(0)}.workspace-body{margin-left:0;width:100%}.mobile-menu{display:inline-flex}.topbar{height:62px;padding:0 16px;gap:10px}.breadcrumb{margin-right:auto;font-size:calc(9px * var(--font-scale,1))}.breadcrumb>.icon,.breadcrumb{gap:6px}.topbar-right{gap:7px}.global-search{width:150px;padding:8px}.global-search input{font-size:calc(9px * var(--font-scale,1))}.top-avatar{display:none}#main{padding:26px 18px}.page-heading{gap:12px}.page-heading .eyebrow{font-size:calc(8px * var(--font-scale,1));letter-spacing:.7px}.page-heading h1{font-size:calc(27px * var(--font-scale,1))}.page-heading p:not(.eyebrow){font-size:calc(10px * var(--font-scale,1));max-width:220px;line-height:1.7}.page-heading .button{font-size:calc(9px * var(--font-scale,1));padding:0 10px;gap:5px}.page-heading .button .icon{width:13px;height:13px}.metrics{gap:11px}.metric{padding:17px}.metric>strong{font-size:calc(27px * var(--font-scale,1))}.metric-top{font-size:calc(9px * var(--font-scale,1))}.metric-icon{width:26px;height:26px}.metric-note{font-size:calc(8px * var(--font-scale,1))}.dashboard-grid{gap:16px}.bottom-strip{padding:16px 13px;gap:10px;flex-wrap:wrap}.bottom-strip strong{font-size:calc(9px * var(--font-scale,1))}.bottom-strip p{font-size:calc(8px * var(--font-scale,1))}.bottom-strip>.text-button{font-size:calc(8px * var(--font-scale,1));margin-left:36px}.app-footer{font-size:calc(7px * var(--font-scale,1));padding:0 18px 20px}.app-footer>span:last-child{white-space:nowrap}.demo-banner{padding:8px 18px;gap:12px;min-height:37px;line-height:1.6}.demo-banner>span{max-width:240px;font-size:calc(7px * var(--font-scale,1))}.demo-banner button,.demo-banner a{font-size:calc(7px * var(--font-scale,1))}.demo-banner>span strong{display:block}.records-toolbar{padding:15px;gap:13px}.toolbar-actions{width:100%;justify-content:space-between}.toolbar-actions select{max-width:180px;width:auto;flex:1}.table-search{width:100%}.kanban{padding:15px;gap:10px}.kanban-column{min-width:230px}.table-footer{font-size:calc(8px * var(--font-scale,1));padding:13px 15px}th,td{padding-left:16px;padding-right:16px}.module-grid{padding:18px;gap:9px}.module-card{padding:15px 10px}.module-card>strong{font-size:calc(10px * var(--font-scale,1))}.module-card>small{font-size:calc(7px * var(--font-scale,1))}.queue-status{font-size:calc(7px * var(--font-scale,1))}.team-panel .panel-heading{gap:10px}.team-panel .panel-heading p{max-width:190px}.login-layout{grid-template-columns:1fr}.login-story{padding:25px 30px 32px;min-height:300px}.login-story>.brand{margin-bottom:35px;font-size:calc(27px * var(--font-scale,1))}.login-story .eyebrow{font-size:calc(8px * var(--font-scale,1));margin-bottom:15px}.login-story h1{font-size:calc(36px * var(--font-scale,1));max-width:280px}.login-story>div>p:not(.eyebrow){font-size:calc(10px * var(--font-scale,1));margin-top:15px;max-width:230px}.login-story>small{display:none}.orbit-art{position:absolute;right:-80px;top:85px;transform:scale(.6);opacity:.7;pointer-events:none}.login-form-area{padding:35px 30px 45px}.login-form{max-width:400px}.login-form .tag{display:none}.login-form h2{font-size:calc(28px * var(--font-scale,1))}.login-form>p{margin-bottom:25px}.modal-head{padding:22px}.modal-body{padding:22px}.form-grid{gap:17px 13px}.modal-head h2{font-size:calc(19px * var(--font-scale,1))}.modal-footer{padding:17px 20px}.modal-footer .button{font-size:calc(10px * var(--font-scale,1));padding:0 12px}}
@media(max-width:400px){.breadcrumb{font-size:calc(8px * var(--font-scale,1))}.global-search{width:125px}.notification-button{width:28px}.topbar{gap:5px}.page-heading h1{font-size:calc(24px * var(--font-scale,1))}.page-heading .button{font-size:calc(8px * var(--font-scale,1));padding:0 8px}.metric{padding:15px 13px}.metric>strong{font-size:calc(25px * var(--font-scale,1))}.metric-note{font-size:calc(7px * var(--font-scale,1))}.task-info strong{font-size:calc(9px * var(--font-scale,1))}.task-info small{font-size:calc(8px * var(--font-scale,1))}.module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid{grid-template-columns:1fr}.full-width{grid-column:1}.modal-footer .button{padding:0 8px;font-size:calc(9px * var(--font-scale,1))}.app-footer{font-size:calc(6px * var(--font-scale,1))}.demo-banner{gap:9px;padding-left:15px;padding-right:15px}.demo-banner>span{max-width:180px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(max-width:700px){.sidebar{box-shadow:none}.sidebar.is-open{box-shadow:20px 0 70px #173e392b}}

.module-toggle{display:flex;align-items:center;gap:8px;padding:8px 0;min-height:36px;font-size:calc(11px * var(--font-scale,1));font-weight:500;color:var(--green);margin-top:2px}.toggle-track{width:32px;height:19px;border-radius:12px;background:#c5ccc6;position:relative;flex-shrink:0}.toggle-track:after{content:"";position:absolute;left:3px;top:3px;width:13px;height:13px;border-radius:50%;background:#fff;transition:transform .15s}.module-toggle[aria-checked=true] .toggle-track{background:var(--green)}.module-toggle[aria-checked=true] .toggle-track:after{transform:translateX(13px)}.module-disabled{background:#f5f6f3}.module-disabled .module-card-icon{background:#e9ece7;color:#8c958c}.metrics:empty{display:none}.metrics{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.table-scroll{position:relative}
@media(max-width:700px){.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.module-toggle{font-size:calc(10px * var(--font-scale,1))}}

/* Personal appearance and the expandable Settings navigation. */
.sidebar{background:var(--sidebar-bg,var(--green));color:var(--sidebar-ink,#f3f7f5);overflow-y:auto}
.sidebar>.brand{flex-shrink:0}.sidebar .brand,.sidebar .workspace-switch strong,.sidebar .profile strong,.sidebar .sidebar-tip strong{color:var(--sidebar-ink,#f3f7f5)}
.sidebar .brand-mark,.sidebar .tip-icon,.sidebar .sidebar-tip button{color:var(--sidebar-accent,var(--lime))}.sidebar .brand-mark>span{background:var(--sidebar-accent,var(--lime))}
.sidebar .nav-link,.sidebar .nav-label,.sidebar .workspace-switch small,.sidebar .sidebar-tip p,.sidebar .profile small,.sidebar .profile .icon-button{color:var(--sidebar-muted,#d0ddd6)}
.sidebar .nav-link:hover{background:var(--sidebar-soft,#ffffff0d);color:var(--sidebar-ink,#f3f7f5)}.sidebar .nav-link.active{background:var(--lime);color:#254d34}
.sidebar .workspace-switch,.sidebar .sidebar-tip,.sidebar .profile,.sidebar .sidebar-tip button{border-color:var(--sidebar-line,#ffffff24)}.sidebar .workspace-symbol{color:var(--sidebar-ink,#f3f7f5);background:var(--sidebar-soft,#ffffff0d);border-color:var(--sidebar-line,#ffffff24)}
.settings-chevron{margin-left:auto;transition:transform .15s}#settings-nav-trigger[aria-expanded=true] .settings-chevron{transform:rotate(180deg)}.settings-submenu{display:flex;flex-direction:column;margin:6px 0 2px 19px;padding-left:10px;border-left:1px solid var(--sidebar-line,#ffffff24)}.settings-submenu[hidden]{display:none}.settings-submenu .nav-link{font-size:calc(11px * var(--font-scale,1));padding:10px;gap:10px}.settings-submenu .icon{width:16px;height:16px}.sidebar .nav-link.parent-active{background:var(--sidebar-soft,#ffffff0d);color:var(--sidebar-ink,#f3f7f5)}
.design-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.design-controls{padding:24px;display:flex;flex-direction:column;align-items:flex-start;gap:16px}.design-controls>.muted{font-size:calc(11px * var(--font-scale,1));line-height:1.8}.color-picker-row{display:flex;align-items:center;gap:15px}.color-picker-row input[type=color]{width:64px;height:44px;min-height:44px;border:1px solid var(--line);border-radius:8px;padding:4px;background:var(--white);cursor:pointer}.color-picker-row output{font-size:calc(13px * var(--font-scale,1));color:var(--ink);font-variant-numeric:tabular-nums}.color-presets{display:flex;gap:8px;flex-wrap:wrap}.design-logo-panel{grid-column:1/-1}.logo-preview{display:flex;justify-content:center;width:240px;max-width:100%;min-height:90px;border-radius:10px;padding:20px;background:var(--sidebar-bg,var(--green));color:var(--sidebar-ink,#f3f7f5)}.logo-preview .brand-mark{color:var(--sidebar-accent,var(--lime))}.logo-preview .brand-mark>span{background:var(--sidebar-accent,var(--lime))}.brand-custom img{display:block;max-width:100%;max-height:65px;object-fit:contain}.sidebar>.brand.brand-custom{height:55px;justify-content:center;padding:0 6px}.sidebar>.brand.brand-custom img{max-height:55px}.design-controls input[type=file]{max-width:100%;font-size:calc(12px * var(--font-scale,1));color:var(--ink)}.design-controls input[type=file]::file-selector-button{padding:10px 14px;border:1px solid var(--line);border-radius:7px;margin-right:12px;background:var(--white);color:var(--ink);cursor:pointer}.design-footer{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-top:22px}.design-footer p{font-size:calc(11px * var(--font-scale,1));max-width:630px}.design-dark-toggle{font-size:calc(13px * var(--font-scale,1));gap:12px}
:root[data-theme=dark]{color-scheme:dark;--ink:#e3ece7;--muted:#a3b5aa;--line:#34473f;--paper:#121b17;--white:#1c2922}
[data-theme=dark] .topbar,[data-theme=dark] .modal-footer,[data-theme=dark] th,[data-theme=dark] .kanban,[data-theme=dark] .login-layout{background:#18231d}
[data-theme=dark] .button.secondary,[data-theme=dark] .global-search,[data-theme=dark] .global-search input,[data-theme=dark] .table-search input,[data-theme=dark] .toolbar-actions select,[data-theme=dark] .task-check,[data-theme=dark] dialog,[data-theme=dark] label input,[data-theme=dark] label textarea,[data-theme=dark] label select,[data-theme=dark] .field input,[data-theme=dark] .field textarea,[data-theme=dark] .field select{background:#24342b;color:var(--ink);border-color:#40564a}
[data-theme=dark] .module-card,[data-theme=dark] .deal-card{background:#223228;border-color:#3a4e40}
[data-theme=dark] .kanban-column,[data-theme=dark] .view-switch,[data-theme=dark] .bottom-strip,[data-theme=dark] .module-disabled{background:#1b2b22;border-color:var(--line)}
[data-theme=dark] .view-switch .selected,[data-theme=dark] tbody tr:hover,[data-theme=dark] .icon-button:hover{background:#2d4134}
[data-theme=dark] .metric-top,[data-theme=dark] .pipeline-total,[data-theme=dark] .pipeline-line strong,[data-theme=dark] .task-info strong,[data-theme=dark] .activity-item strong,[data-theme=dark] td:first-child,[data-theme=dark] .record-title,[data-theme=dark] .money-cell,[data-theme=dark] .kanban-column h3,[data-theme=dark] .deal-card strong,[data-theme=dark] .deal-card b,[data-theme=dark] .module-card>strong,[data-theme=dark] .account-card h3,[data-theme=dark] .bottom-strip strong,[data-theme=dark] .empty-state h2,[data-theme=dark] label,[data-theme=dark] .field>label{color:#d0e2d4}
[data-theme=dark] .module-toggle,[data-theme=dark] .text-button,[data-theme=dark] .add-task,[data-theme=dark] .kanban-add,[data-theme=dark] .search-result{color:#b5d8ba}
[data-theme=dark] .page-heading p:not(.eyebrow),[data-theme=dark] .eyebrow,[data-theme=dark] .breadcrumb,[data-theme=dark] .breadcrumb span,[data-theme=dark] .panel-heading p,[data-theme=dark] .metric-note,[data-theme=dark] td,[data-theme=dark] th,[data-theme=dark] .module-card>small,[data-theme=dark] .queue-status,[data-theme=dark] .account-card p,[data-theme=dark] .account-tip,[data-theme=dark] .app-footer,[data-theme=dark] .module-note,[data-theme=dark] .record-meta,[data-theme=dark] .task-info small,[data-theme=dark] .task-date,[data-theme=dark] .activity-item small,[data-theme=dark] .activity-item time,[data-theme=dark] .table-footer,[data-theme=dark] .page-number,[data-theme=dark] .bottom-strip p,[data-theme=dark] .empty-state p,[data-theme=dark] .empty-small,[data-theme=dark] .login-form>p,[data-theme=dark] label small{color:#a9bbae}
[data-theme=dark] td,[data-theme=dark] .search-result,[data-theme=dark] .deal-card button>span{border-color:var(--line)}
[data-theme=dark] .module-card-icon,[data-theme=dark] .activity-icon,[data-theme=dark] .metric-icon,[data-theme=dark] .record-avatar,[data-theme=dark] .count-pill,[data-theme=dark] .small-avatar,[data-theme=dark] .tag{background:#354739;color:#d0e4c2;border-color:#405342}
[data-theme=dark] .badge{background:#354638;color:#c8deba}[data-theme=dark] .badge-inactive,[data-theme=dark] .badge-cancelled,[data-theme=dark] .badge-lost,[data-theme=dark] .badge-high{background:#4c302a;color:#f0c0ab}[data-theme=dark] .badge-lead,[data-theme=dark] .badge-planned,[data-theme=dark] .badge-todo,[data-theme=dark] .badge-draft{background:#3b344e;color:#d5c7e6}[data-theme=dark] .badge-qualified,[data-theme=dark] .badge-in_progress,[data-theme=dark] .badge-sent{background:#4c412a;color:#ead4a5}[data-theme=dark] .badge-proposal,[data-theme=dark] .badge-on_hold{background:#2c4050;color:#bbd6ec}
[data-theme=dark] .warning,[data-theme=dark] .form-error{background:#443522;color:#f0d8b6;border-color:#665139}[data-theme=dark] .button.subtle{background:#4b302b;color:#ffc1ae}[data-theme=dark] .required,[data-theme=dark] .danger-text,[data-theme=dark] .field-error,[data-theme=dark] .overdue-label{color:#f0b19c}
[data-theme=dark] input:disabled,[data-theme=dark] textarea:disabled,[data-theme=dark] select:disabled{background:#19261e;color:#a0b1a3}
[data-theme=dark] .chart-grid{stroke:#3b4e40}[data-theme=dark] .axis-text{fill:#aebfaa}[data-theme=dark] .chart-bar{fill:#638b66}[data-theme=dark] .chart-bar.current{fill:#a9c38b}[data-theme=dark] progress,[data-theme=dark] progress::-webkit-progress-bar{background:#344638}
[data-theme=dark] .demo-banner{background:#2c3d25;color:#cee0ac;border-color:#465637}[data-theme=dark] .demo-banner button{color:#cee0ac}
@media(max-width:700px){.design-grid{grid-template-columns:1fr;gap:16px}.design-controls{padding:20px}.design-footer{align-items:flex-start;flex-direction:column}.design-logo-panel{grid-column:auto}.settings-submenu .nav-link{padding:11px}}

/* The supplied default logo remains unchanged; a white plate keeps its black lettering readable. */
.brand-image img{display:block;max-width:100%;height:auto;object-fit:contain}.brand-default{background:#fff;border-radius:8px;padding:8px 10px}.sidebar>.brand.brand-default{padding:6px 9px;min-height:65px;justify-content:center}.sidebar>.brand.brand-default img{max-height:60px}.login-story>.brand.brand-image{width:270px;max-width:100%;align-self:flex-start}.login-story>.brand.brand-image img{max-height:92px}.logo-preview.brand-default img{max-height:80px}.logo-preview.brand-default{background:#fff}.color-preset{gap:7px}.color-preset[aria-pressed=true]{outline:2px solid #9fbd7f;outline-offset:1px}.color-preset-swatch{width:13px;height:13px;border-radius:50%;border:1px solid #7d897566;flex-shrink:0}
.color-preset-swatch[data-color="#184f44"]{background:#184f44}.color-preset-swatch[data-color="#12605a"]{background:#12605a}.color-preset-swatch[data-color="#244757"]{background:#244757}.color-preset-swatch[data-color="#1e3a5f"]{background:#1e3a5f}.color-preset-swatch[data-color="#27448b"]{background:#27448b}.color-preset-swatch[data-color="#37316b"]{background:#37316b}.color-preset-swatch[data-color="#353047"]{background:#353047}.color-preset-swatch[data-color="#6d2845"]{background:#6d2845}.color-preset-swatch[data-color="#88452c"]{background:#88452c}.color-preset-swatch[data-color="#7d5e16"]{background:#7d5e16}.color-preset-swatch[data-color="#252b32"]{background:#252b32}.color-preset-swatch[data-color="#f0e8d9"]{background:#f0e8d9}.color-preset-swatch[data-color="#e7ebef"]{background:#e7ebef}
@media(max-width:700px){.login-story>.brand.brand-image{width:230px}.sidebar>.brand.brand-default{min-height:62px}}


/* Typography preferences scale text itself, while controls reflow around it. */
.design-typography-panel{grid-column:1/-1}.typography-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.typography-controls>div{min-width:0}.typography-controls .muted{font-size:calc(11px * var(--font-scale,1));line-height:1.8}.typography-font select{display:block;width:100%;max-width:100%;margin-top:10px;padding:10px 12px;border:1px solid var(--line);border-radius:7px;background:var(--white);color:var(--ink);font-size:calc(12px * var(--font-scale,1));min-height:42px}.font-scale-control,.font-preview{grid-column:1/-1}.font-scale-control>label{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.font-scale-control output{font-weight:600;color:var(--ink)}.font-scale-inputs{display:flex;gap:18px;align-items:center;margin:14px 0;max-width:640px}.font-scale-inputs input[type=range]{flex:1;width:100%;min-width:0;min-height:32px;accent-color:var(--green)}.font-scale-number{display:flex;align-items:center;gap:7px;flex-shrink:0}.font-scale-number input{width:90px;max-width:100%;padding:10px 8px;border:1px solid var(--line);border-radius:7px;background:var(--white);color:var(--ink);font-size:calc(12px * var(--font-scale,1))}.font-scale-number span{font-size:calc(12px * var(--font-scale,1))}.font-preview{padding:20px;border:1px solid var(--line);border-radius:9px;background:var(--paper);color:var(--ink);font-size:calc(14px * var(--font-scale,1));line-height:1.8;overflow-wrap:anywhere}.font-preview strong{font-size:calc(14px * var(--font-scale,1))}.font-preview p{margin-top:8px;font-size:calc(14px * var(--font-scale,1))}.design-controls .module-toggle{max-width:100%;text-align:left}.design-controls .module-toggle>span:last-child{min-width:0;overflow-wrap:anywhere}.sidebar .nav-link>span{min-width:0;overflow-wrap:anywhere}.design-footer .button{height:auto;min-height:42px;white-space:normal;max-width:100%;text-align:center;padding-top:10px;padding-bottom:10px}
[data-bold-text=true] body,[data-bold-text=true] body *{font-weight:700!important}
[data-large-text=true] .topbar{height:auto;min-height:75px;flex-wrap:wrap;padding-top:12px;padding-bottom:12px}[data-large-text=true] .breadcrumb{white-space:normal;min-width:0;flex:1;overflow-wrap:anywhere}[data-large-text=true] .topbar-right{max-width:100%;flex-wrap:wrap;margin-left:auto}[data-large-text=true] .global-search{max-width:100%}[data-large-text=true] .page-heading{flex-wrap:wrap;align-items:flex-start}[data-large-text=true] .metrics{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}[data-large-text=true] .metric>strong{white-space:normal;overflow-wrap:anywhere}[data-large-text=true] .modal-footer,[data-large-text=true] .modal-footer>div{display:flex;flex-wrap:wrap;gap:10px}[data-large-text=true] .modal-footer .button{height:auto;min-height:42px;white-space:normal}[data-large-text=true] .panel-heading>div{min-width:0}[data-large-text=true] h1,[data-large-text=true] h2,[data-large-text=true] h3{overflow-wrap:anywhere}[data-large-text=true] .design-controls{min-width:0}
@media(max-width:700px){.typography-controls{grid-template-columns:1fr}.design-typography-panel{grid-column:auto}.font-scale-inputs{gap:10px}[data-large-text=true] .metrics{grid-template-columns:1fr}[data-large-text=true] .topbar-right{width:100%}[data-large-text=true] .global-search{flex:1;width:auto}[data-large-text=true] .settings-grid{grid-template-columns:minmax(0,1fr)}[data-large-text=true] .module-grid{grid-template-columns:minmax(0,1fr)}}

/* SMTP settings. */
.mailserver-panel{max-width:1060px}.mailserver-controls{padding:24px}.mailserver-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.mailserver-grid label{display:flex;flex-direction:column;gap:9px;min-width:0}.mailserver-grid .mail-checkbox{flex-direction:row;align-items:center;align-self:center}.mail-checkbox input[type=checkbox]{width:20px;height:20px;flex-shrink:0;accent-color:var(--green)}.mailserver-controls>.muted{margin:24px 0}.mailserver-actions{display:flex;justify-content:flex-end}.mailserver-grid input,.mailserver-grid select{max-width:100%;min-width:0;width:100%}.mailserver-grid .mail-checkbox input{width:20px}.mailserver-grid .muted{font-weight:400;font-size:calc(12px * var(--font-scale,1))}
@media(max-width:700px){.mailserver-grid{grid-template-columns:minmax(0,1fr)}.mailserver-controls{padding:18px}.mailserver-actions .button{width:100%}}
[data-large-text=true] .mailserver-grid{grid-template-columns:minmax(0,1fr)}
.mailserver-grid .mail-checkbox input{min-height:20px;margin-top:0}.mailserver-grid label{overflow-wrap:anywhere}

.mail-delivery-panel{margin-top:24px;max-width:1060px}.mail-delivery-error,.verification-status{display:block;font-size:calc(11px * var(--font-scale,1));margin-top:7px;white-space:normal}.mail-delivery-panel .mailserver-controls p{overflow-wrap:anywhere}.verification-layout{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.verification-card{width:100%;max-width:600px;padding:36px;display:flex;flex-direction:column;gap:24px}.verification-card .brand{max-width:230px}.verification-card .button{height:auto;min-height:44px;white-space:normal;padding:12px 18px}.verification-card h1{overflow-wrap:anywhere}.verification-card form{width:100%}.verification-card form .button{width:100%}
@media(max-width:700px){.mail-delivery-panel .panel-heading{flex-wrap:wrap;gap:16px}.verification-card{padding:24px}.verification-layout{padding:16px}}
.breadcrumb{min-width:0}.breadcrumb #breadcrumb{min-width:0;overflow-wrap:anywhere}
@media(max-width:700px){.breadcrumb{white-space:normal;flex:1}}

/* Editable welcome emails and text-only previews. */
.mail-templates-panel{margin-top:24px;max-width:1060px}.mail-template-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.mail-template-editor{min-width:0;display:flex;flex-direction:column;gap:18px}.mail-template-editor h3{font-size:calc(15px * var(--font-scale,1));color:var(--ink)}.mail-template-editor input,.mail-template-editor textarea{min-width:0;max-width:100%}.mail-template-editor textarea{line-height:1.7;resize:vertical}.mail-template-editor>.muted,.template-help{font-size:calc(12px * var(--font-scale,1));line-height:1.8;overflow-wrap:anywhere}.template-help{margin:0 0 24px}.mail-template-preview{padding:18px;border:1px solid var(--line);border-radius:8px;background:var(--paper);color:var(--ink);overflow-wrap:anywhere}.mail-template-preview h4{margin:0 0 16px;font-size:calc(12px * var(--font-scale,1));color:var(--muted)}.mail-template-preview strong{font-size:calc(13px * var(--font-scale,1))}.mail-template-preview pre{font:inherit;font-size:calc(12px * var(--font-scale,1));line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere;margin:16px 0 0}.mail-template-actions{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}.mail-template-actions .button{white-space:normal;min-height:42px;height:auto;padding-top:12px;padding-bottom:12px}.mail-templates-panel code{font-family:inherit;font-weight:600}
[data-large-text=true] .mail-template-grid{grid-template-columns:minmax(0,1fr)}
@media(max-width:700px){.mail-template-grid{grid-template-columns:minmax(0,1fr)}.mail-template-actions{flex-direction:column}.mail-template-actions .button{width:100%}}

/* Account photos use the same profile in the sidebar, header and account card. */
.user-photo{overflow:hidden}.user-photo img{display:block;width:100%;height:100%;border-radius:50%;object-fit:cover}.account-card .large-avatar{width:88px;height:88px}.profile-photo-controls{display:flex;flex-direction:column;align-items:stretch;gap:13px;margin-top:22px;max-width:100%;min-width:0}.profile-photo-controls>label{font-size:calc(12px * var(--font-scale,1))}.profile-photo-controls input{width:100%;min-width:0;max-width:100%;font-size:calc(11px * var(--font-scale,1));color:var(--ink)}.profile-photo-controls .muted{font-size:calc(11px * var(--font-scale,1));line-height:1.8}.profile-photo-controls .button{width:100%;max-width:100%;white-space:normal;min-height:42px;height:auto;padding:12px}.profile-photo-controls [hidden]{display:none}.profile-photo-controls input::file-selector-button{max-width:100%;border:1px solid var(--line);border-radius:6px;background:var(--paper);color:var(--ink);padding:8px;font:inherit;margin:0 8px 7px 0}

.forgot-password-link{display:block;text-align:right;margin:12px 0 18px;color:var(--green);font-size:calc(12px * var(--font-scale,1));text-decoration:underline}.verification-card form>label+label{margin-top:20px}.verification-card form>.button{margin-top:22px}.verification-card form>.muted{margin-top:16px;font-size:calc(12px * var(--font-scale,1))}

#record-email-form .modal-body>label+label{margin-top:18px}.email-record-preview{margin:22px 0;padding:18px;border:1px solid var(--line);border-radius:8px;background:var(--paper);overflow-wrap:anywhere}.email-record-preview h3{font-size:calc(14px * var(--font-scale,1));margin-bottom:16px}.email-record-preview dl{display:grid;grid-template-columns:minmax(100px,1fr) minmax(0,2fr);gap:10px;margin:0;font-size:calc(12px * var(--font-scale,1))}.email-record-preview dt{color:var(--muted)}.email-record-preview dd{margin:0;color:var(--ink);white-space:pre-wrap}#record-email-form .muted{font-size:calc(12px * var(--font-scale,1))}
@media(max-width:700px){.email-record-preview dl{grid-template-columns:minmax(0,1fr)}}
.permissions-panel { margin-bottom: 24px; }
.permissions-panel form, .permission-user-select, #user-module-permissions { margin: 0 24px 24px; }
#user-module-permissions form { margin: 0; }
.permission-roles { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.permission-role { min-width: 0; border: 1px solid var(--line); border-radius: 12px; padding: 16px; }
.permission-role legend { font-weight: 700; padding: 0 8px; }
.permission-row { display: flex; flex-wrap: wrap; gap: 10px 18px; padding: 12px 0; border-bottom: 1px solid var(--line); }
.permission-row strong { flex-basis: 100%; }
.permission-row label, .permission-user-card { display: flex; align-items: center; gap: 8px; cursor: pointer; }
.permission-row input, .permission-user-card input { width: 20px; height: 20px; flex-shrink: 0; accent-color: var(--green); }
.permissions-actions { display: flex; justify-content: flex-end; margin-top: 20px; }
.permission-user-select { display: grid; gap: 8px; max-width: 600px; }
.permission-user-select select { min-width: 0; width: 100%; }
.permission-user-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.permission-user-card { padding: 16px; border: 1px solid var(--line); border-radius: 10px; }
.permission-user-card span { min-width: 0; overflow-wrap: anywhere; }
.permission-user-card small { display: block; margin-top: 5px; color: var(--muted); }
@media (max-width: 1100px) { .permission-roles { grid-template-columns: 1fr; } .permission-user-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (max-width: 650px) { .permission-user-grid { grid-template-columns: 1fr; } .permissions-panel form, .permission-user-select, #user-module-permissions { margin-left: 16px; margin-right: 16px; } #user-module-permissions form { margin: 0; } .permissions-actions .button { width: 100%; white-space: normal; } }

.security-panel { margin-bottom:24px; }
.security-panel > .account-tip { padding:0 24px 20px; overflow-wrap:anywhere; }
.security-metrics { grid-template-columns:repeat(3,minmax(0,1fr)); }
.security-metrics .metric { padding:24px; background:var(--white); border:1px solid var(--line); border-radius:14px; }
.security-metrics strong { font-size:calc(28px * var(--font-scale,1)); }
@media(max-width:800px) { .security-metrics { grid-template-columns:1fr; } }

.security-heading { flex-wrap:wrap; gap:16px; }
.security-heading > div { min-width:0; flex:1 1 320px; }
.security-heading .button { max-width:100%; white-space:normal; height:auto; min-height:42px; padding-top:10px; padding-bottom:10px; }

.geo-panel form { margin:0 24px 24px; }
.geo-toggle { display:flex; gap:12px; align-items:flex-start; margin:18px 0; }
.geo-toggle input { width:22px; height:22px; flex-shrink:0; accent-color:var(--green); }
.geo-toggle small { display:block; margin-top:7px; color:var(--muted); line-height:1.6; }
.geo-pickers { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; margin:24px 0; }
.geo-pickers>div { min-width:0; }
.geo-picker-row { display:flex; gap:10px; flex-wrap:wrap; margin:10px 0; }
.geo-picker-row select { min-width:0; max-width:100%; flex:1 1 180px; }
.geo-picker-row .button { white-space:normal; min-height:42px; height:auto; padding-top:10px; padding-bottom:10px; }
.geo-country-list { display:flex; gap:9px; flex-wrap:wrap; margin:18px 0; }
.geo-country-chip { display:inline-flex; align-items:center; gap:10px; padding:9px 12px; border:1px solid var(--line); border-radius:10px; max-width:100%; }
.geo-country-chip span { overflow-wrap:anywhere; min-width:0; }
.geo-country-chip small { color:var(--muted); }
.geo-country-chip button { font-size:calc(20px * var(--font-scale,1)); flex-shrink:0; width:30px; height:30px; }
.geo-panel .muted,.geo-panel .account-tip,.geo-database { overflow-wrap:anywhere; line-height:1.7; }
.geo-panel .muted,.geo-database { margin:14px 0; }
.geo-database a { text-decoration:underline; }
@media(max-width:900px) { .geo-pickers { grid-template-columns:1fr; } }
@media(max-width:650px) { .geo-panel form { margin-left:16px; margin-right:16px; } }

/* Company settings and invoice documents */
.company-panel{padding:26px;max-width:1100px}.company-panel h2{margin:10px 0 22px}.company-panel .form-grid{margin-bottom:26px}.company-panel .field{min-width:0}.company-panel .field input,.company-panel .field textarea,.company-panel .field select,.invoice-controls select{width:100%;min-width:0;box-sizing:border-box;font:inherit;padding:12px;border:1px solid var(--line);border-radius:7px;background:var(--paper);color:var(--ink)}.company-panel .field label,.invoice-controls label{display:block;margin-bottom:8px}.company-tax-box{border:1px solid var(--line);border-radius:10px;padding:20px;margin:10px 0 28px}.company-tax-switch{display:flex;align-items:flex-start;gap:14px;margin-bottom:18px}.company-tax-switch input{width:23px;height:23px;flex:none;accent-color:var(--green)}.company-tax-switch small{display:block;margin-top:7px;color:var(--muted);line-height:1.6}.company-actions{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;margin-top:24px}.company-panel .muted{line-height:1.7}.company-panel .button,.invoice-controls .button,.invoice-preview-toolbar .button{height:auto;min-height:42px;white-space:normal}.invoice-controls{margin:22px 0;border:1px solid var(--line);padding:18px;border-radius:10px}.invoice-controls p{margin:10px 0;line-height:1.6}.invoice-controls h3{margin-bottom:12px}.invoice-controls .field{margin:16px 0}.invoice-totals-preview{display:flex;flex-direction:column;gap:10px;margin:18px 0}.invoice-preview-dialog{width:min(1000px,96vw);max-width:96vw;max-height:95vh;padding:22px;overflow:auto}.invoice-preview-toolbar,.invoice-preview-toolbar>div{display:flex;gap:12px;justify-content:space-between;align-items:center;flex-wrap:wrap}.invoice-preview-toolbar{margin-bottom:20px}.invoice-preview-dialog>.warning{margin:16px 0}.invoice-paper{background:white;color:#1c2927;padding:32px;border:1px solid #ddd;border-radius:8px;font-size:calc(13px * var(--font-scale,1));overflow-wrap:anywhere}.invoice-paper h1{font-size:2em}.invoice-paper h2{font-size:1em;color:#596e65;margin-bottom:12px}.invoice-paper h3{font-size:1.2em;margin-bottom:12px}.invoice-heading{display:flex;justify-content:space-between;gap:20px;border-bottom:2px solid #144d43;padding-bottom:20px;margin-bottom:25px}.invoice-parties{display:grid;grid-template-columns:1fr 1fr;gap:28px}.invoice-parties section>div,.invoice-dates>div,.invoice-bank>div{display:flex;gap:12px;justify-content:space-between;margin:9px 0}.invoice-parties p{white-space:pre-wrap;line-height:1.7;margin:10px 0}.invoice-dates{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:25px 0}.invoice-dates>div{flex-direction:column;gap:7px}.invoice-amounts{width:100%;border-collapse:collapse;table-layout:fixed;min-width:0}.invoice-amounts th,.invoice-amounts td{font:inherit;padding:12px 6px;white-space:normal;border-bottom:1px solid #ddd;text-align:right;background:#fff;color:#1c2927}.invoice-amounts th:first-child,.invoice-amounts td:first-child{width:35%;text-align:left}.invoice-amounts th{background:#eff5f2;font-weight:bold}.invoice-payable{display:flex;justify-content:flex-end;align-items:baseline;gap:20px;padding:24px 0;font-size:1.2em}.invoice-payable strong{font-size:1.4em}.invoice-bank{border-top:1px solid #ddd;padding-top:16px}.invoice-bank>div{justify-content:flex-start}.invoice-note{margin-top:24px;white-space:pre-wrap;line-height:1.7}.invoice-nonpayer{font-weight:600}
@media(max-width:700px){.company-panel{padding:18px}.company-tax-box{padding:14px}.invoice-preview-dialog{padding:12px}.invoice-paper{padding:15px}.invoice-parties,.invoice-dates{grid-template-columns:1fr}.invoice-heading,.invoice-payable{flex-wrap:wrap}.invoice-parties section>div{flex-wrap:wrap}.invoice-amounts th,.invoice-amounts td{padding:9px 3px;font-size:.8em}.invoice-preview-toolbar>div{width:100%}.company-actions .button{max-width:100%}.invoice-bank>div{flex-wrap:wrap}}
@media print{@page{size:A4;margin:12mm}html,body{background:white!important;color:#1c2927!important;--font-scale:1!important}body:has(.invoice-preview-dialog[open])>#app,body:has(.invoice-preview-dialog[open])>#toast{display:none!important}dialog.invoice-preview-dialog[open]{position:static!important;display:block!important;width:100%!important;max-width:none!important;max-height:none!important;overflow:visible!important;margin:0!important;padding:0!important;border:0!important;box-shadow:none!important;background:white!important}dialog.invoice-preview-dialog::backdrop{display:none}.invoice-preview-toolbar,.invoice-preview-dialog>.warning{display:none!important}.invoice-paper{padding:0;border:0;border-radius:0;font-size:11pt}.invoice-parties{grid-template-columns:1fr 1fr}.invoice-dates{grid-template-columns:repeat(3,1fr)}.invoice-amounts th,.invoice-amounts td{font-size:1em}.invoice-heading,.invoice-parties,.invoice-dates,.invoice-amounts tr,.invoice-payable,.invoice-bank{break-inside:avoid}.invoice-note{break-inside:auto}}
.vat-levels-section{margin-bottom:32px}.vat-level-row{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr) auto;gap:14px;align-items:end;margin:16px 0}.vat-level-row label{min-width:0;display:flex;flex-direction:column;gap:8px}.vat-level-row input{min-width:0;width:100%;padding:12px;box-sizing:border-box;font:inherit;color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:7px}.vat-level-row .button{min-height:42px}@media(max-width:650px){.vat-level-row{grid-template-columns:minmax(0,1fr);padding-bottom:18px;border-bottom:1px solid var(--line)}.vat-level-row .button{justify-self:start}}

.company-panel input:disabled{opacity:.6;cursor:not-allowed;background:var(--line)}

/* Attendance */
.attendance-overview{display:grid;grid-template-columns:2fr 1fr;gap:22px;margin-bottom:25px}.attendance-status,.attendance-summary{padding:26px}.attendance-state{display:inline-block;padding:8px 14px;border-radius:20px;background:#edf1e8;color:#375547;font-size:calc(12px * var(--font-scale,1))}.attendance-state.state-in{background:#d9efdc;color:#165c31}.attendance-state.state-break{background:#fff0cd;color:#76530e}.attendance-status h2{margin:22px 0 12px}.attendance-status p{line-height:1.7;color:var(--muted)}.attendance-status>small{display:block;margin-top:18px;color:var(--muted)}.attendance-buttons{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}.attendance-buttons .button,.attendance-settings .button,.attendance-filters .button{height:auto;min-height:44px;white-space:normal}.attendance-summary{display:flex;flex-direction:column;justify-content:center;gap:20px}.attendance-summary>span{letter-spacing:1.5px;color:var(--muted);font-size:calc(11px * var(--font-scale,1))}.attendance-summary>strong{font-size:calc(36px * var(--font-scale,1));overflow-wrap:anywhere}.attendance-summary small,.attendance-summary p{color:var(--muted)}.attendance-filters{display:flex;align-items:end;flex-wrap:wrap;gap:15px;padding:0 24px 24px}.attendance-filters label{display:flex;flex-direction:column;gap:9px;min-width:0}.attendance-filters input,.attendance-filters select,.attendance-key input{font:inherit;color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:7px;padding:12px;min-width:0;box-sizing:border-box;max-width:100%}.attendance-row{display:flex;width:100%;align-items:center;gap:16px;padding:20px 24px;text-align:left;background:transparent;border:0;border-top:1px solid var(--line);color:var(--ink);font:inherit;cursor:pointer}.attendance-row:hover{background:var(--paper)}.attendance-event-icon{padding:10px;border-radius:10px;background:var(--paper);flex:none}.attendance-row>span:nth-child(2){min-width:130px}.attendance-row strong,.attendance-row small{display:block}.attendance-row small{margin-top:7px;color:var(--muted)}.attendance-location-summary{flex:1;color:var(--muted);font-size:calc(12px * var(--font-scale,1));line-height:1.7}.cached-location{color:#9b6c16}.attendance-settings{padding:25px;margin-top:25px}.attendance-settings summary{cursor:pointer;font-weight:600}.attendance-settings form{margin-top:25px}.attendance-setting{display:flex;align-items:start;gap:12px;margin:18px 0;line-height:1.7}.attendance-setting input{width:22px;height:22px;flex:none;accent-color:var(--green)}.attendance-key{display:flex;flex-direction:column;gap:10px;margin:24px 0 14px}.attendance-settings .muted{font-size:calc(12px * var(--font-scale,1));line-height:1.8}.attendance-settings-status{display:block;margin-top:16px}.attendance-camera{position:relative;background:#172822;aspect-ratio:4/3;border-radius:12px;overflow:hidden;margin-bottom:16px}.attendance-camera video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.camera-frame{position:absolute;inset:14% 25%;border:2px dashed #e1efc2;border-radius:50%;pointer-events:none}.attendance-capture p{line-height:1.7;margin:15px 0}.attendance-capture>label{display:block;margin-top:20px}.attendance-capture textarea{width:100%;box-sizing:border-box}.attendance-evidence{display:grid;grid-template-columns:1fr 1.4fr;gap:20px;align-items:start}.attendance-selfie{width:100%;border-radius:12px;max-width:320px;aspect-ratio:1;object-fit:cover}.attendance-no-photo{background:var(--paper);padding:40px 12px;border-radius:12px;text-align:center}.attendance-map img{max-width:100%;height:auto;display:block}.attendance-map-placeholder{background:var(--paper);min-height:200px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:14px;padding:20px;box-sizing:border-box;text-align:center;border:1px solid var(--line);border-radius:10px}.attendance-map-placeholder small{line-height:1.7;color:var(--muted)}.attendance-map>a{display:block;margin-top:12px;font-size:calc(12px * var(--font-scale,1));line-height:1.7}.attendance-detail-values{display:grid;grid-template-columns:1fr 1.4fr;gap:15px;margin:25px 0;line-height:1.7;font-size:calc(12px * var(--font-scale,1))}.attendance-detail-values dt{color:var(--muted)}.attendance-detail-values dd{margin:0;overflow-wrap:anywhere;white-space:pre-wrap}.attendance-detail .muted{font-size:calc(11px * var(--font-scale,1))}
@media(max-width:800px){.attendance-overview{grid-template-columns:1fr}.attendance-row{flex-wrap:wrap;padding:18px}.attendance-row .attendance-location-summary{flex-basis:100%;order:2}.attendance-row>span:nth-child(2){flex:1}.attendance-row .subtle-tag{max-width:100%}.attendance-evidence{grid-template-columns:1fr}.attendance-selfie{max-width:200px}.attendance-detail-values{grid-template-columns:1fr}.attendance-detail-values dt{margin-top:10px}.attendance-filters{padding:0 18px 18px}.attendance-filters label{max-width:100%}.attendance-settings{padding:18px}.attendance-status,.attendance-summary{padding:20px}}
.auth-language-control{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-bottom:24px;flex-wrap:wrap}.auth-language-control>label{margin:0;font-size:calc(12px * var(--font-scale,1));color:var(--muted)}.auth-language-control select{font:inherit;font-size:calc(12px * var(--font-scale,1));padding:9px 12px;max-width:100%;border:1px solid var(--line);border-radius:8px;color:var(--ink);background:var(--paper)}.settings-auth-language{justify-content:flex-start;padding:0 24px;margin-top:22px}.settings-auth-language small{flex-basis:100%;font-size:calc(11px * var(--font-scale,1));line-height:1.7;color:var(--muted)}.verification-card .auth-language-control{margin-top:25px}.login-story h1,.login-form h2{overflow-wrap:anywhere}@media(max-width:600px){.auth-language-control{justify-content:flex-start}.auth-language-control select{min-width:130px}.login-form .button{white-space:normal;height:auto;min-height:44px}}
.login-layout{position:relative;padding-bottom:48px;box-sizing:border-box}.login-copyright{position:absolute;left:24px;bottom:16px;color:#b7d0c5;font-size:calc(11px * var(--font-scale,1));line-height:1.5;max-width:calc(100% - 48px)}@media(max-width:900px){.login-copyright{color:var(--muted)}}

/* Shared company identity and the supplier logo in the printed invoice. */
.company-logo-section{display:grid;gap:14px;margin-bottom:28px;padding-bottom:24px;border-bottom:1px solid var(--border)}
.company-logo-preview{min-height:90px;display:flex;align-items:center;justify-content:center;border:1px dashed var(--border);border-radius:12px;background:#fff;color:#52645d;padding:12px}
.company-logo-preview img{max-width:260px;max-height:140px;object-fit:contain}
.company-logo-section .company-tax-switch{margin-top:12px}
.workspace-symbol img{width:100%;height:100%;object-fit:contain;background:#fff;border-radius:8px}
.workspace-switch>div{min-width:0}.workspace-switch [data-company-name]{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:160px}
.topbar-company{font-size:.85rem;max-width:230px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.invoice-heading .invoice-company-logo{width:140px;max-height:90px;object-fit:contain;flex-shrink:0;margin-right:16px}
.invoice-heading>div{flex:1;min-width:0}
.login-copyright{color:var(--muted)}
@media(max-width:800px){.topbar-company{max-width:140px;font-size:.75rem}.invoice-heading .invoice-company-logo{width:90px;max-height:65px;margin-right:8px}}
@media(max-width:480px){.topbar-company{max-width:105px}}
.company-logo-section [hidden],.attendance-capture [hidden],.attendance-settings [hidden]{display:none!important}
.workspace-symbol{flex-shrink:0}

.attendance-record-trigger{display:flex;align-items:center;gap:16px;flex:1;min-width:0;color:inherit;text-align:left;font:inherit;background:transparent;padding:0;border:0;cursor:pointer}
.attendance-record-trigger>span:nth-child(2){min-width:125px}.attendance-record-trigger>.icon{flex:none}
.attendance-row-photo{width:64px;flex:none;border:0;padding:0;color:var(--ink);background:transparent;cursor:zoom-in;font:inherit;line-height:1.5;font-size:calc(10px * var(--font-scale,1))}
.attendance-row-photo img{width:64px;height:64px;object-fit:cover;border-radius:9px;display:block;margin-bottom:5px}
.attendance-photo-preview{padding:0;border:0;background:transparent;cursor:zoom-in;color:var(--ink);font:inherit;text-align:left}
.attendance-photo-preview span{display:block;margin-top:8px;font-size:calc(12px * var(--font-scale,1));text-decoration:underline}
.attendance-photo-viewer{text-align:center}.attendance-photo-full{width:640px;max-width:100%;height:auto;display:block;margin:0 auto;border-radius:10px}.attendance-photo-viewer p{margin:18px 0;line-height:1.7}
@media(max-width:800px){.attendance-record-trigger{flex-wrap:wrap;gap:10px}.attendance-record-trigger .attendance-location-summary{flex-basis:100%;min-width:0}.attendance-row{flex-wrap:nowrap}.attendance-record-trigger>span:nth-child(2){min-width:0}}

#attendance-export-form label{display:flex;flex-direction:column;gap:10px;margin:20px 0}#attendance-export-form select{font:inherit;padding:12px;max-width:100%;background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:8px}.attendance-export-paper>p{margin:16px 0;line-height:1.6}.attendance-export-paper .invoice-amounts tr{break-inside:avoid}

.leave-planner{margin-top:24px;padding-bottom:20px}.leave-planner>.warning,.leave-planner>.muted,.leave-planner>.text-button{margin:16px 24px}.leave-row{padding:18px 24px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:18px;align-items:center}.leave-row>div{min-width:0}.leave-row p{margin:9px 0;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.6}.leave-actions{display:flex;gap:10px;flex-wrap:wrap}.leave-review-queue{border:1px solid var(--line);margin:18px;border-radius:10px}.leave-review-queue h3{padding:18px}.leave-pending{background:#fff0ce;color:#755211}.leave-approved{background:#dcf2e3;color:#205c36}.leave-rejected{background:#fde2df;color:#8a3029}.leave-cancelled{background:#e9e9e9;color:#505050}#leave-request-form label,#leave-decision-form label,#calendar-event-form label{display:flex;flex-direction:column;gap:10px;margin:16px 0}#leave-request-form input,#leave-request-form textarea,#leave-decision-form select,#leave-decision-form textarea,#calendar-event-form input,#calendar-event-form select,#calendar-event-form textarea{font:inherit;color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:8px;padding:12px;width:100%;box-sizing:border-box}#calendar-event-form fieldset{border:0;padding:0;min-width:0}.calendar-panel{padding:20px}.calendar-toolbar{display:flex;flex-wrap:wrap;align-items:end;gap:12px;margin-bottom:24px}.calendar-toolbar label{display:flex;flex-direction:column;gap:8px}.calendar-toolbar input,.calendar-toolbar select{font:inherit;color:var(--ink);background:var(--paper);padding:10px;border:1px solid var(--line);border-radius:8px;max-width:100%;min-width:0}.calendar-toolbar .button{height:auto;min-height:42px}.calendar-weekdays,.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.calendar-weekdays{padding:12px 0;text-align:center;color:var(--muted)}.calendar-grid{border-left:1px solid var(--line);border-top:1px solid var(--line)}.calendar-day{min-height:110px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:7px;min-width:0}.calendar-day-number{display:block;font-size:calc(12px * var(--font-scale,1));margin:3px 0 8px}.outside-month{opacity:.45}.calendar-chip{display:block;width:100%;padding:7px 5px;border-radius:5px;text-align:left;margin-top:5px;font-size:calc(10px * var(--font-scale,1));overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-left:3px solid #669a88}.calendar-vacation{background:#e1f1e2;color:#285b33}.calendar-training{background:#e9e6fa;color:#5f4981}.calendar-task{background:#fff0df;color:#7a4e22}.calendar-other{background:#e2edf5;color:#315b76}.calendar-agenda{display:none}.calendar-agenda.chosen{display:block}.calendar-agenda-row{display:flex;width:100%;justify-content:space-between;align-items:center;text-align:left;padding:16px;border-radius:8px;margin:10px 0;gap:15px;line-height:1.6}.calendar-agenda-row small{display:block;margin-top:7px}.calendar-grid-wrap[hidden]{display:none}
@media(max-width:800px){.leave-row{flex-direction:column;align-items:stretch}.leave-planner .panel-heading{flex-wrap:wrap;gap:16px}.leave-planner .button{height:auto;min-height:42px;white-space:normal}.calendar-grid-wrap{display:none}.calendar-agenda{display:block}.calendar-panel{padding:14px}.calendar-agenda-row{flex-direction:column;align-items:flex-start;overflow-wrap:anywhere}.calendar-toolbar{gap:8px}.calendar-toolbar>label{max-width:150px}.calendar-toolbar select{width:100%}.calendar-day{min-height:85px}}

.attendance-leave-days{padding:20px 28px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.attendance-leave-days h3,.attendance-history>h3{font-size:calc(14px * var(--font-scale,1));line-height:1.6}
.attendance-history>h3{padding:20px 28px 0}.attendance-leave-days p{font-size:calc(12px * var(--font-scale,1));line-height:1.8;margin:10px 0}
.attendance-leave-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:10px;margin-top:14px}
.attendance-leave-day{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;border:1px solid var(--line);border-radius:8px;padding:12px;font-size:calc(12px * var(--font-scale,1))}
.attendance-leave-day time{font-weight:600}.attendance-leave-day .subtle-tag{white-space:normal;line-height:1.7;overflow-wrap:anywhere}
@media(max-width:800px){.attendance-leave-days{padding:18px}.attendance-history>h3{padding:18px 18px 0}}