:root{color-scheme:light;--bg:#f3f6f4;--surface:#fff;--surface-soft:#f7faf8;--ink:#18241f;--muted:#68746e;--line:#dce4df;--line-dark:#cbd7d0;--brand:#1d6a48;--brand-dark:#124a34;--brand-soft:#e5f2eb;--red:#c33f36;--red-soft:#fceceb;--orange:#c46b17;--orange-soft:#fff2e4;--blue:#2e67b1;--blue-soft:#eaf1fb;--shadow:0 16px 50px rgba(27,55,41,.08);--radius:18px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}
*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;background:var(--bg);color:var(--ink);font-size:15px}a{color:inherit}button,input,textarea,select{font:inherit}
.app-shell{min-height:100vh;display:grid;grid-template-columns:256px minmax(0,1fr)}.sidebar{position:fixed;inset:0 auto 0 0;width:256px;z-index:30;display:flex;flex-direction:column;background:#102c21;color:#d9e6de;padding:23px 16px}.logo{display:flex;align-items:center;gap:11px;color:#fff;text-decoration:none;margin:0 8px 26px}.logo-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:linear-gradient(145deg,#43a271,#19704a);color:#fff;font-size:22px;font-weight:850;box-shadow:0 9px 22px #061c133d}.logo strong,.logo small{display:block}.logo strong{font-size:15px;letter-spacing:.11em}.logo small{font-size:11px;color:#9fc5ae;margin-top:2px}.nav{display:grid;gap:3px;overflow:auto;scrollbar-width:thin;padding-right:1px}.nav-link{display:flex;align-items:center;gap:11px;min-height:43px;border-radius:11px;padding:8px 11px;color:#bcd0c4;text-decoration:none;font-weight:600;font-size:14px;transition:.16s ease}.nav-link:hover{background:#ffffff0c;color:#fff}.nav-link.active{background:#fff;color:#153d2c;box-shadow:0 8px 23px #051b1136}.nav-icon{display:grid;place-items:center;width:23px;height:23px;font-size:16px}.sidebar-foot{margin-top:auto;display:grid;gap:12px}.privacy-note{font-size:10px;line-height:1.4;color:#8fb2a0;padding:0 10px;display:flex;gap:7px;align-items:center}.privacy-dot{width:7px;height:7px;background:#53c780;border-radius:50%;box-shadow:0 0 0 4px #53c7801c}
.app-main{grid-column:2;min-width:0}.topbar{height:76px;position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:12px;background:#f8faf9e8;border-bottom:1px solid var(--line);backdrop-filter:blur(18px);padding:12px clamp(18px,3vw,38px)}.search{min-width:0;flex:1;max-width:680px;display:flex;align-items:center;gap:9px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:0 13px;height:46px}.search input{min-width:0;flex:1;border:0;outline:0;color:var(--ink);background:transparent}.search input::placeholder{color:#96a19b}.sync-form,.logout-form{flex:none}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;border:0;border-radius:11px;padding:0 16px;text-decoration:none;font-weight:750;cursor:pointer;white-space:nowrap}.button-primary{background:linear-gradient(135deg,var(--brand),var(--brand-dark));color:#fff;box-shadow:0 8px 20px #1d6a4829}.button-primary:hover{filter:brightness(1.06)}.button-soft{background:#fff;color:var(--ink);border:1px solid var(--line-dark)}.button-soft:hover{background:var(--surface-soft)}.icon-button{display:grid;place-items:center;width:42px;height:42px;flex:none;border:1px solid var(--line);border-radius:11px;background:#fff;color:var(--ink);cursor:pointer}.menu-button{display:none}.user-chip{display:flex;align-items:center;gap:9px;padding-left:4px}.user-chip strong,.user-chip small{display:block;white-space:nowrap}.user-chip strong{font-size:13px}.user-chip small{font-size:11px;color:var(--muted);margin-top:2px}.avatar{display:grid;place-items:center;width:39px;height:39px;border-radius:12px;background:var(--brand-soft);color:var(--brand-dark);font-weight:800;font-size:12px}.content{padding:clamp(22px,4vw,46px);max-width:1540px;margin:0 auto}.flash{border:1px solid;border-radius:12px;padding:13px 15px;margin-bottom:18px;line-height:1.45}.flash.success{background:#eaf7ef;border-color:#b9dfc9;color:#16623d}.flash.error{background:var(--red-soft);border-color:#f2c4c0;color:#a32d26}.flash.warning{background:var(--orange-soft);border-color:#f1d0ae;color:#8a4a10}
.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin:0 0 28px}.page-head.compact{align-items:center}.page-head h1{font-size:clamp(30px,4vw,45px);line-height:1.05;letter-spacing:-.045em;margin:3px 0 8px}.page-head p:not(.eyebrow){margin:0;color:var(--muted);line-height:1.5}.eyebrow{text-transform:uppercase;letter-spacing:.1em;color:var(--brand);font-weight:800;font-size:11px;margin:0 0 6px}.eyebrow.light{color:#86c5a0}.metric-grid{display:grid;grid-template-columns:repeat(6,minmax(145px,1fr));gap:13px;margin-bottom:22px}.metric-card{position:relative;overflow:hidden;display:grid;min-height:150px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:18px;text-decoration:none;box-shadow:0 5px 20px #1b37290a}.metric-card:after{content:"";position:absolute;width:76px;height:76px;border-radius:50%;right:-28px;top:-24px;background:var(--tone,#eef2ef)}.metric-card>span{color:var(--muted);font-size:13px;font-weight:650;position:relative;z-index:1}.metric-card strong{font-size:38px;letter-spacing:-.05em;align-self:center}.metric-card small{color:var(--muted)}.metric-card.red{--tone:#f6d3d0}.metric-card.orange{--tone:#f8dfc3}.metric-card.blue{--tone:#d8e5f7}.metric-card.green{--tone:#d4eddd}.metric-card.violet{--tone:#e3d8f3}.metric-card:hover{border-color:#b8c9bf;transform:translateY(-1px)}
.section-card,.detail-card,.editor-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 9px 34px #1b37290a}.section-card{padding:23px}.section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:18px}.section-head h2{margin:0;font-size:22px;letter-spacing:-.025em}.section-head p:not(.eyebrow){color:var(--muted);margin:5px 0 0}.section-head>a{color:var(--brand);font-weight:700;font-size:13px}.task-list{display:grid}.task-row{display:flex;align-items:center;gap:13px;min-height:70px;border-top:1px solid #edf1ee;text-decoration:none;padding:10px 4px}.task-row:first-child{border-top:0}.task-row:hover{background:#fafcfb}.task-number{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:var(--surface-soft);color:var(--muted);font-weight:750}.priority-dot{width:9px;height:9px;border-radius:50%;background:#82a08e;flex:none}.priority-dot.urgent,.priority-dot.high{background:var(--red);box-shadow:0 0 0 5px #c33f3613}.priority-dot.normal{background:#da8a32}.priority-dot.low{background:#6990bd}.task-main{min-width:0;flex:1}.task-main strong,.task-main small{display:block}.task-main strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-main small{color:var(--muted);margin-top:5px}.task-time{color:var(--muted);font-size:12px}.chevron{color:#94a29a;font-size:25px}.empty-state{text-align:center;padding:52px 24px!important;color:var(--muted)}.empty-state>span{display:grid;place-items:center;width:54px;height:54px;margin:0 auto 14px;border-radius:16px;background:var(--brand-soft);color:var(--brand);font-size:22px}.empty-state h2,.empty-state h3{color:var(--ink);margin:0 0 7px}.empty-state p{margin:0}
.mail-list{display:grid;gap:10px}.mail-card{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:15px;align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:15px;padding:17px;transition:.15s ease}.mail-card:hover{border-color:#b8c9bf;box-shadow:0 9px 26px #1b37290d}.mail-card.unread{border-left:4px solid var(--brand)}.mail-open{position:absolute;inset:0;z-index:0}.mail-avatar{display:grid;place-items:center;width:43px;height:43px;border-radius:13px;background:#e7f0ea;color:var(--brand-dark);font-weight:850;position:relative;z-index:1}.mail-avatar.large{width:56px;height:56px;border-radius:16px;font-size:19px}.mail-content{min-width:0;position:relative;z-index:1;pointer-events:none}.mail-meta{display:flex;justify-content:space-between;gap:16px}.mail-meta time{color:var(--muted);font-size:12px}.mail-content h2{font-size:16px;margin:5px 0 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mail-content>p{color:var(--muted);line-height:1.45;margin:0 0 11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mail-tags{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.badge{display:inline-flex;align-items:center;border-radius:99px;padding:5px 9px;font-size:10px;font-weight:800;line-height:1}.badge.category{background:var(--brand-soft);color:var(--brand-dark)}.badge.priority.normal{background:var(--orange-soft);color:#97500d}.badge.priority.high,.badge.priority.urgent{background:var(--red-soft);color:#a93029}.badge.priority.low{background:var(--blue-soft);color:#315e97}.next-action{font-size:11px;color:var(--muted)}.mail-actions{display:flex;gap:6px;position:relative;z-index:2}.small-button{display:inline-flex;align-items:center;justify-content:center;min-height:34px;border:1px solid var(--line-dark);border-radius:9px;background:#fff;padding:5px 10px;font-size:12px;font-weight:750;text-decoration:none;color:var(--ink);cursor:pointer}.small-button:hover{background:var(--surface-soft)}.small-button.ghost{color:var(--muted)}
.breadcrumbs{display:flex;gap:8px;align-items:center;color:var(--muted);font-size:12px;margin:0 0 14px}.breadcrumbs a{color:var(--brand);font-weight:700}.detail-card,.editor-card{padding:clamp(20px,3vw,35px)}.email-head{display:flex;gap:17px;align-items:flex-start;border-bottom:1px solid var(--line);padding-bottom:23px}.email-title{min-width:0;flex:1}.email-title-line{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.email-title h1{font-size:clamp(25px,3vw,36px);line-height:1.17;letter-spacing:-.035em;margin:4px 0 9px}.email-title>p{margin:0;color:var(--muted)}.ai-panel{display:grid;grid-template-columns:minmax(0,2fr) minmax(260px,1fr);gap:16px;margin:23px 0}.ai-panel>div{border-radius:14px;background:#f0f7f3;padding:19px}.summary-text{font-size:16px;line-height:1.6;margin:0}.action-recommendation{display:flex;flex-direction:column;background:#163a2b!important;color:#eaf4ee!important}.action-recommendation span{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:#9dc4ad;margin-bottom:8px}.action-recommendation strong{line-height:1.4}.action-recommendation small{margin-top:auto;padding-top:13px;color:#b8d3c3}.detail-actions{display:flex;gap:9px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding-bottom:22px}.attachments{padding:22px 0;border-bottom:1px solid var(--line)}.attachments>div{display:flex;gap:9px;flex-wrap:wrap}.attachments a{display:grid;grid-template-columns:auto auto;column-gap:8px;border:1px solid var(--line);border-radius:11px;padding:10px 13px;text-decoration:none}.attachments a span{grid-row:1/3}.attachments a small{color:var(--muted)}.original-mail{padding-top:23px}.mail-body{max-width:900px;line-height:1.72;color:#28342e;overflow-wrap:anywhere}.status-pill{display:inline-flex;border-radius:99px;padding:6px 10px;background:#edf2ef;color:#53635a;font-size:11px;font-weight:800}.status-pill.draft{background:var(--orange-soft);color:#96510e}.status-pill.sent{background:var(--brand-soft);color:var(--brand-dark)}
.compose-form{display:grid;gap:16px}.compose-form label,.form-grid label,.notes-field{display:grid;gap:7px;font-size:13px;font-weight:700}.compose-form input,.compose-form textarea,.form-grid input,.form-grid textarea,.form-grid select,.notes-field textarea,.offer-table input,.offer-table textarea,.service-row input{width:100%;border:1px solid var(--line-dark);background:#fbfdfc;color:var(--ink);border-radius:10px;padding:11px 12px;outline:0}.compose-form input:focus,.compose-form textarea:focus,.form-grid input:focus,.form-grid select:focus,.offer-table input:focus,.offer-table textarea:focus{border-color:var(--brand);box-shadow:0 0 0 4px #1d6a4815}.compose-form textarea{resize:vertical;line-height:1.6}.send-confirm{border:1px solid #ecd0ae;background:var(--orange-soft);border-radius:12px;padding:13px}.send-confirm label{display:flex!important;align-items:flex-start;gap:10px;font-weight:600}.send-confirm input{width:19px!important;height:19px;accent-color:var(--brand);flex:none}.editor-actions{display:flex;justify-content:flex-end;gap:9px}.original-reference{margin-top:24px;border-top:1px solid var(--line);padding-top:18px}.original-reference summary{font-weight:750;color:var(--brand);cursor:pointer}.original-reference div{margin-top:15px;color:var(--muted);line-height:1.6;max-height:360px;overflow:auto}
.customer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.customer-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:15px;background:#fff;border:1px solid var(--line);border-radius:15px;padding:18px;text-decoration:none}.customer-card:hover{border-color:#b8c9bf;box-shadow:0 9px 26px #1b37290c}.customer-avatar{display:grid;place-items:center;width:49px;height:49px;border-radius:15px;background:#dcece3;color:var(--brand-dark);font-weight:850}.customer-avatar.large{width:68px;height:68px;border-radius:20px;font-size:20px}.customer-card h2{font-size:16px;margin:0 0 5px}.customer-card p{color:var(--muted);margin:0 0 9px}.customer-stats{display:flex;gap:6px;flex-wrap:wrap}.customer-stats span{font-size:10px;background:var(--surface-soft);border-radius:99px;padding:5px 7px;color:var(--muted)}.customer-hero{display:flex;align-items:center;gap:18px;background:#153a2b;color:#fff;border-radius:var(--radius);padding:25px;margin-bottom:16px}.customer-hero h1{font-size:31px;margin:2px 0 5px}.customer-hero p{color:#b4d0c0;margin:0}.contact-box{margin-left:auto;display:grid;gap:5px;min-width:240px;color:#c8ddd1;font-size:13px}.two-column{display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,1fr);gap:16px}.timeline{display:grid}.timeline a{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;border-top:1px solid var(--line);padding:14px 2px;text-decoration:none}.timeline a:first-child{border-top:0}.timeline p{color:var(--muted);margin:5px 0;line-height:1.45}.timeline small{color:var(--muted)}.offer-mini-list{display:grid;gap:9px}.offer-mini-list a{display:grid;gap:4px;border:1px solid var(--line);border-radius:11px;padding:11px;text-decoration:none}.offer-mini-list span,.offer-mini-list small{color:var(--muted)}
.price-warning{color:#a34d0d;font-weight:800}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}th{text-align:left;text-transform:uppercase;letter-spacing:.07em;font-size:10px;color:var(--muted);padding:10px;border-bottom:1px solid var(--line)}td{padding:13px 10px;border-bottom:1px solid #edf1ee;vertical-align:middle}.warning-banner{border:1px solid #edcdab;border-radius:12px;background:var(--orange-soft);color:#7d4614;padding:13px 15px;margin-bottom:20px;line-height:1.45}.form-grid{display:grid;gap:15px}.form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.full{grid-column:1/-1}.form-grid label small{color:var(--muted);font-weight:400;line-height:1.4}.offer-form{display:grid;gap:20px}.offer-table-wrap{overflow-x:auto}.offer-table{min-width:830px}.offer-table th:nth-child(1){width:55px}.offer-table th:nth-child(3),.offer-table th:nth-child(4),.offer-table th:nth-child(5){width:130px}.offer-table textarea{resize:vertical}.offer-table .needs-review{border-color:#df984e;background:#fff9f2}.line-total{font-size:12px;font-weight:750}.notes-field{display:grid}.offer-summary{margin-left:auto;display:grid;width:min(100%,380px);border:1px solid var(--line);border-radius:12px;overflow:hidden}.offer-summary div{display:flex;justify-content:space-between;gap:15px;padding:11px 14px;border-top:1px solid var(--line)}.offer-summary div:first-child{border-top:0}.offer-summary div:last-child{background:#153a2b;color:#fff}
.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.settings-section{display:flex;flex-direction:column;gap:12px}.settings-section .section-head{margin-bottom:3px}.settings-section .button{align-self:flex-start;margin-top:auto}.secure-label{font-size:10px;border-radius:99px;padding:5px 8px;background:var(--brand-soft);color:var(--brand-dark);font-weight:750}.toggle-row{display:flex!important;align-items:flex-start;gap:10px;padding:12px;border:1px solid var(--line);border-radius:11px}.toggle-row input{width:19px!important;height:19px;accent-color:var(--brand);flex:none}.toggle-row strong,.toggle-row small{display:block}.toggle-row small{margin-top:4px}.settings-save{grid-column:1/-1;display:flex;justify-content:flex-end}.services-section,.cron-section{margin-top:18px}.service-list{display:grid}.service-row{display:grid;grid-template-columns:minmax(180px,1fr) 145px 110px auto auto;gap:10px;align-items:end;border-top:1px solid var(--line);padding:12px 0}.service-row:first-child{border-top:0}.service-row>div strong,.service-row>div small{display:block}.service-row>div small{color:var(--muted);margin-top:4px}.service-row label{display:grid;gap:5px;font-size:10px;color:var(--muted);font-weight:750}.service-row .active-check{display:flex;align-items:center;gap:5px;min-height:38px}.service-row .active-check input{width:17px;height:17px}.cron-section pre{overflow:auto;background:#102c21;color:#cbe1d4;border-radius:11px;padding:14px}.muted{color:var(--muted)}.scrim{display:none}
.login-body{min-height:100vh;background:#eef3f0}.login-wrap{min-height:100vh;display:grid;grid-template-columns:minmax(350px,1.1fr) minmax(420px,.9fr)}.login-brand{display:flex;flex-direction:column;justify-content:space-between;background:radial-gradient(circle at 85% 15%,#3f8f6442,transparent 25rem),linear-gradient(145deg,#102d21,#174c35);color:#fff;padding:clamp(35px,6vw,80px)}.login-logo{display:flex;align-items:center;gap:11px}.login-logo strong,.login-logo small{display:block}.login-logo strong{letter-spacing:.1em}.login-logo small{color:#a9cab8;font-size:12px}.login-brand h1{max-width:680px;font-size:clamp(38px,5vw,68px);line-height:1.02;letter-spacing:-.055em;margin:9px 0 20px}.login-brand p:not(.eyebrow){max-width:610px;color:#bdd2c6;line-height:1.65;font-size:16px}.trust{display:flex;align-items:center;gap:9px;color:#a8c6b5;font-size:13px}.trust span{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#ffffff12;color:#79d79e}.login-panel{display:grid;place-items:center;padding:30px}.login-card{width:min(430px,100%);background:#fff;border:1px solid var(--line);border-radius:22px;padding:clamp(25px,5vw,45px);box-shadow:var(--shadow)}.login-card h2{font-size:32px;letter-spacing:-.035em;margin:4px 0 8px}.stack-form{display:grid;gap:16px;margin-top:25px}.stack-form label{display:grid;gap:7px;font-size:13px;font-weight:750}.stack-form input{height:50px;border:1px solid var(--line-dark);border-radius:11px;padding:0 13px;outline:0}.stack-form input:focus{border-color:var(--brand);box-shadow:0 0 0 4px #1d6a4815}.wide{width:100%;margin-top:4px}.login-help{text-align:center;color:var(--muted);font-size:11px;line-height:1.5;margin:19px 0 0}
.task-main{width:0}
@media(max-width:1180px){.metric-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:920px){.app-shell{grid-template-columns:1fr}.app-main{grid-column:1}.sidebar{transform:translateX(-100%);transition:transform .2s ease}.menu-open .sidebar{transform:translateX(0)}.menu-open .scrim{display:block;position:fixed;inset:0;background:#07160e73;z-index:25}.menu-button{display:grid}.topbar{padding:11px 16px}.content{padding:24px 16px}.customer-grid,.settings-grid{grid-template-columns:1fr}.two-column{grid-template-columns:1fr}.login-wrap{grid-template-columns:1fr}.login-brand{display:none}.login-panel{min-height:100vh}}
@media(max-width:680px){.desktop-only{display:none!important}.topbar{gap:7px}.search{padding:0 10px}.sync-button{width:42px;padding:0}.user-chip{display:none}.page-head{align-items:flex-start;flex-direction:column;margin-bottom:21px}.page-head .button{width:100%}.metric-grid{grid-template-columns:repeat(2,1fr);gap:9px}.metric-card{min-height:130px;padding:15px}.metric-card strong{font-size:32px}.section-card{padding:17px}.task-number,.task-time{display:none}.mail-card{grid-template-columns:auto minmax(0,1fr);padding:14px}.mail-actions{grid-column:2;justify-content:flex-start}.mail-content>p{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.mail-meta time{font-size:10px}.next-action{display:none}.email-head{align-items:flex-start}.email-title-line{display:block}.email-title-line .mail-tags{margin-top:7px}.ai-panel{grid-template-columns:1fr}.detail-actions form,.detail-actions .button{width:100%}.detail-actions .button{justify-content:flex-start}.editor-actions{display:grid}.editor-actions .button{width:100%}.customer-grid{grid-template-columns:1fr}.customer-hero{align-items:flex-start;flex-wrap:wrap}.contact-box{width:100%;min-width:0;margin:0;padding-top:14px;border-top:1px solid #ffffff21}.form-grid.two{grid-template-columns:1fr}.service-row{grid-template-columns:1fr 1fr}.service-row>div{grid-column:1/-1}.service-row .small-button{align-self:end}.login-panel{padding:15px}.login-card{padding:25px 20px}}