:root{--bg:#f7f8fa;--surface:#fff;--ink:#252b32;--muted:#8a919d;--border:#e9ecf0;--green:#244f43;--lime:#d5eca9;--purple:#8273cc;--font:Inter,"Segoe UI",Arial,sans-serif}*{box-sizing:border-box}body{margin:0;font-family:var(--font);font-size:13px;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:disabled{cursor:not-allowed;opacity:.4}button:focus-visible,a:focus-visible{outline:3px solid #a9cdb9;outline-offset:3px}input:focus,select:focus,textarea:focus{outline:2px solid #b3cfbf;outline-offset:1px}[hidden]{display:none!important}.boot{height:100vh;display:grid;place-items:center;color:var(--muted)}.brand{display:flex;align-items:center;gap:10px;font-size:28px;font-weight:700;letter-spacing:-1.4px}.brand-mark{display:grid;place-items:center;width:35px;height:35px;background:var(--green);color:#dfedc3;border-radius:10px;font-size:27px;font-weight:500;letter-spacing:-3px;padding-right:3px}.brand-period{color:#82a45c}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:600;display:flex;align-items:center;gap:9px}.muted{color:var(--muted)}.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#7da98c;flex-shrink:0}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:7px;border:1px solid var(--border);padding:10px 15px;font-size:12px;font-weight:500;background:white;white-space:nowrap;min-height:37px}.button:hover{background:#f6f8f7}.primary,.dark{color:white;background:var(--green);border-color:var(--green)}.primary:hover,.dark:hover{background:#173c31}.dark{background:#29352f;border-color:#29352f}.secondary{background:white}.icon-button{display:grid;place-items:center;border:0;background:transparent;color:#8a9198;width:30px;height:30px;font-size:19px;border-radius:6px}.icon-button:hover{background:#eef1ef;color:var(--ink)}.avatar{width:33px;height:33px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#e8ecdf;color:#637049;font-size:12px;font-weight:600;flex-shrink:0}.avatar.small{width:28px;height:28px;font-size:10px}.form-error{color:#bb4d4d;font-size:12px;min-height:22px;padding-top:8px}.login-layout{display:grid;grid-template-columns:1fr 1fr;min-height:100vh;background:#fff}.login-story{background:#e9eedf;padding:38px 52px;position:relative;display:flex;flex-direction:column;overflow:hidden}.login-story .brand-mark{background:#2d503e}.story-copy{margin:auto 0;max-width:490px;padding-top:55px}.story-copy .eyebrow{color:#637358}.story-copy h1{font-size:clamp(38px,4.2vw,65px);font-weight:500;letter-spacing:-3.2px;line-height:1.12;margin:26px 0 20px;color:#2d493c}.story-copy>p{color:#7b8974;line-height:1.85;font-size:15px}.story-footer{font-size:11px;color:#819076;margin-top:25px}.story-art{height:300px;position:relative;margin-top:28px}.art-orbit{position:absolute;border:1px solid #cbd5bf;border-radius:50%;width:340px;height:220px;left:40px;top:20px;transform:rotate(-30deg)}.orbit-two{width:230px;height:320px;left:85px;top:-25px;transform:rotate(30deg)}.art-card{position:absolute;border-radius:13px;box-shadow:0 12px 28px #3c59361c}.art-front{background:#fff;transform:rotate(-7deg);width:270px;padding:23px;left:40px;top:35px}.art-label{font-size:8px;color:#9a9f92;letter-spacing:1.5px;display:flex;justify-content:space-between}.art-label>span{font-size:17px;color:#91a373}.art-front strong{display:block;font-size:19px;line-height:1.4;margin:18px 0 25px;font-weight:500;color:#394535}.art-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #eef0e8;padding-top:15px}.art-bottom>span:first-child{font-size:9px;background:#f0ebfa;color:#9382c5;padding:5px 8px;border-radius:5px}.mini-avatar{border-radius:50%;background:#e9eedf;padding:7px;font-size:9px;color:#748365}.art-back{background:#365440;color:#edf2e5;width:250px;left:155px;top:150px;transform:rotate(8deg);padding:20px;font-size:11px;display:flex;align-items:center;gap:10px}.art-check{border:1px solid #90ab7b;border-radius:50%;padding:4px 6px;font-size:12px}.art-star{position:absolute;top:13px;left:345px;font-size:55px;color:#90ac72;font-weight:200}.login-form-wrap{display:flex;align-items:center;justify-content:center;position:relative;padding:50px 30px}.login-form{width:100%;max-width:340px}.access-icon{width:48px;height:48px;background:#f2f5ee;border:1px solid #e7ecdf;border-radius:14px;display:grid;place-items:center;font-size:24px;color:#718569;margin-bottom:36px}.login-form h2{font-size:30px;font-weight:550;letter-spacing:-1px;margin:16px 0 12px}.login-form>p{font-size:13px;line-height:1.8;color:#979da5;margin-bottom:30px}.login-form>label{display:block;font-size:12px;margin-bottom:10px;font-weight:500}.password-wrap{display:flex;border:1px solid #e0e4e6;border-radius:8px;overflow:hidden}.password-wrap input{border:0;padding:13px 14px;width:100%;min-width:0;font-size:13px;background:#fff}.password-wrap:focus-within{outline:2px solid #b3cfbf}.password-wrap input:focus{outline:none}.password-wrap button{border:0;background:white;color:#9ba3a9;padding:0 14px}.login-submit{width:100%;justify-content:space-between;padding:13px 16px;margin-top:4px}.login-footnote{color:#a4aab1;font-size:10px;text-align:center;margin-top:24px;display:flex;justify-content:center;gap:8px}.login-copyright{position:absolute;bottom:30px;color:#b6bdc1;font-size:9px;letter-spacing:1.6px}.workspace{display:grid;grid-template-columns:230px minmax(0,1fr);min-height:100vh}.sidebar{background:#fff;border-right:1px solid var(--border);padding:30px 18px 0;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.sidebar .brand{margin:0 12px 30px}.workspace-switch{border:1px solid var(--border);border-radius:8px;padding:10px 8px;display:flex;gap:9px;align-items:center;margin-bottom:32px}.workspace-icon{background:#edf0e7;color:#7b8a6a;width:29px;height:29px;display:grid;place-items:center;border-radius:7px;font-weight:600}.workspace-switch strong{font-size:10px;display:block;font-weight:600}.workspace-switch small{font-size:9px;color:#a0a6af;display:block;margin-top:4px}.workspace-switch>span:last-child{margin-left:auto;color:#8e96a2}.nav-label{font-size:8px;letter-spacing:1.3px;color:#a7adb6;margin:0 12px 13px;font-weight:600}.nav-item{width:100%;display:flex;align-items:center;gap:10px;border:0;background:transparent;text-align:left;border-radius:7px;padding:12px 12px;color:#8a919c;font-size:11px;margin:3px 0}.nav-item.active{color:#3c6251;background:#edf3e8;font-weight:600}.nav-item:hover{background:#f6f8f4}.nav-item .nav-icon{font-size:16px;width:17px;text-align:center;line-height:1}.nav-number{margin-left:auto;font-size:9px;color:#95a08a;background:#e4ecd9;padding:2px 5px;border-radius:4px;font-weight:500}.sources-label{margin-top:33px}.slack-source{display:flex;align-items:center;gap:10px;padding:10px 12px}.slack-mark{display:grid;place-items:center;width:25px;height:25px;font-size:26px;color:#9576b2;font-weight:700}.slack-source strong{font-weight:500;font-size:11px;display:block}.slack-source small{font-size:9px;color:#a3a9b1;display:block;margin-top:4px}.slack-source>.live-dot{margin-left:auto}.sidebar-bottom{margin-top:auto;padding-top:30px}.sidebar-tip{border-radius:9px;background:#f5f7f0;padding:16px 14px;margin-bottom:20px}.sidebar-tip>span{font-size:23px;display:block;color:#a6b58d;margin-bottom:12px}.sidebar-tip strong{font-weight:500;font-size:11px;color:#6e7a61}.sidebar-tip p{font-size:10px;color:#9ca58e;line-height:1.7;margin:8px 0 0}.master-profile{display:flex;align-items:center;gap:9px;border-top:1px solid var(--border);padding:17px 4px}.master-profile strong{font-size:11px;font-weight:500;display:block}.master-profile small{font-size:9px;color:#a0a7af;display:block;margin-top:4px}.master-profile .icon-button{margin-left:auto}.main-area{min-width:0}.topbar{height:71px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;padding:0 34px;background:#fff}.breadcrumbs{color:#a5aab2;font-size:10px;display:flex;align-items:center;gap:12px}.breadcrumbs>span{color:#d7dbe0}.breadcrumbs>strong{color:#777f8a;font-size:10px;font-weight:500}.topbar-right{display:flex;align-items:center;gap:19px}.topbar-date{font-size:10px;color:#9ca4af}.demo-badge{font-size:9px;background:#fbf3dc;color:#a38d48;padding:5px 8px;border-radius:4px}.content{padding:36px 34px 20px;max-width:1670px;margin:auto}.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:29px;gap:20px}.page-heading .eyebrow{font-size:8px;letter-spacing:1.7px}.page-heading h1{font-size:30px;letter-spacing:-1px;font-weight:550;margin:10px 0 9px}.heading-dot{color:#8daa74}.page-heading p{font-size:11px;color:#a0a6af;margin:0}.heading-actions{display:flex;gap:8px;padding-top:12px}.heading-actions .button{font-size:10px;min-height:35px;padding:9px 12px}.heading-actions .button>span{font-size:15px}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:26px}.stat-card{padding:18px 18px 16px;border:1px solid var(--border);border-radius:9px;background:#fff;text-align:left;transition:transform .15s,border-color .15s}.stat-card:hover{transform:translateY(-2px);border-color:#c4d3be}.stat-top{font-size:10px;color:#8f96a2;display:flex;justify-content:space-between;align-items:center;gap:5px}.stat-icon{width:25px;height:25px;border-radius:7px;background:#f4f5f7;color:#9aa3af;display:grid;place-items:center;font-size:14px}.stat-icon.purple{color:#a18acb;background:#f4f0fb}.stat-icon.blue{color:#88a3d2;background:#eef3fc}.stat-icon.green{color:#93a879;background:#e8efdf}.stat-value{font-size:34px;letter-spacing:-1.8px;margin:5px 0 13px;line-height:1.2;font-weight:550}.stat-foot{font-size:9px;color:#a5acb6;display:flex;align-items:center;gap:5px}.tiny-dot{width:5px;height:5px;border-radius:50%;display:inline-block}.gray{background:#b8c1cb}.purple-dot{background:#b4a0d6}.blue-dot{background:#a0b6db}.stat-complete{background:#f0f4e9;border-color:#e5ecd9}.stat-complete .stat-value{color:#62764b}.stat-complete .stat-foot{color:#9ba98a}.tasks-panel{border:1px solid var(--border);border-radius:10px;background:white;overflow:hidden}.panel-tabs{display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:1px solid var(--border);min-height:55px;gap:20px}.tabs{display:flex;gap:25px;align-self:stretch;overflow-x:auto}.tab{font-size:10px;position:relative;border:0;background:none;color:#a1a7b1;padding:19px 0;white-space:nowrap}.tab.active{color:#446253;font-weight:600}.tab.active:after{content:"";height:2px;position:absolute;bottom:0;left:0;right:0;background:#6d8b58;border-radius:1px}.tab>span{font-size:8px;background:#eff3e9;padding:2px 5px;border-radius:3px;margin-left:5px;color:#9baa89}.panel-caption{font-size:7px;letter-spacing:1.2px;color:#b6bdc5;white-space:nowrap}.toolbar{display:flex;gap:9px;padding:16px 20px;align-items:center}.search-field{display:flex;align-items:center;border:1px solid var(--border);border-radius:6px;flex:1;min-width:160px;height:34px;padding:0 9px;gap:8px}.search-field>span{font-size:22px;color:#abb3bf;line-height:1}.search-field input{border:0;outline:0;background:transparent;min-width:0;width:100%;font-size:10px;color:#5f6974}.search-field:focus-within{border-color:#a4b993}.search-field input:focus{outline:0}input::placeholder{color:#b0b7c1}.search-field kbd{font-size:9px;color:#bac2cc;border:1px solid #e9edf0;border-radius:3px;padding:0 4px}select,input[type=date]{border:1px solid #e6eaf0;border-radius:6px;background:#fff;color:#89929f;padding:8px 23px 8px 9px;font-size:10px;height:34px;max-width:100%}.filter-button{font-size:10px;padding:8px 10px;min-height:34px;gap:6px;color:#9099a4}.filter-button[aria-expanded=true]{background:#f0f4e9;color:#698354;border-color:#dce6ce}.filter-count{background:#e7ecdc;padding:0 4px;border-radius:3px}.toolbar #sort{margin-left:auto;max-width:145px}.advanced-filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:4px 20px 18px;background:#fcfdfb}.advanced-filters>label{font-size:9px;display:flex;flex-direction:column;gap:6px;color:#929caa}.advanced-filters select,.advanced-filters input[type=date]{width:100%}.advanced-filters .checkbox-label{flex-direction:row;align-items:center;gap:6px;padding-top:18px}.active-filters{display:flex;align-items:center;justify-content:space-between;padding:9px 20px;background:#f7f9f2;border-top:1px solid #edf0e6;font-size:10px;color:#8e9e7e}.active-filters button{border:0;background:none;font-size:10px;color:#718665;padding:0}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;table-layout:fixed;min-width:850px}th{background:#fafbfc;text-align:left;font-size:8px;letter-spacing:.8px;color:#a7afba;font-weight:500;padding:12px 14px;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}th:first-child{padding-left:20px}th:last-child{padding-right:20px}.id-column{width:73px}.task-column{width:35%}th:nth-child(3){width:145px}th:nth-child(4){width:105px}th:nth-child(5){width:142px}th:nth-child(6){width:90px}.row-end{width:35px}td{padding:18px 14px;border-bottom:1px solid #f0f2f5;font-size:10px;color:#87909d;vertical-align:middle}td:first-child{padding-left:20px}tr.task-row{cursor:pointer;transition:background .15s}tr.task-row:hover{background:#fbfcf8}tr.task-row:last-child td{border-bottom:none}.task-id{font-size:9px;font-variant-numeric:tabular-nums;color:#a7b0bc}.task-title{display:block;font-size:11px;color:#525b68;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;border:0;background:transparent;padding:0;text-align:left;line-height:1.5}.task-subtitle{font-size:9px;color:#adb5c0;margin-top:6px;display:flex;align-items:center;gap:6px}.task-subtitle .source-tag{color:#b39ac3;font-size:10px}.file-tag{font-size:9px;color:#a4b0bd;margin-left:4px}.status-badge{display:inline-flex;align-items:center;gap:5px;font-size:9px;border-radius:5px;padding:5px 7px;white-space:nowrap;background:#f2f3f5;color:#9aa2ae}.status-badge:before{content:"";width:4px;height:4px;background:currentColor;border-radius:50%;flex-shrink:0}.status-new{background:#f2effb;color:#a18bcc}.status-clarification{background:#fff6e7;color:#c3a064}.status-ready{background:#eaf4f2;color:#72a49a}.status-in_progress{background:#edf3fd;color:#8aa5d3}.status-blocked{background:#fcf0ef;color:#c28a88}.status-done{background:#edf5e8;color:#88a772}.status-canceled{background:#f3f4f6;color:#b0b5be}.priority{display:inline-flex;gap:6px;align-items:center;font-size:9px;white-space:nowrap}.priority>span{font-size:13px;line-height:1}.priority-low{color:#a6b2c0}.priority-normal{color:#98a2b1}.priority-high{color:#c5a473}.priority-urgent{color:#c98985}.assignee{display:flex;align-items:center;gap:6px;font-size:9px;white-space:nowrap}.assignee .avatar{width:23px;height:23px;font-size:8px;background:#edf0f7;color:#98a4bf}.assignee-none{color:#c0c5cf}.due{font-size:9px;white-space:nowrap;color:#a5aeba}.due.overdue{color:#c08c85}.row-chevron{color:#bdc6d0;font-size:16px}.table-footer{border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:13px 20px;font-size:9px;color:#a4adba;gap:15px}.pagination{display:flex;align-items:center;gap:9px}.pagination>label{display:flex;align-items:center;gap:8px;font-size:9px}.pagination select{height:27px;padding:4px 7px;font-size:9px;margin-right:9px}.page-button{border:1px solid #e9edf1;border-radius:5px;width:28px;height:27px;background:white;color:#9da8b4}.page-button:hover:not(:disabled){background:#f1f5eb}.pagination>span{font-size:9px;margin:0 3px;font-variant-numeric:tabular-nums}.content-footer{display:flex;justify-content:space-between;margin-top:19px;color:#b3bbc5;font-size:8px;gap:12px}.content-footer>span:first-child{display:flex;align-items:center;gap:6px}.content-footer .live-dot{width:4px;height:4px;background:#b4c5a6}.empty-state{text-align:center;padding:50px 20px}.empty-state>span{font-size:36px;color:#bac6ad}.empty-state h3{font-size:15px;font-weight:500;color:#77816d}.empty-state p{font-size:11px;color:#a5ada0;line-height:1.7}.empty-state .button{font-size:10px;margin-top:12px}.load-error{padding:12px 20px;background:#fdf3ef;color:#b38973;font-size:11px;line-height:1.6}.loading-row td{text-align:center;padding:50px;color:#a8b09f}.task-dialog{position:fixed;inset:0 0 0 auto;margin:0;height:100dvh;max-height:100dvh;width:570px;max-width:100%;border:0;border-left:1px solid #e4e8df;background:#fff;padding:0;box-shadow:-15px 0 60px #23352e12;color:var(--ink)}.task-dialog::backdrop{background:#24382d35;backdrop-filter:blur(2px)}.drawer-top{height:64px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 28px;font-size:10px;letter-spacing:.5px;color:#99a3ad;position:sticky;top:0;background:white;z-index:1}.drawer-top .icon-button{font-size:23px}#detail-body{padding:26px 28px 35px}.detail-heading{font-size:23px;line-height:1.45;letter-spacing:-.5px;font-weight:500;margin:16px 0 14px;overflow-wrap:anywhere}.detail-customer{font-size:11px;color:#9ba5b0;display:flex;gap:8px;align-items:center;margin-bottom:22px}.detail-customer .avatar{width:27px;height:27px;font-size:9px;background:#ede8f1;color:#a392b0}.detail-description{background:#f7f9f5;border:1px solid #eef1e9;border-radius:8px;padding:18px;font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.9;color:#7a8674}.detail-action{font-size:10px;color:#a0aa95;margin:12px 0 23px;line-height:1.7}.detail-fields{display:grid;grid-template-columns:1fr 1fr;gap:17px;margin-bottom:20px}.detail-fields label{display:flex;flex-direction:column;gap:8px;font-size:10px;color:#929ca7}.detail-fields input,.detail-fields select{padding:10px;font-size:11px;width:100%;height:37px;color:#697582;border:1px solid #e6eaf0;border-radius:6px;background:white}.detail-save{width:100%;font-size:11px}.detail-section{border-top:1px solid var(--border);margin-top:25px;padding-top:23px}.detail-section h3{font-size:12px;font-weight:500;margin:0 0 16px;color:#7d8994}.detail-section textarea{width:100%;min-height:80px;resize:vertical;border:1px solid #e6eaf0;border-radius:7px;padding:12px;font-size:11px;line-height:1.7;color:#697582}.note-actions{display:flex;justify-content:flex-end;margin-top:8px}.note-actions .button{font-size:10px;min-height:31px;padding:6px 12px}.note{padding:13px;background:#f8f9fb;border:1px solid #eef0f4;border-radius:7px;margin-top:12px}.note>p{font-size:11px;line-height:1.8;color:#7d8998;white-space:pre-wrap;overflow-wrap:anywhere;margin:8px 0 0}.note-meta{font-size:9px;color:#acb5c1}.history-item{position:relative;padding:0 0 18px 19px;border-left:1px solid #e7ecdf;margin-left:3px}.history-item:before{content:"";position:absolute;left:-3px;top:3px;width:5px;height:5px;border-radius:50%;background:#b7c7a3}.history-item>p{font-size:10px;color:#8b98a3;margin:0 0 6px;line-height:1.7;overflow-wrap:anywhere}.history-item>small{font-size:8px;color:#b6bec6}.history-item:last-child{border-left-color:transparent;padding-bottom:0}.detail-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.detail-links .button{font-size:10px;min-height:31px;padding:7px 10px}.delivery-info{font-size:10px;color:#a2ad99;margin-top:10px;line-height:1.7}.delivery-info.error{color:#bd8c79}.file-links{display:flex;flex-wrap:wrap;gap:8px}.file-link{padding:9px 12px;border:1px solid #e7ece2;border-radius:6px;font-size:10px;color:#8a9b79}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);padding:13px 22px;background:#2d4737;color:#edf4e5;font-size:12px;border-radius:8px;box-shadow:0 8px 28px #2837242b;z-index:100;max-width:90vw}.toast.error{background:#85564c}.drawer-loading{padding:40px;color:#a4b095;text-align:center;font-size:12px}.detail-date{font-size:9px;color:#b3bbc4;margin-top:16px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(min-width:1500px){.content{padding-top:45px}.task-title{font-size:12px}td{padding-top:20px;padding-bottom:20px}.sidebar{padding-top:35px}}@media(max-width:1200px){.workspace{grid-template-columns:195px minmax(0,1fr)}.sidebar{padding:26px 12px 0}.workspace-switch{gap:6px}.workspace-switch strong{font-size:9px}.topbar{padding:0 24px}.content{padding:30px 24px 20px}.toolbar{flex-wrap:wrap}.search-field{min-width:200px}.toolbar #sort{margin-left:0}.panel-caption{display:none}.stats-grid{gap:10px}.stat-card{padding:14px}.stat-top{font-size:9px}.stat-foot{font-size:8px}.tabs{gap:22px}.story-art{transform:scale(.9);transform-origin:left center}.login-story{padding:35px}.story-copy h1{letter-spacing:-2px}}@media(max-width:900px){.workspace{grid-template-columns:70px minmax(0,1fr)}.sidebar{padding:24px 10px 0;align-items:center}.sidebar .brand{margin:0 0 30px}.sidebar .brand>span:last-child,.workspace-switch,.nav-label,.nav-number,.sidebar-tip,.slack-source,.master-profile>div,.master-profile>.avatar{display:none}.sidebar nav{width:100%}.nav-item{font-size:0;padding:13px;justify-content:center}.nav-item .nav-icon{font-size:20px}.sidebar-bottom{width:100%}.master-profile{justify-content:center}.master-profile .icon-button{margin:0}.topbar-date{display:none}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.advanced-filters{grid-template-columns:repeat(3,minmax(0,1fr))}.stat-value{font-size:32px}.page-heading h1{font-size:27px}.heading-actions .button{padding:8px 10px}.login-story{padding:30px}.story-art{transform:scale(.75)}.story-copy>p{font-size:13px}.story-copy h1{font-size:42px}}@media(max-width:640px){.login-layout{grid-template-columns:1fr}.login-story{padding:24px;min-height:120px}.login-story .story-copy,.story-footer{display:none}.login-form-wrap{padding:50px 24px 90px;min-height:calc(100dvh - 100px)}.login-story .brand{font-size:25px}.login-form h2{font-size:29px}.access-icon{margin-bottom:25px}.workspace{grid-template-columns:1fr}.sidebar{height:58px;position:sticky;z-index:5;flex-direction:row;padding:0 16px;border-right:0;border-bottom:1px solid var(--border);gap:20px;justify-content:space-between}.sidebar .brand{margin:0}.sidebar .brand-mark{width:30px;height:30px;font-size:24px}.sidebar .brand>span:last-child{display:block;font-size:23px}.sidebar nav{display:flex;width:auto;gap:4px}.nav-item{padding:8px;width:32px;margin:0}.nav-item .nav-icon{font-size:16px}.sidebar-bottom{display:none}.topbar{height:49px;padding:0 17px}.breadcrumbs{font-size:8px;gap:8px}.breadcrumbs>strong{font-size:8px}.topbar-right{gap:8px}.topbar-right .avatar{display:none}.demo-badge{font-size:8px}.content{padding:24px 16px 18px}.page-heading{align-items:flex-start;flex-direction:column;gap:14px;margin-bottom:20px}.page-heading h1{font-size:29px}.page-heading .eyebrow{font-size:7px}.heading-actions{padding:0;width:100%}.heading-actions .button{font-size:10px;flex:1}.stats-grid{gap:9px;margin-bottom:19px}.stat-card{padding:12px}.stat-value{font-size:29px}.stat-top{font-size:9px}.stat-foot{font-size:8px}.panel-tabs{padding:0 13px;min-height:50px}.tabs{gap:20px}.tab{font-size:10px}.toolbar{padding:13px;gap:7px}.search-field{flex-basis:100%;min-width:0}.toolbar select{flex:1;min-width:100px}.filter-button{flex:1}.toolbar #sort{max-width:none;flex-basis:40%}.advanced-filters{grid-template-columns:1fr 1fr;padding:3px 13px 14px}.table-footer{padding:13px;flex-direction:column;align-items:flex-start;gap:12px}.pagination{width:100%;justify-content:flex-end}.pagination>label{margin-right:auto}.content-footer{font-size:8px;line-height:1.6}.content-footer>span:last-child{display:none}.task-dialog{width:100%;border-left:0}.drawer-top{padding:0 20px}#detail-body{padding:22px 20px}.detail-heading{font-size:21px}.detail-fields{gap:12px}.table-footer #results-label{font-size:9px}.active-filters{padding:9px 13px;gap:8px}.story-copy{padding:0}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.mobile-logout{display:none;border:0;background:transparent;color:#92a085;padding:4px;font-size:9px}
@media(max-width:640px){.mobile-logout{display:block}.breadcrumbs{max-width:62%;overflow:hidden;white-space:nowrap}.topbar-right{gap:5px}.demo-badge{padding:4px 5px;font-size:7px}.table-scroll{overflow:visible}table{display:block;min-width:0;table-layout:auto}thead{display:none}tbody{display:block}.task-row{display:grid;grid-template-columns:1fr auto;padding:16px;gap:11px;position:relative;border-top:1px solid #eef1f4}.task-row td{display:block;padding:0!important;border:0!important}.task-row td:first-child{grid-column:1;grid-row:1}.task-row td:nth-child(2){grid-column:1/-1;grid-row:2}.task-row td:nth-child(3){grid-column:1;grid-row:3}.task-row td:nth-child(4){grid-column:2;grid-row:3;justify-self:end}.task-row td:nth-child(5){grid-column:1;grid-row:4}.task-row td:nth-child(6){grid-column:2;grid-row:4;justify-self:end}.task-row td:last-child{position:absolute;right:16px;top:12px}.task-title{font-size:12px;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.6}.task-subtitle{font-size:9px;line-height:1.7;flex-wrap:wrap;margin-top:4px}.task-id{font-size:8px}.status-badge,.priority,.due{font-size:9px}.loading-row{display:block}.loading-row td{display:block;padding:40px 20px}.assignee{font-size:9px}}
/* Readable workspace type and accessible status contrast. */
.nav-item{font-size:12px}.nav-label{font-size:9px}.workspace-switch strong{font-size:11px}.workspace-switch small{font-size:10px}.breadcrumbs,.breadcrumbs>strong,.topbar-date{font-size:11px}.page-heading h1{font-size:32px}.page-heading p{font-size:12px;color:#87919e}.stat-top{font-size:11px;color:#788390}.stat-foot{font-size:10px;color:#8a95a3}.stat-complete .stat-foot{color:#7c8d68}.heading-actions .button{font-size:11px}.tab{font-size:11px;color:#87919e}.search-field input,.toolbar select,.filter-button{font-size:11px}.search-field input::placeholder{color:#919ca9}.search-field input{color:#626e7c}.toolbar select{color:#788391}.task-title{font-size:12px;color:#485563}.task-subtitle{font-size:10px;color:#8e9aa8}.task-id{font-size:10px;color:#8e9baa}th{font-size:9px;color:#8b97a5}.status-badge{font-size:10px}.status-new{color:#8364b6}.status-clarification{color:#a77d37}.status-ready{color:#4e8b7d}.status-in_progress{color:#6387bd}.status-blocked{color:#ad6c68}.status-done{color:#6d9257}.status-canceled{color:#89939f}.priority{font-size:10px}.priority-low{color:#8c9bad}.priority-normal{color:#8693a3}.priority-high{color:#ad874f}.priority-urgent{color:#b46f69}.assignee{font-size:10px;color:#7c8999}.assignee-none{font-size:10px;color:#a3afbd}.due{font-size:10px;color:#8a98a7}.due.overdue{color:#b7756d}.table-footer,.pagination>label,.pagination>span{font-size:10px}.advanced-filters>label{font-size:10px}.advanced-filters select,.advanced-filters input[type=date]{font-size:11px}.detail-description{color:#6c7a65}.detail-fields label{font-size:11px}.detail-fields input,.detail-fields select{font-size:12px}.detail-save{font-size:12px}.detail-section h3{font-size:13px}.note>p{font-size:12px}.history-item>p{font-size:11px}.detail-section textarea{font-size:12px}.login-form>p{color:#87919c}.login-footnote{color:#8d99a5}
@media(max-width:900px){.nav-item{font-size:0}}@media(max-width:640px){.task-title{font-size:13px}.task-subtitle{font-size:10px}.status-badge,.priority,.due,.assignee{font-size:10px}.task-id{font-size:9px}.breadcrumbs,.breadcrumbs>strong{font-size:8px}.page-heading h1{font-size:29px}.stat-top{font-size:10px}.stat-foot{font-size:8px}.tab{font-size:10px}.workspace-switch strong{font-size:10px}}
/* Application identity: a task-list mark and a compact two-line name. */
.brand{gap:11px;letter-spacing:0}.brand-mark{padding:0;letter-spacing:0;background:transparent;border-radius:10px;flex:0 0 auto;width:40px;height:40px}.brand-mark svg{display:block;width:100%;height:100%}.brand-name{font-size:17px;line-height:1.25;font-weight:600;letter-spacing:-.3px}.sidebar .brand{margin-left:5px;margin-right:5px}.sidebar .brand-name{font-size:14px}.sidebar .brand-mark{width:34px;height:34px}.story-copy h1{font-size:48px;line-height:1.16;letter-spacing:-1.6px}.story-copy>p{font-size:14px}.login-overview{margin:38px 0 20px;max-width:390px;border-top:1px solid #cfd9c5}.login-overview>div{display:flex;align-items:center;gap:18px;padding:19px 0;border-bottom:1px solid #cfd9c5}.login-overview>div>span{font-size:11px;color:#829276;font-variant-numeric:tabular-nums}.login-overview strong{font-size:13px;font-weight:500;color:#4c6348}.login-overview p{font-size:11px;color:#85917d;margin:6px 0 0}.login-story .brand-mark{background:transparent}.story-copy{padding-top:30px}.story-footer{font-size:10px}.login-copyright{letter-spacing:1.2px}
@media(max-width:900px){.sidebar .brand-name{display:none}.story-copy h1{font-size:37px}.brand-name{font-size:16px}}
@media(max-width:640px){.sidebar .brand>span.brand-name{display:block;font-size:12px;line-height:1.15}.sidebar .brand-mark{width:30px;height:30px;font-size:initial}.login-story .brand-name{font-size:17px}.login-story .brand-mark{width:38px;height:38px}.login-story{min-height:110px}.login-form-wrap{min-height:calc(100dvh - 110px)}}
/* Clearer text and task management controls. */
:root{--muted:#657181}body{font-size:14px}.nav-item{font-size:13px;color:#657181}.nav-label{color:#748090}.breadcrumbs,.breadcrumbs>strong,.topbar-date{color:#657181;font-size:12px}.page-heading p{color:#657181;font-size:13px}.stat-top{color:#5d6978;font-size:12px}.stat-foot{color:#687586;font-size:11px}.stat-complete .stat-foot{color:#526d42}.task-title{font-size:14px;color:#334155}.task-subtitle{font-size:12px;color:#677587}.task-id,th{color:#68768a;font-size:11px}.status-badge,.priority,.assignee,.due{font-size:12px}.assignee-none{font-size:12px;color:#728094}.due{color:#617186}.due.overdue{color:#a33d35}.status-new{color:#654298}.status-clarification{color:#906014}.status-ready{color:#346e62}.status-in_progress{color:#3866a7}.status-blocked{color:#9d4743}.status-done{color:#497632}.status-canceled{color:#657181}.priority-normal,.priority-low{color:#657181}.priority-high{color:#92651f}.priority-urgent{color:#a64039}.tab,.search-field input,.toolbar select,.filter-button{font-size:12px;color:#596779}.search-field input::placeholder{color:#758293}.button,.heading-actions .button{font-size:12px}.table-footer,.pagination>label,.pagination>span{font-size:12px;color:#657181}.detail-fields label,.detail-customer,.detail-action,.delivery-info,.note-meta,.history-item>small{color:#64748b;font-size:12px}.detail-description,.note>p,.history-item>p{color:#475569;font-size:13px}.detail-fields input,.detail-fields select,.detail-section textarea{font-size:13px;color:#334155}.task-text-fields{display:grid;gap:17px;margin-bottom:22px}.task-text-fields label{display:grid;gap:8px;font-size:12px;color:#586779}.task-text-fields input,.task-text-fields textarea,.task-text-fields select{width:100%;border:1px solid #dce2e9;border-radius:7px;padding:11px;font-size:14px;color:#334155;background:white}.task-text-fields textarea{min-height:145px;resize:vertical;line-height:1.7}.task-text-fields select{height:auto;white-space:normal}.danger{color:#a83c36;border-color:#e9c7c3;background:#fff8f7;margin-top:22px;width:100%}.danger:hover{background:#fbe9e6}.trash-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px;background:#fff4df;border-radius:8px;margin-bottom:18px;color:#8b651f;font-size:13px}.create-hint{font-size:12px;line-height:1.7;color:#64748b}.content-footer,.panel-caption{color:#748092}.login-form>p,.login-footnote{color:#687586}.story-copy>p,.login-overview p{color:#66775d}
@media(max-width:900px){.nav-item{font-size:0}.heading-actions{flex-wrap:wrap}}@media(max-width:640px){.task-title{font-size:14px}.task-subtitle{font-size:11px}.status-badge,.priority,.due,.assignee{font-size:11px}.heading-actions .button{flex:1}.heading-actions #create-task{flex-basis:100%}.breadcrumbs,.breadcrumbs>strong{font-size:9px}.stat-top{font-size:11px}.stat-foot{font-size:9px}.table-footer,.pagination>label,.pagination>span{font-size:11px}}
.image-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.image-preview{border:1px solid #dce3e9;border-radius:9px;background:#f5f7f9;padding:0;overflow:hidden;text-align:left;display:flex;flex-direction:column;min-width:0}.image-preview:hover{border-color:#718c77;box-shadow:0 3px 14px #244f4312}.image-preview img{width:100%;height:155px;object-fit:cover;object-position:top;background:#edf0f3;display:block}.preview-caption{display:flex;justify-content:space-between;gap:10px;padding:10px 12px;background:#fff;font-size:12px;color:#475569;overflow-wrap:anywhere}.preview-caption>span{font-size:17px;color:#647c69}.preview-error{display:grid;place-items:center;min-height:155px;color:#8a4e44;font-size:12px;padding:18px}.row-thumbnails{display:flex;gap:6px;margin-top:9px}.row-thumbnails button{width:56px;height:38px;border:1px solid #d9e1e8;border-radius:5px;padding:0;background:#eef2f5;overflow:hidden}.row-thumbnails img{width:100%;height:100%;object-fit:cover;object-position:top;display:block}.image-viewer{border:1px solid #34414c;border-radius:12px;padding:0;background:#15202b;color:#edf2f7;width:calc(100vw - 60px);max-width:1500px;height:calc(100dvh - 60px);max-height:100dvh;overflow:hidden;box-shadow:0 20px 100px #0008}.image-viewer[open]{display:flex;flex-direction:column}.image-viewer::backdrop{background:#0a1220d9;backdrop-filter:blur(5px)}.viewer-toolbar{display:flex;justify-content:space-between;align-items:center;padding:12px 18px;gap:15px;border-bottom:1px solid #334155;min-height:62px}.viewer-toolbar>div:first-child{min-width:0;display:flex;gap:15px;align-items:center}.viewer-toolbar strong{font-size:13px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.viewer-toolbar #viewer-count{color:#a9b7c7;font-size:12px;white-space:nowrap}.viewer-tools{display:flex;gap:7px;align-items:center}.viewer-tools button,.viewer-tools a{border:1px solid #435162;color:#e5edf6;background:#263442;border-radius:6px;min-width:34px;height:34px;display:grid;place-items:center;padding:0 9px;font-size:17px;cursor:pointer}.viewer-tools #viewer-zoom-reset{font-size:11px;min-width:90px}.viewer-tools button:hover,.viewer-tools a:hover{background:#35495a}.viewer-tools button:disabled{opacity:.35}.viewer-stage{flex:1;min-height:0;overflow:auto;position:relative;background:#101923;overscroll-behavior:contain}.viewer-stage>img{display:block;width:100%;height:100%;object-fit:contain;transform-origin:top left;user-select:none;-webkit-user-drag:none}.viewer-stage.zoom-2>img{width:200%;height:200%}.viewer-stage.zoom-3>img{width:300%;height:300%}.viewer-stage.zoom-4>img{width:400%;height:400%}.viewer-stage:not(.zoom-1){cursor:grab;touch-action:none}.viewer-stage:not(.zoom-1):active{cursor:grabbing}#viewer-message{position:absolute;inset:0;display:grid;place-items:center;padding:30px;text-align:center;color:#c0cbd8;font-size:13px;line-height:1.8}.viewer-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:11px 18px;border-top:1px solid #334155}.viewer-footer>span{font-size:11px;color:#9fb0c2}.viewer-footer .button{background:#263442;color:#e5edf6;border-color:#435162;font-size:12px}.viewer-footer .button:hover{background:#35495a}@media(max-width:640px){.image-viewer{width:100vw;height:100dvh;max-height:100dvh;border:0;border-radius:0}.viewer-toolbar{padding:10px;flex-wrap:wrap;gap:10px}.viewer-toolbar>div:first-child{flex:1}.viewer-tools{gap:5px}.viewer-tools button,.viewer-tools a{min-width:30px;height:30px;padding:0 6px}.viewer-tools #viewer-zoom-reset{min-width:68px;font-size:9px}.viewer-footer{padding:10px}.viewer-footer>span{display:none}.image-preview img{height:130px}.preview-error{min-height:130px}.image-gallery{gap:8px}}