@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:DM Sans,sans-serif;color:#182230;background:#f5f7fb;font-synthesis:none;text-rendering:optimizeLegibility;font-smooth:always;font-weight:400}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.65;cursor:wait}:root{--blue:#2459d3;--blue-dark:#1746b3;--ink:#182230;--muted:#667085;--line:#e5eaf2;--panel:#fff}.app-shell{min-height:100vh}.topbar{height:76px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 max(28px,calc((100% - 1440px)/2));gap:20px}.brand{display:flex;align-items:center;gap:12px}.brand-mark{height:42px;width:42px;border-radius:13px;background:linear-gradient(145deg,#3267e7,#1745ae);color:#fff;display:grid;place-items:center;box-shadow:0 5px 12px #2459d326}.brand strong{display:block;font:800 16px Manrope,sans-serif;letter-spacing:-.3px}.brand small{display:block;color:var(--muted);font-size:12px;margin-top:3px}.topbar-right{display:flex;align-items:center;gap:12px}.mode-pill{font-size:12px;font-weight:600;border:1px solid var(--line);border-radius:30px;padding:8px 12px;display:flex;align-items:center;gap:8px;color:#475467;background:#fff}.mode-pill .dot,.status-tag .dot{width:7px;height:7px;border-radius:50%;background:#98a2b3}.mode-pill.cloud .dot{background:#12b76a}.mode-pill.local .dot{background:#f79009}.main-content{max-width:1440px;margin:0 auto;padding:34px 28px 22px}.welcome-row{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px}.eyebrow{font-size:11px;letter-spacing:1.4px;font-weight:700;color:var(--blue);margin:0 0 9px}.welcome-row h1{font:800 clamp(23px,3vw,31px) Manrope,sans-serif;letter-spacing:-1.1px;margin:0}.subheading{color:var(--muted);font-size:14px;margin:9px 0 0}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:9px;padding:10px 15px;font-size:13px;font-weight:700;border:1px solid transparent;white-space:nowrap;transition:.15s}.button.primary{background:var(--blue);color:#fff;box-shadow:0 3px 7px #2459d321}.button.primary:hover{background:var(--blue-dark)}.button.secondary{background:#fff;border-color:#d9e0ec;color:#344054}.button.secondary:hover{background:#f8faff;border-color:#b7c7e7}.button.full{width:100%}.notice{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #f5d58a;background:#fffaeb;color:#7a4b00;padding:12px 14px;border-radius:10px;font-size:13px;margin-bottom:18px}.notice p{margin:4px 0 0;line-height:1.5}.notice.banner{justify-content:flex-start;align-items:flex-start}.notice.banner>svg{flex-shrink:0;margin-top:2px}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:22px}.stat-card{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid var(--line);border-radius:13px;padding:19px 20px;box-shadow:0 2px 5px #18223004}.stat-icon{height:43px;width:43px;display:grid;place-items:center;border-radius:12px}.stat-icon.blue{background:#edf3ff;color:#2459d3}.stat-icon.green{background:#e7f8ef;color:#099250}.stat-icon.amber{background:#fff5df;color:#b7791f}.stat-icon.violet{background:#f2edff;color:#6941c6}.stat-card span{display:block;color:var(--muted);font-size:12px;margin-bottom:5px}.stat-card strong{font:800 25px Manrope,sans-serif;letter-spacing:-.7px}.panel{background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 3px 10px #18223005;margin-bottom:22px;overflow:hidden}.form-panel{padding:23px}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.panel-heading h2{font:800 18px Manrope,sans-serif;margin:0;letter-spacing:-.4px}.panel-heading p{font-size:12px;color:var(--muted);margin:6px 0 0}.task-form{margin-top:22px}.form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.form-grid label,.auth-form label{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:700;color:#344054}.form-grid input,.form-grid select,.form-grid textarea,.product-manager input,.auth-form input{width:100%;border:1px solid #d9e0ec;background:#fff;border-radius:8px;padding:11px 12px;color:var(--ink);outline:none;font-size:13px;min-width:0}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus,.product-manager input:focus,.auth-form input:focus{border-color:#7da0f4;box-shadow:0 0 0 3px #2459d314}.form-grid textarea{resize:vertical;line-height:1.5}.form-grid .wide{grid-column:1/-1}.form-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:18px}.product-manager{border-top:1px solid var(--line);margin-top:22px;padding-top:18px;display:flex;justify-content:space-between;align-items:flex-end;gap:20px}.product-manager form{width:min(100%,430px)}.product-manager label{font-size:12px;font-weight:700;display:block;margin-bottom:7px}.inline-input{display:flex;gap:8px}.product-manager small{color:var(--muted);font-size:11px}.history-panel{padding-top:22px}.history-panel>.panel-heading{padding:0 23px 18px}.history-heading{align-items:center}.filters{padding:14px 23px;display:flex;gap:10px;align-items:center;flex-wrap:wrap;background:#fafbfe;border-top:1px solid #f0f2f7;border-bottom:1px solid var(--line)}.search-box{display:flex;align-items:center;gap:8px;border:1px solid #dfe5ef;background:#fff;border-radius:8px;padding:0 10px;min-width:220px;flex:1;color:#98a2b3}.search-box input{border:0;outline:0;padding:10px 0;width:100%;min-width:100px;font-size:12px;background:transparent}.filters>label{display:flex;align-items:center;gap:6px;border:1px solid #dfe5ef;background:#fff;border-radius:8px;padding:0 8px;color:#98a2b3}.filters select,.filters input{border:0;background:transparent;outline:0;padding:10px 0;color:#475467;font-size:12px;max-width:150px}.filters .date-filter span{font-size:11px;color:#98a2b3}.filters .date-filter input{width:115px}.text-button{border:0;background:transparent;color:var(--blue);font-size:12px;font-weight:700;padding:7px}.text-button:hover{text-decoration:underline}.clear-filters{white-space:nowrap}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:12px;min-width:950px}thead{background:#fff}th{font-size:10px;letter-spacing:.5px;text-transform:uppercase;color:#7b8798;font-weight:700;background:#fbfcfe;padding:13px 15px;border-bottom:1px solid var(--line);white-space:nowrap}td{padding:14px 15px;border-bottom:1px solid #edf0f5;color:#475467;vertical-align:middle;max-width:240px}tbody tr:hover{background:#fbfcff}.nowrap{white-space:nowrap}.person-cell{font-weight:700;color:#263449;min-width:140px}.segment-tag{background:#eef4ff;color:#365bb5;border-radius:6px;padding:5px 8px;white-space:nowrap;font-size:11px;font-weight:600}.status-tag{display:inline-flex;align-items:center;gap:6px;border-radius:20px;padding:5px 8px;font-size:11px;font-weight:700;white-space:nowrap}.status-tag.done{background:#e9f9ef;color:#067647}.status-tag.done .dot{background:#12b76a}.status-tag.pending{background:#fff5df;color:#946200}.status-tag.pending .dot{background:#f79009}.status-tag.progress{background:#eef4ff;color:#2459d3}.status-tag.progress .dot{background:#528bff}.notes-cell{min-width:140px;max-width:230px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row-actions{display:flex;gap:3px}.icon-button{height:32px;width:32px;display:inline-grid;place-items:center;border:1px solid transparent;border-radius:7px;background:transparent;color:#667085}.icon-button:hover{background:#f1f5ff;color:var(--blue);border-color:#e2eaff}.icon-button.danger:hover{background:#fff1f0;color:#d92d20;border-color:#fee4e2}.empty-state{padding:48px 20px;text-align:center}.empty-icon{margin:0 auto 12px;width:52px;height:52px;border-radius:16px;background:#f1f5ff;color:#2459d3;display:grid;place-items:center}.empty-state h3{font:700 15px Manrope,sans-serif;margin:0}.empty-state p{font-size:12px;color:var(--muted);margin:7px 0 18px}.table-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding:13px 22px;color:var(--muted);font-size:11px}.table-footer span:last-child{display:flex;align-items:center;gap:6px}.footer{text-align:center;font-size:11px;color:#98a2b3;padding:2px 0 10px}.footer span{padding:0 5px}.auth-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(140deg,#f1f5ff,#f7f9fc 55%,#edf4ff)}.auth-card{width:min(100%,420px);background:#fff;border:1px solid var(--line);border-radius:18px;padding:34px;box-shadow:0 15px 45px #183c7d12}.auth-card .brand-mark{margin-bottom:20px}.auth-card h1{font:800 24px Manrope,sans-serif;margin:0;letter-spacing:-.8px}.auth-card>p{font-size:13px;line-height:1.6;color:var(--muted);margin:10px 0 22px}.auth-form{display:grid;gap:15px}.auth-form input{margin-top:1px}.auth-card .notice{margin-top:15px;display:block}.auth-card .text-button{margin-top:15px;padding-left:0}.auth-foot{display:flex;align-items:center;gap:6px;border-top:1px solid var(--line);padding-top:17px;margin-top:22px!important;font-size:11px!important}@media(max-width:1050px){.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.filters{gap:8px}.search-box{flex-basis:100%}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.topbar{height:68px;padding:0 16px}.brand strong{font-size:13px}.brand small{font-size:10px}.brand-mark{height:37px;width:37px}.mode-pill{font-size:10px;padding:7px 9px}.main-content{padding:24px 13px}.welcome-row{align-items:flex-start;flex-direction:column}.welcome-row h1{font-size:24px}.welcome-row>.button{width:100%}.stats-grid{gap:9px}.stat-card{padding:13px 11px;gap:9px}.stat-icon{width:34px;height:34px}.stat-card span{font-size:10px}.stat-card strong{font-size:21px}.form-panel{padding:17px}.form-grid{grid-template-columns:1fr;gap:14px}.form-grid .wide{grid-column:auto}.product-manager{align-items:stretch;flex-direction:column;gap:12px}.product-manager form{width:100%}.history-panel>.panel-heading{padding:18px 16px}.history-heading{align-items:flex-start;flex-direction:column}.history-heading .button{width:100%}.filters{padding:12px;align-items:stretch}.filters>label{flex:1}.filters .date-filter{min-width:calc(50% - 5px)}.filters .date-filter input{width:100%;min-width:0}.clear-filters{align-self:flex-start}.table-footer{padding:12px;gap:8px;align-items:flex-start;flex-direction:column}.auth-card{padding:25px 21px}}.tabs{display:flex;gap:8px;margin:0 0 20px;border-bottom:1px solid var(--line)}.tabs button{display:inline-flex;align-items:center;gap:8px;padding:12px 15px;margin-bottom:-1px;border:0;border-bottom:2px solid transparent;background:transparent;color:#667085;font-size:13px;font-weight:700}.tabs button.active{color:var(--blue);border-bottom-color:var(--blue)}.report-controls{padding:22px;margin-bottom:20px}.report-filters{display:flex;gap:14px;flex-wrap:wrap;margin-top:20px}.report-filters label,.goal-form label{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:700;color:#344054;min-width:180px}.report-filters select,.goal-form input,.goal-form select{border:1px solid #d9e0ec;border-radius:8px;background:#fff;padding:10px 12px;color:var(--ink);min-width:170px}.goal-form{display:flex;gap:13px;flex-wrap:wrap;align-items:flex-end;border-top:1px solid var(--line);margin-top:20px;padding-top:18px}.goal-form .form-actions{width:100%;margin-top:2px}.charts-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:20px}.chart-panel{padding:20px;min-width:0;margin-bottom:0}.chart-area{height:310px;width:100%;margin-top:14px}.goals-panel{padding:22px}.goals-list{display:grid;gap:16px;margin-top:18px}.goal-item{border:1px solid var(--line);border-radius:12px;padding:17px}.goal-title{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:15px}.goal-title strong{display:block;font:700 14px Manrope,sans-serif}.goal-title small{display:block;margin-top:5px;color:var(--muted);font-size:11px}.goal-progress+.goal-progress{margin-top:13px}.goal-progress-label{display:flex;justify-content:space-between;gap:10px;color:#475467;font-size:12px;margin-bottom:7px}.goal-progress-label strong{color:#182230}.progress-track{height:9px;border-radius:20px;background:#edf1f8;overflow:hidden}.progress-track>div{height:100%;background:#2459d3;border-radius:20px;transition:width .25s}.progress-track.green>div{background:#12a66a}.chart-panel .recharts-default-tooltip{border:1px solid var(--line)!important;border-radius:8px!important;box-shadow:0 4px 16px #18223012}.auth-card .notice{line-height:1.5}@media(max-width:900px){.charts-grid{grid-template-columns:1fr}.chart-area{height:280px}.report-controls>.panel-heading{align-items:flex-start;flex-direction:column}.report-controls>.panel-heading .button{width:100%}}@media(max-width:600px){.tabs button{padding:11px 9px;font-size:12px}.chart-panel,.goals-panel,.report-controls{padding:15px}.chart-area{height:250px}.goal-form label,.goal-form input,.goal-form select{width:100%}.goal-progress-label{font-size:11px}}