:root{--ink:#182923;--muted:#76817b;--line:#e4e9e5;--paper:#f5f7f5;--green:#244d3a;--lime:#c8f478;--white:#fff;--radius:14px;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--ink);font-size:16px;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:var(--paper)}button,input,select,textarea{font:inherit}button,select{cursor:pointer}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #7fb34e;outline-offset:3px}button{transition:background .15s,transform .15s}button:active{transform:translateY(1px)}svg{width:20px;height:20px;flex:none;stroke:currentColor;fill:none;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}.sidebar{width:234px;background:#172923;color:#dce6df;position:fixed;inset:0 auto 0 0;padding:32px 18px 20px;display:flex;flex-direction:column;z-index:20}.brand{font-size:34px;color:#fff;font-weight:650;letter-spacing:-2px;display:flex;align-items:center;gap:12px;padding:0 14px}.brand-mark{width:30px;height:30px;border:8px solid var(--lime);border-radius:50%}.workspace-label{padding:14px 14px 28px;color:#a2b2a8;font-size:12px;letter-spacing:1.6px;text-transform:uppercase}.nav-label{font-size:12px;color:#849b8d;letter-spacing:1.3px;padding:8px 15px 12px}.nav{display:flex;flex-direction:column;gap:6px}.nav button{border:0;background:transparent;color:#c1cec5;display:flex;align-items:center;gap:12px;text-align:left;padding:13px 15px;border-radius:8px;font-size:14px;font-weight:500}.nav button:hover{background:#213c30}.nav button.active{background:var(--lime);color:#193022}.nav .count{margin-left:auto;font-size:12px;background:#2b4336;padding:3px 7px;border-radius:5px;color:#d9e7dc}.nav button.active .count{background:#b1df65;color:#243e21}.sidebar-footer{margin-top:auto;padding:20px 12px 0;border-top:1px solid #304338}.sidebar-footer p{font-size:12px;line-height:1.6;color:#90a598;margin:10px 0}.demo-pill{display:inline-flex;align-items:center;gap:6px;font-size:12px;border:1px solid #536b49;color:#d3edb2;border-radius:20px;padding:5px 9px}.main{margin-left:234px}.topbar{height:80px;background:rgba(255,255,255,.9);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 36px;gap:20px}.breadcrumb{font-size:14px;color:var(--muted);display:flex;align-items:center;gap:12px}.breadcrumb strong{font-weight:500;color:#3a4b41}.crumb-divider{color:#c5cec8}.top-controls{display:flex;align-items:center;gap:20px}.role-control{display:flex;align-items:center;gap:9px}.role-control label{font-size:12px;color:var(--muted)}select{border:1px solid var(--line);background:#fff;border-radius:7px;padding:9px 28px 9px 11px;font-size:14px;color:var(--ink);max-width:100%}.avatar{width:36px;height:36px;background:#e7eddf;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:12px;font-weight:700}.mobile-menu{display:none}.canvas{padding:30px 36px 38px;max-width:1800px;margin:0 auto}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:28px}.eyebrow{font-size:12px;letter-spacing:1.4px;text-transform:uppercase;color:#7b877f;font-weight:600;margin:0 0 10px}h1{font-size:31px;letter-spacing:-1.1px;line-height:1.15;margin:0;font-weight:600}h2{font-size:17px;letter-spacing:-.35px;font-weight:600;margin:0}h3{font-size:16px;font-weight:600;line-height:1.45;margin:0}.subheading{font-size:14px;color:var(--muted);margin:10px 0 0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 16px;border:1px solid var(--line);border-radius:7px;background:#fff;font-size:14px;font-weight:550;white-space:nowrap}.btn:hover{background:#f0f4ef}.btn.primary{background:var(--green);color:#fff;border-color:var(--green)}.btn.primary:hover{background:#1b3e2d}.btn.light{background:#eff5e7;border-color:#e4edd9}.btn.small{font-size:13px;padding:8px 10px}.btn:disabled{opacity:.45;cursor:not-allowed}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:24px}.stat{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:22px 22px 19px}.stat-top{display:flex;align-items:center;justify-content:space-between;font-size:14px;color:#6c7970}.stat-top svg{color:#91a08c;width:19px;height:19px}.stat-value{font-size:36px;line-height:1.1;font-weight:550;letter-spacing:-1.5px;margin:18px 0 12px}.stat-foot{font-size:12px;color:#839086}.stat-foot b{font-weight:500;color:#567346}.stats .stat:first-child{background:#eaf2df;border-color:#dfe9d3}.split{display:grid;grid-template-columns:minmax(0,1.62fr) minmax(300px,1fr);gap:22px;margin-bottom:24px}.card{border:1px solid var(--line);border-radius:var(--radius);background:white;overflow:hidden}.card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:23px 24px 12px}.card-note{font-size:12px;color:#89938c}.card-description{font-size:13px;color:var(--muted);margin:7px 0 0}.chart{padding:16px 25px 20px}.chart-grid{height:156px;display:flex;align-items:flex-end;justify-content:space-around;gap:22px;padding:0 12px 0 8px;background:repeating-linear-gradient(to top,transparent 0,transparent 38px,#edf1ed 39px,#edf1ed 40px);border-bottom:1px solid #e8ede7}.bar-group{display:flex;align-items:flex-end;gap:5px;height:100%;width:38px;position:relative}.bar{width:16px;border-radius:4px 4px 0 0;background:#cde9ad;min-height:4px;position:relative}.bar.dark{background:#416647}.chart-labels{display:flex;justify-content:space-around;font-size:12px;color:#8b948e;padding:10px 5px 0;gap:16px}.chart-labels span{min-width:40px;text-align:center}.legend{display:flex;gap:16px;font-size:12px;color:#6f7d73;margin-top:16px;align-items:center}.legend i{display:inline-block;width:8px;height:8px;border-radius:2px;background:#416647;margin-right:5px}.legend .pale{background:#cde9ad}.delivery-list{padding:0 23px 8px}.delivery-item{display:flex;gap:12px;align-items:center;padding:15px 0;border-bottom:1px solid #edf0ec;width:100%;background:none;border-left:0;border-right:0;border-top:0;text-align:left}.delivery-item:last-child{border-bottom:0}.date-tile{width:46px;min-width:46px;height:48px;background:#f4f6f2;border:1px solid #e8ede3;border-radius:8px;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:18px;font-weight:600;line-height:1.1}.date-tile small{font-size:10px;color:#7c897a;font-weight:400;margin-top:4px}.delivery-info{min-width:0;flex:1}.delivery-info strong{display:block;font-size:14px;font-weight:550;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.delivery-info small{display:block;font-size:12px;color:#89948b;margin-top:5px}.text-link{border:0;background:none;color:#436646;padding:0;font-size:13px;font-weight:550;white-space:nowrap}.table-tools{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px 24px 18px}.tabs{display:flex;gap:6px;overflow-x:auto}.tabs button{background:transparent;border:0;padding:8px 11px;font-size:13px;color:#879087;white-space:nowrap;border-radius:6px}.tabs button.active{background:#f0f4e9;color:#355735;font-weight:550}.tabs .number{margin-left:6px;font-size:11px;color:#8c998a}.search{position:relative;min-width:190px}.search svg{position:absolute;left:10px;top:10px;width:16px;height:16px;color:#9aa69b}.search input{width:100%;border:1px solid var(--line);border-radius:7px;background:#fff;padding:9px 10px 9px 34px;font-size:13px;outline-offset:0}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;min-width:760px}th{font-size:12px;font-weight:500;color:#879087;background:#f8faf7;border-top:1px solid #edf1e9;border-bottom:1px solid #edf1e9;padding:12px 17px}th:first-child,td:first-child{padding-left:24px}td{padding:17px;font-size:14px;border-bottom:1px solid #edf1e9}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#fafcf8}tr[data-job]{cursor:pointer}.job-title{font-size:14px;font-weight:550;display:block;line-height:1.4}.job-id{font-size:11px;color:#909990;display:block;margin-top:5px;letter-spacing:.4px}.client-name{color:#6c796f;font-size:13px}.tag{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:500;padding:6px 9px;border-radius:5px;white-space:nowrap}.tag.prod{color:#42667a;background:#eaf2f6}.tag.brief{color:#807144;background:#f7f2e4}.tag.review{color:#8a694b;background:#faefe2}.tag.ready{color:#526f47;background:#eff5e8}.tag.done{color:#45684e;background:#eaf3ec}.tag.revision{color:#8c6054;background:#f9ebe6}.tag.waiting{color:#947248;background:#f7efdf}.team{display:flex;align-items:center;gap:7px;font-size:13px;color:#69776b;white-space:nowrap}.team-icon{width:24px;height:24px;border-radius:50%;background:#e7ece3;color:#728264;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:650}.progress-cell{display:flex;align-items:center;gap:8px}.progress-track{width:70px;height:5px;background:#edf1e8;border-radius:3px;overflow:hidden}.progress-fill{height:100%;background:#77965f;border-radius:3px}.percent{font-size:12px;color:#85927f;min-width:28px}.due{white-space:nowrap;font-size:13px;color:#6d796f}.table-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #edf1e9;font-size:12px;color:#8b978b;padding:15px 24px}.footnote{display:flex;justify-content:space-between;gap:15px;font-size:12px;color:#97a095;margin-top:20px}.role-banner{border:1px solid #dee8d4;background:#eef5e5;padding:12px 16px;border-radius:8px;margin-bottom:22px;font-size:13px;color:#5c7450;display:flex;align-items:center;gap:10px;line-height:1.5}.role-banner svg{width:17px;height:17px}.cards-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.brief-card{padding:22px;display:flex;flex-direction:column;gap:15px}.brief-card .brief-summary{font-size:14px;color:#7a847c;line-height:1.6;margin:0;min-height:65px}.card-row{display:flex;justify-content:space-between;align-items:center;gap:10px}.brief-card .btn{margin-top:auto;align-self:flex-start}.team-card{padding:26px}.team-large{height:48px;width:48px;background:#eaf2de;color:#658350;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:22px}.team-card .stat-value{font-size:32px;margin-top:24px}.team-card p{font-size:14px;color:#84907f;line-height:1.6}.team-card .progress-track{width:100%;height:7px;margin:16px 0}.mini-jobs{display:flex;flex-direction:column;gap:8px;margin-top:22px}.mini-jobs button{background:#f6f8f3;border:0;padding:11px;border-radius:6px;text-align:left;font-size:13px}.empty{padding:65px 24px;text-align:center;color:#7c897e}.empty svg{width:36px;height:36px;margin-bottom:16px}.empty h3{color:#495d4c}.empty p{font-size:14px}.client-header{background:#20382b;color:#edf4e8;border-radius:14px;padding:27px 28px;display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;gap:15px}.client-header h2{font-size:25px;font-weight:500}.client-header p{color:#a8bba7;font-size:14px;line-height:1.6}.client-header .client-chip{font-size:12px;border:1px solid #476044;border-radius:20px;padding:7px 10px;color:#c0d3b2}.client-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.client-job{padding:24px}.client-job .stages{display:flex;margin:25px 0 18px;gap:5px}.client-job .stages i{height:5px;flex:1;background:#e8eee4;border-radius:5px}.client-job .stages i.on{background:#73945b}.client-job p{color:#7c897d;font-size:14px;line-height:1.6}.client-meta{display:flex;gap:24px;margin:20px 0;font-size:13px;color:#6f7d6f}.client-meta strong{display:block;color:#344e39;font-size:14px;margin-top:5px}.icon-btn{border:1px solid var(--line);background:#fff;border-radius:7px;padding:7px;display:inline-flex;align-items:center;justify-content:center}.drawer{position:fixed;inset:0 0 0 auto;margin:0;border:0;border-left:1px solid var(--line);padding:0;width:650px;max-width:100%;height:100dvh;max-height:100dvh;background:#f8faf7;color:var(--ink);box-shadow:-20px 0 80px #10221824}.drawer::backdrop,.modal::backdrop{background:#10231850;backdrop-filter:blur(2px)}.drawer-header{padding:25px 28px 22px;background:white;border-bottom:1px solid var(--line)}.drawer-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.drawer-header h2{font-size:25px;line-height:1.3}.drawer-header p{font-size:14px;color:var(--muted);margin:9px 0 0}.drawer-body{padding:24px 28px 35px}.detail-meta{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:0 0 25px}.detail-meta dt{font-size:12px;color:#899285;margin:0 0 8px}.detail-meta dd{margin:0;font-size:14px}.section-title{display:flex;align-items:center;justify-content:space-between;margin:25px 0 14px}.section-title h3{font-size:15px}.brief-fields{background:white;border:1px solid var(--line);border-radius:10px;padding:20px}.field{margin-bottom:16px;display:flex;flex-direction:column;gap:7px}.field:last-child{margin-bottom:0}.field label{font-size:13px;font-weight:550;color:#5c6d5d}.field input,.field textarea,.field select{width:100%;border:1px solid #dfe6dc;border-radius:6px;padding:10px 11px;background:#fff;color:#3a4f3e;font-size:14px;line-height:1.5}.field textarea{resize:vertical;min-height:90px}.field textarea:disabled{color:#657461;background:#fafcf8;opacity:1}.field input:disabled{color:#657461;background:#fafcf8;opacity:1}.status-edit{display:flex;gap:8px;align-items:center}.status-edit select{flex:1;min-width:0}.comment{padding:15px 0;border-bottom:1px solid #e5eade}.comment-header{display:flex;align-items:center;gap:9px;font-size:13px}.comment-header small{margin-left:auto;font-size:11px;color:#8d9889}.comment .avatar{width:28px;height:28px;font-size:10px}.comment p{font-size:14px;color:#60705e;line-height:1.65;margin:9px 0 0 37px;white-space:pre-wrap;overflow-wrap:anywhere}.comment-version{font-size:11px;background:#eaf0e3;color:#6f8265;padding:3px 5px;border-radius:4px}.comment-form{margin-top:18px}.comment-form textarea{width:100%;min-height:85px;resize:vertical;border:1px solid #dbe5d3;background:white;border-radius:8px;padding:13px;font-size:14px;line-height:1.5}.comment-form .row{display:flex;justify-content:space-between;align-items:center;margin-top:10px}.comment-form small{font-size:11px;color:#929d8c}.video-empty{height:146px;background:#24372b;color:#b7c8aa;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;border-radius:10px}.video-empty svg{width:31px;height:31px}.video-empty span{font-size:13px}.video-empty small{font-size:11px;color:#859a79}.modal{border:1px solid var(--line);border-radius:16px;padding:28px;width:520px;max-width:calc(100% - 28px);color:var(--ink)}.modal h2{font-size:24px;margin:0 0 20px}.form-two{display:grid;grid-template-columns:1fr 1fr;gap:15px}.modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:22px}.muted-help{font-size:12px;color:#8b9586;line-height:1.5}#toast{position:fixed;bottom:25px;left:calc(50% + 117px);transform:translate(-50%,18px);background:#1d3526;color:#f0f7e9;padding:13px 20px;border:1px solid #456542;border-radius:9px;box-shadow:0 6px 30px #12281922;font-size:14px;max-width:80vw;opacity:0;pointer-events:none;transition:.2s;z-index:100}#toast.show{opacity:1;transform:translate(-50%,0)}.sr-only{position:absolute;width:1px;height:1px;clip:rect(0,0,0,0);overflow:hidden}.waiting-reason{color:#98734c;font-size:12px;margin-top:6px}.view-controls{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;flex-wrap:wrap}.count-caption{font-size:14px;color:#82907f}.chart-summary{display:flex;align-items:baseline;gap:8px;padding:5px 24px 0}.chart-summary strong{font-size:27px;letter-spacing:-1px;font-weight:550}.chart-summary span{font-size:12px;color:#87927f}.quality-note{margin-top:20px;padding:16px 19px;font-size:13px;color:#74826e;background:#f0f4ec;border:1px solid #e2e9db;border-radius:8px;line-height:1.6}
@media(min-width:1600px){.canvas{padding:35px 44px}.stat{padding:27px}.split{grid-template-columns:1.75fr 1fr}.chart-grid{height:180px}.delivery-item{padding:19px 0}}
@media(max-width:1150px){.sidebar{width:205px;padding-left:12px;padding-right:12px}.main{margin-left:205px}.canvas{padding:27px 24px}.topbar{padding:0 24px}.stats{gap:12px}.stat{padding:18px 15px}.split{grid-template-columns:1.2fr 1fr;gap:16px}.cards-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.top-controls{gap:10px}.role-control label{display:none}.table-tools{flex-wrap:wrap}.chart-grid{gap:13px}#toast{left:calc(50% + 102px)}}
@media(max-width:820px){.sidebar{transform:translateX(-100%);transition:transform .2s;width:240px}.sidebar.open{transform:none;box-shadow:20px 0 70px #10251760}.main{margin:0}.topbar{height:66px;padding:0 18px}.mobile-menu{display:flex}.breadcrumb{font-size:13px}.crumb-home{display:none}.crumb-divider{display:none}.top-controls>.avatar{display:none}.role-control select{font-size:12px;padding:9px 24px 9px 8px;max-width:175px}.canvas{padding:24px 18px}.stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:18px}.stat-value{font-size:32px;margin:15px 0 10px}.stat-top{font-size:13px}.split{grid-template-columns:1fr}.chart-grid{height:140px}.page-heading{margin-bottom:22px}h1{font-size:27px}.subheading{font-size:13px;max-width:280px;line-height:1.5}.page-heading>.btn{padding:10px 12px}.footnote{font-size:11px;flex-direction:column;gap:5px}#toast{left:50%;font-size:13px}.client-grid{grid-template-columns:1fr}.cards-grid{grid-template-columns:1fr 1fr}.card-head{padding:20px 19px 10px}.table-tools{padding:12px 18px}.search{width:100%}.table-footer{padding:14px 18px}.client-header{padding:24px;align-items:flex-start;flex-direction:column}.drawer-header,.drawer-body{padding-left:21px;padding-right:21px}}
@media(max-width:520px){.cards-grid{grid-template-columns:1fr}.page-heading{align-items:flex-start}.page-heading>.btn{font-size:12px;padding:10px;gap:4px}.page-heading>.btn svg{width:16px;height:16px}.eyebrow{font-size:10px;letter-spacing:1px}.stat{padding:17px 14px}.stat-top svg{width:16px;height:16px}.stat-foot{font-size:11px}.card-description{line-height:1.5}.chart-grid{gap:8px;padding-left:0;padding-right:0}.chart-labels{font-size:10px;gap:2px;padding-left:0;padding-right:0}.chart-labels span{min-width:31px}.legend{font-size:11px}.tag{font-size:11px;padding:5px 7px}.client-job{padding:21px}.client-meta{gap:20px;font-size:12px}.client-meta strong{font-size:13px}.detail-meta{gap:18px 12px}.form-two{grid-template-columns:1fr;gap:0}.role-banner{font-size:12px;padding:11px 12px}.comment-form .row{align-items:flex-end;gap:15px}.comment-form small{max-width:150px}.drawer-top{margin-bottom:16px}.status-edit{flex-wrap:wrap}.status-edit .btn{margin-left:auto}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
.client-summary-grid{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:18px;margin-bottom:16px}.overall-card{background:#20372a;border:1px solid #20372a;border-radius:14px;padding:23px;color:#f0f6e9}.summary-label{font-size:11px;letter-spacing:1.25px;color:#87937f;font-weight:600}.overall-card .summary-label{color:#b5c4a9}.summary-demo{color:#a7bd99;border:1px solid #47623b;border-radius:20px;padding:4px 8px;font-size:10px}.overall-main{display:flex;align-items:center;gap:24px;margin:22px 0 23px}.donut{width:128px;height:128px;min-width:128px;border-radius:50%;background:conic-gradient(#c8ef85 var(--amount),#40563a 0);display:grid;place-items:center;transform:rotate(-90deg)}.donut>div{width:108px;height:108px;border-radius:50%;background:#20372a;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(90deg)}.donut strong{font-size:32px;letter-spacing:-1px;font-weight:500}.donut small{font-size:11px;color:#9db48d;margin-top:4px}.overall-numbers>strong{font-size:37px;font-weight:500;letter-spacing:-1px;white-space:nowrap}.overall-numbers>strong>span{font-size:21px;color:#8fa47f;font-weight:400}.overall-numbers p{font-size:12px;color:#a0b593;margin:6px 0 12px}.daily-change{font-size:11px;color:#567a39;background:#eff6e5;border-radius:5px;padding:5px 7px;display:inline-block;font-weight:500}.overall-card .daily-change{background:#3b5331;color:#c4e89d}.stacked-bar{height:7px;border-radius:5px;display:flex;gap:3px;overflow:hidden;margin:14px 0}.stacked-bar span{min-width:0;border-radius:3px}.complete{background:#739652}.inprod{background:#b7cd9e}.pending{background:#e4ebda}.overall-card .complete{background:#c8ed92}.overall-card .inprod{background:#7c9c60}.overall-card .pending{background:#465e3d}.package-counts{display:flex;flex-direction:column;gap:9px;font-size:12px;color:#7c8a72}.package-counts span{display:flex;align-items:center;gap:7px}.package-counts i{width:6px;height:6px;border-radius:2px;display:inline-block}.package-counts b{margin-left:auto;font-weight:550;color:#49633c}.overall-card .package-counts{color:#adc19c}.overall-card .package-counts b{color:#e2efcf}.summary-update{border-top:1px solid #e9eee1;margin-top:18px;padding-top:13px;color:#95a188;font-size:11px}.overall-card .summary-update{border-color:#3a4d32;color:#849a73}.package-card{padding:23px}.package-monogram{width:30px;height:30px;display:flex;align-items:center;justify-content:center;background:#f0f4e9;border:1px solid #e5eddc;color:#749456;border-radius:7px;font-size:11px;font-weight:600}.package-card h2{font-size:24px;letter-spacing:-.7px;margin:14px 0 22px}.package-progress{display:flex;align-items:baseline;gap:10px}.package-progress strong{font-size:34px;letter-spacing:-1.3px;font-weight:500}.package-progress span{font-size:12px;color:#91a083;line-height:1.5}.package-card .stacked-bar{margin:18px 0 16px}.package-bottom{display:flex;align-items:center;gap:9px;margin-top:18px}.package-bottom>span:last-child{font-size:10px;color:#9ca691}.client-explanation{display:flex;align-items:center;justify-content:space-between;gap:18px;color:#8a9581;font-size:11px;margin-bottom:25px;line-height:1.6}.client-explanation>span:first-child{display:flex;gap:7px;align-items:center}.client-explanation svg{width:14px;height:14px}.client-explanation>span:last-child{white-space:nowrap}.client-jobs .card-head{padding-bottom:20px}.package-table-tag{font-size:12px;color:#6d7e5e}.comment-count{display:flex;align-items:center;gap:7px;color:#829474;font-size:12px}.comment-count svg{width:15px;height:15px}
@media(max-width:1250px){.client-summary-grid{gap:14px;grid-template-columns:1fr 1fr 1fr}.overall-card,.package-card{padding:20px}.donut{width:110px;height:110px;min-width:110px}.donut>div{width:92px;height:92px}.donut strong{font-size:27px}.overall-main{gap:16px}.overall-numbers>strong{font-size:29px}.overall-numbers>strong>span{font-size:18px}.package-bottom{align-items:flex-start;flex-direction:column;gap:5px}.package-progress{flex-direction:column;gap:4px}.package-card h2{font-size:22px;margin-bottom:16px}.package-card .stacked-bar{margin-top:13px}.summary-update{font-size:10px}.overall-card .summary-update{margin-top:30px}.package-progress strong{font-size:30px}}
@media(max-width:1000px) and (min-width:821px){.client-summary-grid{grid-template-columns:1fr 1fr}.overall-card{grid-column:1 / -1;display:grid;grid-template-columns:1fr 1fr;column-gap:25px}.overall-card>.card-row{grid-column:1 / -1}.overall-main{grid-row:2 / 5;margin:16px 0}.overall-card .stacked-bar{margin-top:22px}.overall-card .summary-update{grid-column:1 / -1;margin-top:5px}.client-explanation{flex-wrap:wrap;gap:4px}}
@media(max-width:820px){.client-summary-grid{grid-template-columns:1fr 1fr}.overall-card{grid-column:1 / -1;display:grid;grid-template-columns:1fr 1fr;column-gap:25px}.overall-card>.card-row{grid-column:1 / -1}.overall-main{grid-row:2 / 5;margin:16px 0}.overall-card .stacked-bar{margin-top:22px}.overall-card .summary-update{grid-column:1 / -1;margin-top:5px}.client-explanation{flex-wrap:wrap;gap:4px}.package-card .summary-update{line-height:1.6}.client-explanation>span:first-child{align-items:flex-start}}
@media(max-width:440px){.overall-card{column-gap:18px}.overall-main{gap:12px}.donut{width:93px;height:93px;min-width:93px}.donut>div{width:77px;height:77px}.donut strong{font-size:23px}.donut small{font-size:9px}.overall-numbers>strong{font-size:25px}.overall-numbers>strong>span{font-size:15px}.overall-numbers p{font-size:10px}.overall-card .package-counts{font-size:10px}.overall-card .daily-change{font-size:10px;padding:4px 5px}.package-card{padding:16px 14px}.package-card h2{font-size:20px}.package-counts{font-size:11px}.package-card .summary-label{font-size:9px}.package-monogram{width:25px;height:25px;font-size:9px}.package-bottom .daily-change{font-size:10px}.summary-update{font-size:10px}.package-progress span{font-size:11px}.client-summary-grid{gap:12px}}
[hidden]{display:none!important}
/* Four independent packages with a shared portfolio summary. */
.client-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.overall-card{grid-column:1 / -1;display:grid;grid-template-columns:minmax(190px,1fr) minmax(240px,1.1fr) minmax(200px,1.1fr);column-gap:35px;row-gap:0;padding:23px 28px}.overall-card>.card-row{grid-column:1;grid-row:1;align-self:end;justify-content:flex-start;gap:10px}.overall-main{grid-column:2;grid-row:1 / 3;margin:0;justify-content:center}.overall-card>.stacked-bar{grid-column:3;grid-row:1;margin:0 0 13px;align-self:end}.overall-card>.package-counts{grid-column:3;grid-row:2;align-self:start}.overall-card>.summary-update{grid-column:1;grid-row:2;border:0;margin:0;padding-top:14px;font-size:11px;align-self:start}.package-card{padding:22px 20px}.package-card h2{font-size:23px;margin:15px 0 21px}.package-progress{flex-direction:column;gap:4px}.package-progress strong{font-size:33px}.package-bottom{flex-direction:column;align-items:flex-start;gap:6px}.package-card .summary-update{font-size:11px;line-height:1.5}.package-card .stacked-bar{margin:15px 0 17px}.package-card .package-counts{gap:11px;font-size:13px}
@media(max-width:1200px){.overall-card{column-gap:20px;grid-template-columns:minmax(160px,1fr) minmax(200px,1.1fr) minmax(160px,1fr);padding:23px}.overall-card>.card-row{flex-wrap:wrap}.overall-main{gap:14px}.package-card{padding:21px 17px}.package-card h2{font-size:21px}.package-card .package-counts{font-size:12px}.package-card .summary-update{font-size:10px}}
@media(max-width:1100px){.client-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.overall-card{grid-template-columns:1fr 1fr;column-gap:25px}.overall-card>.card-row{grid-column:1 / -1;grid-row:1;align-self:center}.overall-main{grid-column:1;grid-row:2 / 5;margin:18px 0 5px;justify-content:flex-start}.overall-card>.stacked-bar{grid-column:2;grid-row:2;align-self:end;margin:19px 0 12px}.overall-card>.package-counts{grid-column:2;grid-row:3;align-self:center}.overall-card>.summary-update{grid-column:1 / -1;grid-row:5;border-top:1px solid #3a4d32;margin-top:12px;padding-top:12px}.package-card h2{font-size:24px}.package-card .summary-update{font-size:11px}}
@media(max-width:820px){.overall-card{grid-template-columns:minmax(0,1fr) minmax(0,1fr);padding:21px;column-gap:20px}.package-card h2{font-size:23px}.overall-main{justify-content:flex-start}.overall-card>.summary-update{font-size:11px}}
@media(max-width:440px){.client-summary-grid{gap:12px}.overall-card{padding:18px;column-gap:17px}.overall-main{gap:10px}.package-card{padding:17px 14px}.package-card h2{font-size:20px;letter-spacing:-.6px;margin:15px 0 19px}.package-card .package-counts{font-size:11px;gap:10px}.package-card .summary-update{font-size:10px}.overall-card>.card-row{flex-wrap:nowrap}.overall-card .summary-label{font-size:10px}.overall-card>.summary-update{font-size:10px}.package-progress strong{font-size:30px}}
.heading-actions{display:flex;align-items:center;gap:10px}.import-notice{display:flex;gap:12px;padding:17px 20px;background:#edf4e4;border:1px solid #dce9ce;border-radius:10px;margin-bottom:23px;color:#5f7750}.import-notice>svg{margin-top:2px}.import-notice strong{font-size:14px;font-weight:550}.import-notice p{font-size:13px;line-height:1.65;margin:5px 0 0}.import-card,.import-mapping{margin-bottom:22px}.import-steps{display:flex;gap:40px;border-bottom:1px solid var(--line);padding:21px 27px;background:#fafcf7}.import-steps span{font-size:13px;color:#a0ac96;display:flex;align-items:center;gap:8px}.import-steps b{font-weight:500}.import-steps .active{color:#496b35}.upload-zone{text-align:center;padding:33px 20px 28px}.upload-symbol{height:50px;width:50px;display:flex;align-items:center;justify-content:center;border:1px solid #dce7d0;background:#f1f7e9;border-radius:12px;margin:0 auto 15px;color:#70944c}.upload-symbol svg{width:24px;height:24px}.upload-zone h2{font-size:22px}.upload-zone p{font-size:14px;color:#8a9681;margin:10px 0 20px;line-height:1.6}.upload-zone>.btn{margin:0 3px}.file-button{position:relative;overflow:hidden;cursor:pointer}.file-button input{position:absolute;opacity:0;inset:0;width:100%;height:100%;cursor:pointer}.file-button:focus-within{outline:3px solid #7fb34e;outline-offset:3px}.upload-zone p.muted-help{font-size:12px;margin:17px 0 0}.import-filename{display:flex;justify-content:center;align-items:center;gap:7px;font-size:13px;color:#749154;margin-top:15px}.import-filename svg{width:16px;height:16px}.import-error{color:#a05245!important;font-size:12px;line-height:1.5}.mapping-grid{padding:15px 25px 4px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 20px}.mapping-help{font-size:12px;color:#859277;line-height:1.7;padding:0 25px 20px;margin:0}.import-preview .card-head{padding-bottom:22px}.import-confirm{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:22px 25px;border-top:1px solid var(--line)}.import-confirm p{font-size:12px;color:#849176;line-height:1.65;max-width:600px;margin:0}.access-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.access-card{padding:24px}.access-card h2{font-size:19px}.access-scope{display:block;font-size:12px;color:#7c9860;margin-top:12px}.access-card p{font-size:14px;color:#829074;line-height:1.7;min-height:74px}.access-card .tag{margin-top:6px}.row-text-button{border:0;background:none;padding:0;font-size:14px;text-align:left;font-weight:550;color:#344e2f}.row-text-button:hover{text-decoration:underline}.approval-note{display:flex;gap:12px;border:1px solid #e3e9d9;background:#f1f5e9;border-radius:10px;padding:17px;margin-top:23px}.approval-note strong{font-size:14px}.approval-note p{font-size:13px;color:#829170;line-height:1.6;margin:8px 0 12px}.sidebar .nav{gap:3px}.sidebar .nav button{padding-top:11px;padding-bottom:11px}
@media(max-width:1150px){.heading-actions{flex-wrap:wrap;justify-content:flex-end}.heading-actions .btn{font-size:12px;padding:10px}.access-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.import-steps{gap:25px}.mapping-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.import-confirm{align-items:flex-start;flex-direction:column;gap:15px}}
@media(max-width:650px){.heading-actions{flex-direction:column;align-items:flex-end;min-width:124px;gap:7px}.heading-actions .btn{padding:9px;font-size:11px}.heading-actions .btn svg{width:15px;height:15px}.import-steps{gap:16px;padding:17px;font-size:11px}.import-steps span{font-size:11px;gap:5px}.upload-zone h2{font-size:20px}.mapping-grid{grid-template-columns:1fr;padding:15px 19px 4px}.mapping-help{padding:0 19px 18px}.access-grid{grid-template-columns:1fr}.import-notice{padding:16px;gap:10px}.import-confirm{padding:18px}.import-confirm .btn{white-space:normal;text-align:center}.upload-zone>.btn{font-size:12px;padding:10px}.sidebar .workspace-label{padding-bottom:20px}.sidebar{padding-top:22px}.sidebar-footer p{font-size:11px;line-height:1.5;margin:8px 0}.sidebar-footer{padding-top:14px}}
.package-milestones{display:flex;flex-direction:column;gap:8px;border-top:1px solid #e9eee1;margin-top:16px;padding-top:14px;font-size:11px;color:#849378}.package-milestones span{display:flex;justify-content:space-between;gap:8px}.package-milestones b{font-weight:550;color:#597247}.mode-switch{display:flex;border:1px solid #dfe7d8;border-radius:8px;padding:3px;background:#f4f7ef}.mode-switch button{border:0;background:none;padding:7px 10px;font-size:12px;border-radius:5px;color:#8b9a7e;white-space:nowrap}.mode-switch button.active{background:#294b32;color:#f4faed}.signed-user{font-size:13px;color:#36522d;display:flex;flex-direction:column;gap:4px}.signed-user small{font-size:10px;color:#8c9b7e}.setup-page{max-width:1100px;margin:auto;padding:32px 25px}.setup-page>header{display:flex;align-items:center;justify-content:space-between}.setup-page .brand{color:#24462e}.setup-panel{max-width:690px;margin:70px auto;padding:38px;border:1px solid #dfe8d5;background:white;border-radius:18px}.setup-panel h1{margin:18px 0 20px;line-height:1.25}.setup-panel>p{font-size:15px;color:#7d8e6f;line-height:1.75}.identity-box{padding:18px;background:#f1f6ea;border:1px solid #e0eace;border-radius:9px;display:flex;flex-direction:column;gap:7px;margin:22px 0;font-size:14px}.identity-box span{font-size:13px;color:#879a77}.setup-detail{border-top:1px solid #e7eddf;margin-top:30px;padding-top:24px}.setup-detail strong{font-size:14px}.setup-detail p{font-size:13px;color:#849278;line-height:1.75}.immutable-meta{display:block;font-size:11px;color:#8c9a7e;line-height:1.7;margin-top:11px}.immutable-meta small{display:block;font-size:10px;color:#a0ab95}.next-action{background:#eaf2df;border:1px solid #dce8cc;border-radius:9px;padding:17px}.next-action strong{font-size:13px}.next-action p{font-size:14px;color:#6d8459;line-height:1.7;margin:6px 0 0}.assignment-panel{border:1px solid #e0e8d5;border-radius:8px;background:white;padding:17px;margin-top:22px}.assignment-panel summary{font-size:13px;cursor:pointer;font-weight:550}.assignment-panel form{margin-top:20px}.file-item{padding:13px 0;border-bottom:1px solid #e6ebdf}.file-item a{display:flex;gap:8px;align-items:center;color:#5c7c42;font-size:14px;text-decoration:none}.file-item a svg{width:17px;height:17px}.file-upload-form{display:flex;align-items:flex-start;flex-direction:column;gap:12px;border:1px dashed #c9d8b8;border-radius:8px;padding:16px;margin-top:15px}.file-upload-form label{font-size:12px;color:#8b9a7b}.file-upload-form input{font-size:12px;max-width:100%}.workflow-action{margin:20px 0 5px;white-space:normal}.version-panel{border:1px solid #dbe6ce;background:white;border-radius:10px;padding:20px}.version-panel p{font-size:14px;color:#7b8d6b;line-height:1.65}.version-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.version-actions a{text-decoration:none}.version-form{margin-top:23px}.version-form h3{margin-bottom:20px}.decision-record{padding:14px;background:#eff5e6;border-radius:7px;margin-top:16px;font-size:13px}.decision-record span{display:block;font-size:11px;color:#8b9a7c;margin-top:5px}.decision-record p{margin:9px 0 0;font-size:13px}.client-decision{padding:20px;border:1px solid #bbce9f;background:#edf5e1;border-radius:10px;margin-top:24px}.client-decision p{font-size:13px;color:#81936c;line-height:1.7}.client-decision textarea{width:100%;padding:12px;border:1px solid #cfddbe;border-radius:7px;font:inherit;font-size:14px;min-height:100px}.timeline{border-left:1px solid #dce6ce;margin-left:5px;padding-left:17px}.timeline article{padding:0 0 20px}.timeline strong{display:block;font-size:13px;font-weight:500;line-height:1.65}.timeline span{display:block;font-size:11px;color:#8d9e7d;margin-top:5px}.brief-history{border:1px solid #e0e8d5;border-radius:7px;background:white;padding:14px;margin-bottom:8px;font-size:12px}.brief-history p{color:#7e8e70;line-height:1.6}.manual-copy{display:block;width:100%;padding:12px;margin-top:8px;font-size:13px;border:1px solid #ccdbb8;border-radius:6px}.roster-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}.roster-form-card{margin-top:24px;padding-bottom:24px}.roster-form-card>form{padding:16px 24px 0}.roster-form-card>.muted-help{padding:0 24px}.package-checks{border:1px solid #dfe8d4;border-radius:8px;display:flex;flex-wrap:wrap;gap:16px;padding:17px;font-size:13px}.package-checks legend{font-size:12px;color:#83946f}.package-checks label{display:flex;align-items:center;gap:5px}
@media(max-width:1100px){.top-controls{gap:10px}.mode-switch button{font-size:11px;padding:7px}.topbar{height:auto;min-height:80px;padding-top:12px;padding-bottom:12px}.signed-user{font-size:12px}.signed-user small{font-size:10px}}
@media(max-width:820px){.topbar{flex-wrap:wrap;gap:8px}.top-controls{margin-left:auto}.setup-panel{margin-top:35px;padding:26px}.setup-panel h1{font-size:25px}.mode-switch button{font-size:10px;padding:7px}.signed-user{font-size:11px}.signed-user small{font-size:9px}.setup-page .brand{font-size:28px}.setup-page .brand-mark{width:25px;height:25px;border-width:7px}.topbar .role-control select{max-width:160px}.setup-panel>.btn{white-space:normal}.package-milestones{font-size:10px;gap:9px}.roster-form-card>form{padding:12px 18px 0}.version-actions .btn{font-size:12px}.file-item a{overflow-wrap:anywhere}}
/* Circle visual system: original orange C mark, system typography and quiet white surfaces. */
:root{--ink:#1d1d1f;--muted:#6e6e73;--line:#e5e5ea;--paper:#f5f5f7;--green:#bc431d;--lime:#ffe4d6;--white:#fff;--radius:18px;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Arial,sans-serif;color:var(--ink);font-feature-settings:"cv11","ss01";font-kerning:normal}body{background:var(--paper);-webkit-font-smoothing:antialiased}svg{stroke-width:1.55}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-color:#e46d45}.sidebar{background:#fbfbfc;color:#53535a;border-right:1px solid #e5e5ea}.brand{color:#1d1d1f;font-weight:650;letter-spacing:-1.8px;gap:11px;font-size:34px}.brand-logo{display:block;width:36px;height:auto;flex:none;object-fit:contain;background:white}.workspace-label{color:#8a8a91;font-size:10px;letter-spacing:1.35px;text-transform:none;padding-top:15px}.nav-label{color:#939399;font-size:10px;letter-spacing:1.05px;font-weight:600}.nav button{color:#66666e;font-size:14px;border-radius:10px;font-weight:500}.nav button:hover{background:#f0f0f3}.nav button.active{background:#fff0e8;color:#af3e19;font-weight:600}.nav .count{background:#ebebef;color:#77777e;border-radius:5px}.nav button.active .count{background:#ffdfce;color:#a93b18}.sidebar-footer{border-color:#e7e7ec}.sidebar-footer p{color:#919198}.demo-pill{color:#af491e;border-color:#f0d9ca;background:#fff7f2;border-radius:7px;font-size:11px}.topbar{background:rgba(255,255,255,.86);backdrop-filter:blur(18px);border-color:#e5e5ea}.breadcrumb{color:#929299}.breadcrumb strong{color:#55555d}.crumb-divider{color:#cacad0}.avatar{background:#f0f0f4;color:#76767d}.role-control label{color:#89898f}select{border-color:#e0e0e6;color:#424249;border-radius:9px;min-height:38px;background-color:#fff}.eyebrow{color:#929299;letter-spacing:1.05px;font-size:11px}.page-heading h1{font-size:32px;letter-spacing:-1.15px;font-weight:650}.subheading{color:#85858d}.btn{border-color:#dfdfe5;border-radius:10px;color:#55555d;background:#fff;min-height:38px;font-weight:550}.btn:hover{background:#f4f4f6}.btn.primary{background:#bc431d;border-color:#bc431d;color:#fff;box-shadow:0 1px 2px #8f351414}.btn.primary:hover{background:#a93b19;border-color:#a93b19}.btn.light{background:#fff2eb;border-color:#f7dfd1;color:#b34a22}.btn.small{border-radius:8px}.icon-btn{border-color:#e3e3e8;border-radius:9px;color:#797982}.text-link{color:#bd4b23}.card,.stat{background:#fff;border-color:#e6e6eb;border-radius:18px;box-shadow:0 2px 8px #20203003}.card-head h2{color:#34343b;font-size:17px;font-weight:600}.card-note,.card-description{color:#929299}.stat-top{color:#777780}.stat-top svg{color:#b17e69}.stat-value{color:#27272d;font-weight:600;letter-spacing:-1.1px}.stat-foot{color:#96969c}.stat-foot b{color:#b65b35}.stats .stat:first-child{background:#fff6f1;border-color:#f4dfd2}.chart-summary strong{color:#3b3b43}.chart-summary span{color:#96969d}.chart-grid{background:repeating-linear-gradient(to top,transparent 0,transparent 38px,#efeff3 39px,#efeff3 40px);border-color:#e6e6ec}.bar{background:#ffd8c7;border-radius:4px 4px 0 0}.bar.dark{background:#de7146}.chart-labels,.legend{color:#94949c}.legend i{background:#de7146}.legend .pale{background:#ffd8c7}.delivery-item{border-color:#ededf1}.delivery-info strong{color:#45454d}.delivery-info small{color:#9999a0}.date-tile{border-color:#ebebf0;background:#f7f7f9;color:#5a5a63;border-radius:10px}.date-tile small{color:#a0a0a8}.table-tools{border-color:#e9e9ee}.tabs button{color:#92929a;border-radius:8px}.tabs button.active{background:#fff1e9;color:#b34c25}.tabs .number{color:#a1a1a8}.search input{border-color:#e1e1e7;background:#fbfbfc;border-radius:9px}.search svg{color:#ababaf}th{color:#919199;background:#fafafb;border-color:#ececf0;font-weight:500}td{border-color:#ededf1}tbody tr:hover{background:#fcfcfd}.job-title{color:#44444c;font-weight:550}.job-id{color:#95959e;letter-spacing:.15px}.client-name{color:#84848c}.tag{border-radius:7px;font-size:13px;font-weight:500;padding:6px 9px}.tag.prod{color:#5f6f88;background:#eef2f7}.tag.brief{color:#8f7850;background:#f6f2e9}.tag.review,.tag.done{color:#b45127;background:#fff0e5}.tag.ready{color:#71717b;background:#f0f0f4}.tag.revision{color:#a56750;background:#faeee8}.tag.waiting{color:#9c7a47;background:#f8f2e7}.team{color:#87878f}.team-icon{background:#f1f1f5;color:#888890}.progress-track{background:#efeff3}.progress-fill{background:#e68c65}.percent{color:#96969f}.due{color:#7e7e88;font-size:14px}.table-footer{border-color:#ececf0;color:#a0a0a8}.footnote{color:#a2a2aa}.role-banner{background:#fff4ed;border-color:#f2dfd2;color:#a77d62;border-radius:11px}.role-banner svg{color:#d88b5e}.brief-card .brief-summary{color:#898993}.team-large{background:#fff1e8;color:#ce784e;border-radius:13px}.team-card p{color:#9797a0}.mini-jobs button{background:#f8f8fa;color:#777780;border-radius:8px}.empty{color:#a0a0a8}.empty h3{color:#797983}.client-header{background:#fff;color:#36363e;border:1px solid #e6e6ec}.client-header p{color:#9a9aa3}.client-header .client-chip{color:#bc724b;border-color:#f0dece;background:#fff8f2}.client-job .stages i{background:#eeeef3}.client-job .stages i.on{background:#e38a63}.client-job p{color:#92929d}.client-meta{color:#9797a0}.client-meta strong{color:#555560}.drawer{background:#f8f8fa;color:#35353d;border-color:#e3e3e8;box-shadow:-20px 0 80px #2020301c}.drawer::backdrop,.modal::backdrop{background:#18182235;backdrop-filter:blur(7px)}.drawer-header{border-color:#e5e5eb}.drawer-header h2{color:#35353d;font-weight:600;letter-spacing:-.6px}.drawer-header p{color:#93939e}.detail-meta dt{color:#9999a3}.detail-meta dd{color:#63636e}.brief-fields{border-color:#e3e3ea;border-radius:13px}.field label{color:#7d7d87;font-weight:500;font-size:14px}.field input,.field textarea,.field select{border-color:#dddde5;color:#5a5a66;border-radius:8px;background:#fff}.field input:disabled,.field textarea:disabled{background:#fafafc;color:#8f8f99}.comment{border-color:#e8e8ee}.comment-header small{color:#a1a1aa}.comment p{color:#84848f}.comment-version{background:#fff0e6;color:#ba7a56;border-radius:5px}.comment-form textarea{border-color:#dddde5;border-radius:11px;background:#fff;color:#62626d}.comment-form small{color:#a0a0aa}.video-empty{background:#f0f0f4;border:1px solid #e5e5eb;color:#aaaab4;border-radius:13px}.video-empty small{color:#aaaab3}.modal{border-color:#e1e1e8;border-radius:20px;box-shadow:0 24px 100px #30303b22}.muted-help{color:#9999a3}.quality-note{background:#f4f4f7;border-color:#e5e5ec;color:#8e8e99;border-radius:11px}.waiting-reason{color:#bb8c68}.count-caption{color:#9898a1}#toast{background:#35353e;color:#fff;border:1px solid #4d4d58;border-radius:12px;box-shadow:0 8px 32px #20203022}
.overall-card{background:#fff;border-color:#e5e5eb;color:#35353d;border-radius:18px;box-shadow:0 2px 8px #20203003}.overall-card .summary-label,.summary-label{color:#8e8e98;font-size:11px;letter-spacing:1.05px}.summary-demo{color:#ae8066;border-color:#f0dfd2;background:#fff7f1;border-radius:6px}.donut{background:conic-gradient(#f05628 var(--amount),#eeeef2 0)}.donut>div{background:#fff}.donut strong{color:#33333d;font-weight:550}.donut small{color:#aaaab2}.overall-numbers>strong{color:#3a3a43;font-weight:550}.overall-numbers>strong>span{color:#b0b0b8}.overall-numbers p{color:#a0a0aa}.daily-change,.overall-card .daily-change{color:#b66e42;background:#fff1e4;border-radius:6px}.complete,.overall-card .complete{background:#ed7848}.inprod,.overall-card .inprod{background:#ffc8ac}.pending,.overall-card .pending{background:#e6e6ed}.package-counts,.overall-card .package-counts{color:#93939f}.package-counts b,.overall-card .package-counts b{color:#72727f}.summary-update,.overall-card>.summary-update{color:#a4a4ad;border-color:#e9e9ef}.package-monogram{background:#fff4ec;border-color:#f5e0d0;color:#c1855b;border-radius:9px}.package-card h2{color:#45454f;font-weight:600}.package-progress strong{color:#565662;font-weight:550}.package-progress span{color:#a1a1ac}.package-bottom>span:last-child{color:#acacb4}.client-explanation{color:#a1a1ab}.package-table-tag{color:#9595a0}.comment-count{color:#aaaab3}.package-milestones{color:#9a9aa6;border-color:#e9e9f0}.package-milestones b{color:#858592}.mode-switch{background:#f0f0f4;border-color:#e5e5ec;border-radius:10px}.mode-switch button{color:#9d9da8;border-radius:7px}.mode-switch button.active{background:#fff;color:#a85e37;box-shadow:0 1px 5px #24243612}.signed-user{color:#737381}.signed-user small{color:#a1a1ac}.setup-page .brand{color:#383840}.setup-panel{border-color:#e2e2eb;border-radius:22px;box-shadow:0 8px 32px #24243805}.setup-panel>p{color:#8b8b98}.identity-box{background:#f6f6f9;border-color:#e7e7ef;border-radius:12px;color:#737380}.identity-box span{color:#a0a0aa}.setup-detail{border-color:#ececf2}.setup-detail p{color:#9d9da8}.immutable-meta{color:#9999a6}.immutable-meta small{color:#b0b0bb}.next-action{background:#fff5ed;border-color:#f4e2d2;border-radius:12px}.next-action strong{color:#aa7651}.next-action p{color:#ae9580}.assignment-panel{border-color:#e4e4ed;border-radius:11px}.file-item{border-color:#e8e8f1}.file-item a{color:#ba7447}.file-upload-form{border-color:#dedee9;border-radius:11px;color:#92929e}.file-upload-form label{color:#a2a2ae}.version-panel{border-color:#e1e1ed;border-radius:14px}.version-panel p{color:#9494a1}.decision-record{background:#fff2e8;border-radius:10px;color:#aa7c5c}.decision-record span{color:#b49b85}.client-decision{background:#fff5ee;border-color:#efd9c7;border-radius:13px}.client-decision p{color:#b19b86}.client-decision textarea{border-color:#e7d9ca;border-radius:10px;color:#8c7967}.timeline{border-color:#e5e5ef}.timeline strong{color:#878794}.timeline span{color:#aaaab5}.brief-history{border-color:#e5e5ef;border-radius:10px;color:#9999a5}.brief-history p{color:#a6a6b1}.manual-copy{border-color:#dddde9;border-radius:9px;color:#848490}.package-checks{border-color:#e4e4ef;border-radius:11px;color:#8c8c9a}.package-checks legend{color:#a0a0ae}.import-notice{background:#fff6ee;border-color:#f1e1d1;color:#b08868;border-radius:13px}.import-notice p{color:#a69a8e}.import-steps{background:#fbfbfd;border-color:#e8e8f0}.import-steps span{color:#b3b3bd}.import-steps .active{color:#b5774b}.upload-symbol{background:#fff5ec;border-color:#f1e1cf;color:#cb9a71;border-radius:15px}.upload-zone h2{color:#737380}.upload-zone p{color:#a8a8b4}.import-filename{color:#b08861}.mapping-help{color:#a5a5b3}.import-error{color:#ba6650!important}.import-confirm{border-color:#e8e8f1}.import-confirm p{color:#aaaab7}.access-card h2{color:#6d6d7b}.access-scope{color:#b79066}.access-card p{color:#a2a2b0}.row-text-button{color:#8c8c9b}.approval-note{background:#fff6ec;border-color:#f0e1cd;border-radius:13px}.approval-note p{color:#b0a38e}
/* Keep routinely used content at readable contrast; softer tones are limited to metadata. */
.package-counts,.overall-card .package-counts,.package-milestones{color:#6e6e78}.package-counts b,.overall-card .package-counts b,.package-milestones b{color:#555562}.field label,.detail-meta dd,.due,.team,.client-name,.job-title,.access-card p,.brief-card .brief-summary,.comment p,.timeline strong{color:#62626d}.subheading,.card-description,.import-notice p,.upload-zone p,.mapping-help,.quality-note,.next-action p,.version-panel p,.client-decision p{color:#7a7a86}.tag{font-size:13px}.import-notice strong,.next-action strong{color:#9d572b}.package-card h2{color:#383843}.workspace-label{font-size:10px;text-transform:none}.brand-logo{image-rendering:auto;filter:none}
@media(max-width:820px){.sidebar.open{box-shadow:20px 0 70px #25253620}.page-heading h1{font-size:28px}.brand-logo{width:34px}.setup-page .brand-logo{width:31px}.card,.stat,.overall-card{border-radius:16px}.topbar{background:rgba(255,255,255,.94)}}
@media(max-width:520px){.page-heading h1{font-size:26px}.tag{font-size:12px}.package-card h2{font-size:20px}.package-milestones{font-size:11px}.mode-switch button{padding:7px;font-size:10px}}
.tag.admin-approved{background:#f0edf8;color:#78678e}.handoff-ledger{display:grid;grid-template-columns:1fr;gap:12px;border:1px solid #e6e6ee;border-radius:12px;padding:17px;background:#fff;margin-bottom:18px}.handoff-ledger>div{display:flex;flex-direction:column;gap:5px}.handoff-ledger span{font-size:11px;color:#9999a5}.handoff-ledger strong{font-size:13px;font-weight:500;color:#686875;line-height:1.5}.package-milestones{gap:8px}

.rich-brief-entry h3{font-size:17px;margin-bottom:12px}.rich-brief-entry>p{font-size:14px;color:#777784;line-height:1.7;white-space:pre-wrap}.rich-brief-summary{display:flex;gap:9px 18px;flex-wrap:wrap;font-size:12px;color:#9999a5;margin:17px 0 22px}.rich-brief-entry a{text-decoration:none}.brief-history a{display:inline-block;margin-top:8px;font-size:12px}
.entry-mode-choice{border:1px solid #e2e2eb;border-radius:12px;padding:15px;margin:0 0 17px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.entry-mode-choice legend{font-size:12px;color:#838391;padding:0 6px}.entry-mode-choice label{display:flex;align-items:flex-start;gap:8px;padding:12px;border:1px solid #e7e7ef;border-radius:9px;cursor:pointer;background:#fff}.entry-mode-choice label:has(input:checked){background:#fff3e9;border-color:#e8c9b0}.entry-mode-choice input{accent-color:#bc431d;margin-top:3px;flex:none}.entry-mode-choice strong{font-size:12px;line-height:1.5;font-weight:550;color:#63636f;display:block}.entry-mode-choice small{font-size:11px;line-height:1.6;color:#9999a6;display:block;margin-top:5px}.detail-mode{margin-top:18px}.modal-actions #create-with-brief{white-space:normal}.rich-brief-entry .btn{white-space:normal;text-align:center}.detail-mode+form,.detail-mode+section{margin-top:10px}
@media(max-width:520px){.entry-mode-choice{grid-template-columns:1fr}.entry-mode-choice label{padding:10px}.entry-mode-choice strong{font-size:12px}}