:root{color-scheme:light;--ink:#17221c;--paper:#fffdf5;--paper-2:#f7f1df;--mist:#eef3ef;--panel:#fff;--line:#d9e1db;--muted:#66756b;--green:#0d7a4f;--blue:#235f84;--shadow:0 22px 70px rgba(28,42,33,.14);--soft-shadow:0 12px 34px rgba(28,42,33,.1);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;color:var(--ink);background:linear-gradient(135deg,rgba(13,122,79,.1),transparent 32%),linear-gradient(180deg,#fbfcfa 0%,#edf3ef 100%)}button,a{font:inherit}button{cursor:pointer}.app{display:grid;grid-template-columns:280px minmax(0,1fr);min-height:100vh}.rail{position:sticky;top:0;display:flex;flex-direction:column;gap:24px;height:100vh;padding:24px;color:#f9fff9;background:var(--ink)}.brand{display:flex;align-items:center;gap:12px;min-width:0;color:inherit;text-decoration:none}.brand-mark{display:grid;place-items:center;flex:0 0 auto;width:44px;height:44px;border-radius:12px;color:var(--ink);background:#dff4e7;font-weight:900;letter-spacing:0}.brand strong{display:block;font-size:15px;line-height:1.15}.brand small{display:block;margin-top:3px;color:rgba(249,255,249,.68);font-size:12px}.nav-list{display:grid;gap:8px}.nav-item{display:flex;align-items:center;gap:10px;min-height:44px;padding:0 12px;border:0;border-radius:12px;color:rgba(249,255,249,.72);background:transparent;font-weight:800}.nav-item.active{color:#fff;background:rgba(255,255,255,.1)}.nav-icon{position:relative;width:20px;height:20px;flex:0 0 auto}.nav-icon:before,.nav-icon:after{content:"";position:absolute;border:2px solid currentColor}.nav-icon-desk:before{inset:3px;border-radius:5px}.nav-icon-desk:after{left:5px;right:5px;bottom:3px;height:0;border-width:2px 0 0}.nav-icon-pdf:before{inset:1px 4px 1px 3px;border-radius:4px}.nav-icon-pdf:after{top:5px;left:7px;width:6px;height:0;border-width:2px 0 0;box-shadow:0 5px 0 currentColor}.nav-icon-proof:before{left:2px;top:3px;width:15px;height:12px;border-radius:4px}.nav-icon-proof:after{right:1px;bottom:2px;width:8px;height:8px;border-radius:50%}.nav-icon-market:before{left:2px;bottom:3px;width:3px;height:8px;background:currentColor;border:0;box-shadow:6px -4px 0 currentColor,12px -8px 0 currentColor}.nav-icon-market:after{left:1px;right:1px;bottom:2px;height:0;border-width:2px 0 0}.rail-card{margin-top:auto;padding:16px;border:1px solid rgba(255,255,255,.14);border-radius:16px;background:rgba(255,255,255,.08)}.status-dot{display:inline-block;width:9px;height:9px;margin-right:8px;border-radius:999px;background:#50d287}.rail-card strong{display:inline;font-size:14px}.rail-card p{margin:10px 0 0;color:rgba(249,255,249,.72);font-size:13px;line-height:1.45}.workspace{padding:24px;min-width:0}.mobile-header{display:none}.avatar{display:grid;place-items:center;width:42px;height:42px;border:0;border-radius:12px;color:#fff;background:var(--ink);font-weight:900}.hero-panel{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:24px;padding:28px;border-radius:18px;color:#fff;background:linear-gradient(135deg,rgba(38,160,106,.24),transparent 38%),linear-gradient(120deg,#17221c 0%,#273a30 100%);box-shadow:var(--shadow)}.label{margin:0 0 7px;color:var(--green);font-size:12px;font-weight:900;letter-spacing:0;text-transform:uppercase}.hero-panel .label{color:#88dfad}h1,h2,h3,p{margin:0}h1{max-width:890px;font-size:clamp(34px,5vw,74px);line-height:.96;letter-spacing:-.03em}.hero-copy p:last-child{max-width:760px;margin-top:18px;color:rgba(255,255,255,.76);font-size:17px;line-height:1.5}.hero-actions,.packet-actions{display:flex;gap:10px;flex-wrap:wrap}.primary-action,.secondary-action{min-height:46px;padding:0 18px;border-radius:12px;font-weight:900}.primary-action{border:0;color:#fff;background:var(--green);box-shadow:0 14px 30px rgba(13,122,79,.24)}.secondary-action{border:1px solid var(--line);color:var(--ink);background:#fff}.hero-panel .secondary-action{color:#fff;border-color:rgba(255,255,255,.18);background:rgba(255,255,255,.1)}.compact{min-height:38px;padding:0 13px}.kpi-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:18px 0}.kpi-strip article{min-width:0;padding:16px;border-radius:14px;background:var(--panel);box-shadow:var(--soft-shadow)}.kpi-strip span,.kpi-strip small{display:block;color:var(--muted);font-size:12px;font-weight:800}.kpi-strip strong{display:block;margin:7px 0 3px;font-size:28px;line-height:1;letter-spacing:-.03em}.desktop-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(380px,.9fr);gap:18px;align-items:start}.panel,.packet-column{min-width:0}.panel{padding:18px;border-radius:18px;background:var(--panel);box-shadow:var(--soft-shadow)}.panel-head{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:16px}.panel h2{font-size:26px;line-height:1.1;letter-spacing:-.02em}.segmented{display:flex;gap:4px;padding:4px;border:1px solid var(--line);border-radius:12px;background:var(--mist)}.segmented button{min-height:32px;padding:0 11px;border:0;border-radius:9px;color:var(--muted);background:transparent;font-size:12px;font-weight:900}.segmented .active{color:var(--ink);background:#fff}.job-table,.comparison{display:grid;gap:8px}.job-row,.comparison-row{display:grid;align-items:center;gap:12px;width:100%;border:0;border-radius:14px;text-align:left}.job-row{grid-template-columns:minmax(210px,1fr) 130px 80px 120px;padding:14px;color:var(--ink);background:#f8fbf8}.job-row.head,.comparison-row.head{color:var(--muted);background:transparent;font-size:12px;font-weight:900;text-transform:uppercase}.job-row.selected{outline:2px solid rgba(13,122,79,.34);background:#eef9f2}.job-row strong,.job-row small{display:block}.job-row strong{font-size:15px}.job-row small{margin-top:4px;color:var(--muted);font-size:12px}.badge{display:inline-flex;align-items:center;min-height:26px;padding:0 9px;border-radius:999px;font-size:11px;font-style:normal;font-weight:900}.badge.ready{color:#075d3b;background:#dff4e8}.badge.warning{color:#76500d;background:#faedcc}.badge.review{color:#1c5677;background:#dcecf5}.badge.follow{color:#7e3329;background:#f8dfda}.proof-board{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.proof-step{display:flex;gap:12px;padding:14px;border-radius:14px;background:#f8fbf8}.proof-step>span{flex:0 0 auto;width:14px;height:14px;margin-top:3px;border-radius:50%;background:#bbc9c0}.proof-step.done>span,.proof-step.active>span{background:var(--green)}.proof-step h3{font-size:15px}.proof-step p,.comparison-row,.pdf-section p{color:var(--muted);font-size:13px;line-height:1.45}.comparison-row{grid-template-columns:160px 1fr 1.25fr;padding:14px;background:#f8fbf8}.comparison-row.ours{color:var(--ink);background:#eaf7ef;outline:1px solid rgba(13,122,79,.28)}.packet-column{position:sticky;top:24px}.packet-actions{margin-bottom:12px}.pdf-sheet{padding:18px;border-radius:18px;background:var(--paper);box-shadow:var(--shadow)}.pdf-top{display:flex;justify-content:space-between;gap:16px;padding:18px;border-radius:14px;color:#fff;background:#18261f}.pdf-top p,.pdf-summary span,.pdf-section-head span,.pdf-pay span{margin:0 0 6px;color:rgba(255,255,255,.72);font-size:11px;font-weight:900;letter-spacing:0;text-transform:uppercase}.pdf-top h2{max-width:330px;font-size:30px;line-height:1;letter-spacing:-.03em}.pdf-top span{display:block;margin-top:10px;color:rgba(255,255,255,.72);font-size:13px}.pdf-brand{display:grid;place-items:center;width:48px;height:48px;border-radius:12px;color:var(--ink);background:#dff4e8;font-weight:900}.pdf-summary{display:grid;grid-template-columns:1.1fr 1fr .9fr;gap:8px;margin:12px 0}.pdf-summary div{padding:12px;border-radius:12px;background:var(--paper-2)}.pdf-summary span,.pdf-section-head span,.pdf-pay span{display:block;color:#718071}.pdf-summary strong,.pdf-summary small{display:block}.pdf-summary strong{font-size:15px}.pdf-summary small{margin-top:5px;color:var(--muted);font-size:12px}.pdf-section,.pdf-split,.pdf-pay{margin-top:12px;padding:14px;border:1px solid #e0d9c6;border-radius:14px;background:#fffefa}.pdf-section-head{display:flex;justify-content:space-between;gap:12px;margin-bottom:10px}.pdf-section h3,.pdf-split h3{font-size:14px}.photo-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px}.photo{display:flex;align-items:flex-end;min-height:210px;margin:0;overflow:hidden;border-radius:12px;background:linear-gradient(180deg,transparent 30%,rgba(0,0,0,.5)),linear-gradient(135deg,#89938a 0%,#aab2a7 42%,#6f7c71 100%)}.photo.after{background:linear-gradient(180deg,transparent 30%,rgba(0,0,0,.42)),linear-gradient(135deg,#dde8df 0%,#f9fbf8 55%,#9bb99f 100%)}.photo figcaption{margin:12px;padding:6px 10px;border-radius:999px;color:#fff;background:rgba(0,0,0,.46);font-size:12px;font-weight:900}.work-list{margin:0;padding-left:19px;color:#34423a;font-size:13px;line-height:1.58}.pdf-split{display:grid;grid-template-columns:1fr 1fr;gap:12px}.approval-box,.next-box{min-width:0}.approval-box p,.next-box p{margin-top:8px;color:var(--muted);font-size:13px;line-height:1.45}.signature-line{margin-top:18px;padding-top:8px;border-top:1px solid #a7ad9e;font-family:"Brush Script MT","Segoe Script",cursive;font-size:24px}.next-box span{display:inline-block;margin-top:12px;padding:7px 10px;border-radius:999px;color:#075d3b;background:#dff4e8;font-size:12px;font-weight:900}.pdf-pay{display:grid;grid-template-columns:1fr 62px;gap:16px;align-items:center;border-color:rgba(13,122,79,.32);background:#f1fbf5}.pdf-pay strong,.pdf-pay small{display:block}.pdf-pay small{margin-top:5px;color:var(--muted)}.qr-code{display:grid;place-items:center;width:62px;height:62px;border-radius:10px;color:#fff;background:linear-gradient(90deg,transparent 45%,#fff 45% 55%,transparent 55%),repeating-linear-gradient(45deg,#17221c 0 6px,#dff4e8 6px 12px);font-size:12px;font-weight:900}.mobile-tabs{display:none}.view{display:none}.desktop-grid>.view.active,.desktop-grid>.packet-column.active{display:block}button:focus-visible,a:focus-visible{outline:3px solid rgba(35,95,132,.55);outline-offset:3px}@media(max-width:1060px){.app{grid-template-columns:1fr}.rail{display:none}.workspace{padding:max(16px,env(safe-area-inset-top)) 16px calc(86px + env(safe-area-inset-bottom))}.mobile-header{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:14px;color:var(--ink)}.mobile-header .brand small{color:var(--muted)}.hero-panel{grid-template-columns:1fr;gap:18px;padding:22px;border-radius:16px}h1{font-size:clamp(34px,10vw,54px)}.hero-copy p:last-child{font-size:15px}.kpi-strip{grid-template-columns:repeat(2,1fr)}.desktop-grid{display:block}.desktop-grid>.view,.desktop-grid>.packet-column{display:none}.desktop-grid>.view.active,.desktop-grid>.packet-column.active{display:block}.packet-column{position:static}.mobile-tabs{position:fixed;left:10px;right:10px;bottom:max(10px,env(safe-area-inset-bottom));z-index:10;display:grid;grid-template-columns:repeat(4,1fr);gap:4px;padding:6px;border-radius:18px;background:var(--ink);box-shadow:0 18px 60px rgba(23,34,28,.3)}.mobile-tabs .nav-item{justify-content:center;min-height:54px;padding:0;border-radius:13px;flex-direction:column;gap:4px;font-size:11px}}@media(max-width:720px){.hero-actions,.packet-actions{display:grid;grid-template-columns:1fr 1fr}.primary-action,.secondary-action{padding:0 12px}.panel{padding:14px;border-radius:16px}.panel-head{display:grid;gap:12px}.segmented{overflow-x:auto}.job-row,.job-row.head{grid-template-columns:1fr auto}.job-row>span:nth-child(3),.job-row>span:nth-child(4),.job-row.head>span:nth-child(3),.job-row.head>span:nth-child(4){display:none}.proof-board{grid-template-columns:1fr}.comparison-row,.comparison-row.head{grid-template-columns:1fr;gap:5px}.pdf-sheet{padding:12px;border-radius:16px}.pdf-top{padding:16px}.pdf-top h2{font-size:25px}.pdf-summary,.pdf-split{grid-template-columns:1fr}.photo-pair{gap:8px}.photo{min-height:156px}}@media(max-width:430px){.kpi-strip{gap:8px}.kpi-strip article{padding:12px}.kpi-strip strong{font-size:23px}.hero-actions,.packet-actions{grid-template-columns:1fr}.photo-pair{grid-template-columns:1fr}}@media print{body{background:#fff}.rail,.mobile-header,.hero-panel,.kpi-strip,.panel,.packet-actions,.mobile-tabs{display:none!important}.app,.workspace,.desktop-grid,.packet-column{display:block;padding:0}.pdf-sheet{box-shadow:none;border-radius:0}}