.project-page{--p-card: #fff;--p-ok: #17683f;--p-ok-fill: #1f8a56;--p-err: #9e2a20;--p-err-line: #c2382c;--p-warn: #8a5a12;--p-warn-line: #b7791f;--p-violet: #553c9a;--p-note: #fff8e6}.project-main{max-width:1100px}.project-muted{color:var(--studio-muted);font-size:14px;line-height:1.6;margin:0 0 14px}.project-test{display:inline-block;font-size:13px;border:1px solid var(--p-err-line);color:var(--p-err);padding:4px 10px;margin:-12px 0 22px}.project-hint{font-size:16px;line-height:1.7;color:var(--studio-muted);max-width:680px;margin:0 0 30px}.project-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;list-style:none;margin:0 0 22px;padding:0;counter-reset:none}.project-steps li{position:relative;display:flex;align-items:center;gap:10px;padding:14px 12px 14px 0;border-top:3px solid var(--studio-line);font-size:14px;color:var(--studio-muted)}.project-steps li>span{display:inline-grid;place-items:center;width:26px;height:26px;flex-shrink:0;border:1px solid var(--studio-line);border-radius:50%;font-size:12px}.project-steps li.is-done{border-top-color:var(--p-ok-fill);color:var(--studio-ink)}.project-steps li.is-done>span{background:var(--p-ok-fill);border-color:var(--p-ok-fill);color:var(--studio-white)}.project-steps li.is-current{border-top-color:var(--studio-accent);color:var(--studio-ink);font-weight:500}.project-steps li.is-current>span{border-color:var(--studio-accent);color:var(--studio-accent)}.project-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:28px;align-items:start}.project-column{display:grid;gap:28px;min-width:0}.project-card{border:1px solid var(--studio-line);background:var(--p-card);padding:28px;min-width:0}.project-card+.project-card{margin-top:0}.project-card h2{font-size:20px;font-weight:500;letter-spacing:-.02em;margin:0 0 10px}.project-card h3{font-size:15px;font-weight:500;margin:22px 0 10px}.project-card-accent{border-top:3px solid var(--studio-accent);margin-bottom:28px}.project-card-ok{border-top:3px solid var(--p-ok-fill);margin-bottom:28px}.project-card-ok>svg{color:var(--p-ok-fill);margin-bottom:8px}.project-card-ok p{color:var(--studio-muted);line-height:1.65;margin:0}.project-link{display:inline-flex;align-items:center;gap:8px;color:var(--studio-accent);font-size:16px;text-decoration:underline;text-underline-offset:5px;margin:4px 0 14px;overflow-wrap:anywhere}.project-approval{margin-top:18px}.project-approval .checkout-submit{margin-top:10px}.project-approval .checkout-submit:disabled{cursor:not-allowed}.project-revision{margin-top:26px;padding-top:22px;border-top:1px solid var(--studio-line)}.project-revision .checkout-secondary,.project-card form>.checkout-secondary{margin-top:0}.project-card button:disabled{opacity:.55}.project-field-hint{display:block;font-size:12.5px;line-height:1.5;color:var(--studio-muted);margin-top:6px}.project-notice{font-size:14px;line-height:1.6;margin:14px 0 0;padding:10px 12px;border-left:3px solid var(--studio-muted);background:var(--studio-bg)}.project-notice.is-ok{border-left-color:var(--p-ok-fill)}.project-notice.is-error{border-left-color:var(--p-err-line);color:var(--p-err)}.project-callout{font-size:14px;line-height:1.6;padding:12px 14px;background:var(--studio-surface);margin:0 0 18px}.project-upload{display:grid;grid-template-columns:minmax(0,180px) minmax(0,1fr);gap:14px;align-items:end}.project-upload .checkout-field{margin-bottom:0}.project-drop{position:relative;display:flex;align-items:center;gap:10px;min-height:50px;padding:12px 16px;border:1px dashed var(--studio-muted);cursor:pointer;font-size:15px;min-width:0}.project-drop span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-drop:hover,.project-drop:focus-within{border-color:var(--studio-accent);color:var(--studio-accent)}.project-drop.is-busy{cursor:progress;color:var(--studio-accent)}.project-drop input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:inherit}.project-files{list-style:none;margin:18px 0 0;padding:0}.project-files li{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:4px 10px;padding:10px 0;border-top:1px solid var(--studio-line);font-size:14px}.project-files li>span{overflow-wrap:anywhere}.project-files small{color:var(--studio-muted);font-size:12.5px}.project-items{list-style:none;margin:0 0 12px;padding:0}.project-items li{display:grid;gap:4px;padding:10px 0;border-bottom:1px solid var(--studio-line)}.project-items strong{font-weight:500}.project-items span{font-size:13.5px;color:var(--studio-muted)}.project-timeline{list-style:none;margin:22px 0 0;padding:0}.project-timeline li{position:relative;padding:0 0 18px 20px;border-left:1px solid var(--studio-line)}.project-timeline li:before{content:"";position:absolute;left:-5px;top:4px;width:9px;height:9px;border-radius:50%;background:var(--studio-line)}.project-timeline li.by-studio:before{background:var(--studio-accent)}.project-timeline li.by-customer:before{background:var(--studio-ink)}.project-timeline li.by-system:before{background:var(--p-ok-fill)}.project-timeline time{display:block;font-size:12px;color:var(--studio-muted);margin-bottom:3px}.project-timeline strong{font-size:14px;font-weight:500}.project-timeline p{font-size:14px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere;margin:6px 0 0;padding:10px 12px;background:var(--studio-bg)}.project-heading-icon{display:inline-block;vertical-align:-2px;margin-right:4px;color:var(--studio-accent)}.project-tickets{list-style:none;margin:22px 0 0;padding:0}.project-tickets>li{border-top:1px solid var(--studio-line);padding:12px 0}.project-tickets summary{display:flex;align-items:center;justify-content:space-between;gap:10px;cursor:pointer;font-size:15px}.project-tickets summary strong{font-weight:500;overflow-wrap:anywhere}.project-tickets details>.project-muted{margin:6px 0 10px;font-size:13px}.project-thread{list-style:none;margin:0 0 12px;padding:0;display:grid;gap:8px}.project-thread li{padding:10px 12px;background:var(--studio-bg);border-left:3px solid var(--studio-ink)}.project-thread li.by-studio{border-left-color:var(--studio-accent)}.project-thread time{font-size:12px;color:var(--studio-muted)}.project-thread p{margin:4px 0 0;font-size:14px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere}.project-thread-reply .checkout-field{margin-bottom:10px}.project-thread-reply .checkout-secondary{margin-top:0}.ticket-open{border-color:var(--p-warn-line);color:var(--p-warn)}.ticket-in_progress{border-color:var(--studio-accent);color:var(--studio-accent)}.ticket-done{border-color:var(--p-ok-fill);color:var(--p-ok)}.project-invoice{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px}.project-invoice p{margin:0}.project-invoice .checkout-secondary{margin-top:0}.project-care-note{margin:16px 0 0}.admin-main{width:min(1320px,calc(100% - 48px));padding-top:28px}.admin-header-actions{display:flex;align-items:center;gap:10px}.admin-header-actions .project-muted{margin:0 6px 0 0}.admin-icon{display:inline-grid;place-items:center;width:36px;height:36px;border:1px solid var(--studio-line);background:var(--p-card);color:var(--studio-ink)}.admin-icon:hover:not(:disabled){border-color:var(--studio-accent);color:var(--studio-accent)}.is-spinning{animation:admin-spin .9s linear infinite}@keyframes admin-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.is-spinning{animation:none}}.admin-login{max-width:440px;margin:40px auto}.admin-login h1{font-size:28px;margin-bottom:22px}.admin-layout{display:grid;grid-template-columns:380px minmax(0,1fr);gap:28px;align-items:start}.admin-list{position:sticky;top:16px;max-height:calc(100vh - 32px);display:flex;flex-direction:column;min-width:0}.admin-filters{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.admin-filters button{font-size:13px;padding:7px 10px;border:1px solid var(--studio-line);background:var(--p-card);color:var(--studio-muted)}.admin-filters button span{color:var(--studio-ink);margin-left:4px}.admin-filters button.is-active{border-color:var(--studio-ink);background:var(--studio-ink);color:var(--studio-bg)}.admin-filters button.is-active span{color:var(--studio-bg)}.admin-search{display:flex;align-items:center;gap:8px;border:1px solid var(--studio-line);background:var(--p-card);padding:0 12px;margin-bottom:12px;color:var(--studio-muted)}.admin-search input{flex:1;min-width:0;border:0;background:transparent;padding:11px 0;font-size:15px;color:var(--studio-ink)}.admin-search input:focus{outline:none}.admin-search:focus-within{outline:2px solid var(--studio-accent);outline-offset:2px}.admin-rows{list-style:none;margin:0;padding:0;overflow-y:auto;border-top:1px solid var(--studio-line)}.admin-rows button{display:grid;gap:5px;width:100%;text-align:left;padding:13px 12px;border:0;border-bottom:1px solid var(--studio-line);border-left:3px solid transparent;background:transparent;color:var(--studio-ink)}.admin-rows button:hover{background:var(--p-card)}.admin-rows button.is-selected{background:var(--p-card);border-left-color:var(--studio-accent)}.admin-row-top{display:flex;justify-content:space-between;gap:10px;font-size:15px}.admin-row-top strong{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-row-top b{font-weight:500;white-space:nowrap}.admin-row-meta{font-size:13px;color:var(--studio-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-row-tags{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:12px;color:var(--studio-muted)}.tag{font-style:normal;font-size:11.5px;letter-spacing:.02em;padding:2px 7px;border:1px solid var(--studio-line);color:var(--studio-ink);background:var(--studio-bg)}.stage-awaiting_content{border-color:var(--p-warn-line);color:var(--p-warn)}.stage-in_progress{border-color:var(--studio-accent);color:var(--studio-accent)}.stage-awaiting_approval{border-color:var(--p-violet);color:var(--p-violet)}.stage-live,.pay-paid{border-color:var(--p-ok-fill);color:var(--p-ok)}.pay-failed,.pay-expired,.pay-review{border-color:var(--p-err-line);color:var(--p-err)}.pay-pending{border-color:var(--studio-muted)}.tag-test{border-style:dashed}.tag-reply{background:var(--studio-ink);border-color:var(--studio-ink);color:var(--studio-bg)}.admin-detail{min-width:0}.admin-empty{padding:60px 0;text-align:center}.admin-order{display:grid;gap:22px}.admin-back{display:none;align-items:center;gap:6px;background:transparent;border:0;padding:0;font-size:14px;color:var(--studio-accent)}.admin-order-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.admin-order-head h1{margin:0;font-size:clamp(26px,3vw,36px);overflow-wrap:anywhere}.admin-order-head .checkout-eyebrow{margin-bottom:8px}.admin-stages{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:6px 0 12px}.admin-stages button{padding:12px 10px;font-size:14px;border:1px solid var(--studio-line);background:var(--studio-bg);color:var(--studio-ink)}.admin-stages button:hover:not(:disabled){border-color:var(--studio-accent)}.admin-stages button.is-current{background:var(--studio-accent);border-color:var(--studio-accent);color:var(--studio-bg);opacity:1}.admin-check{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--studio-muted)}.admin-check input{width:17px;height:17px;accent-color:var(--studio-accent)}.admin-facts{display:grid;grid-template-columns:minmax(120px,190px) minmax(0,1fr);gap:10px 18px;margin:20px 0 0;font-size:14px}.admin-facts dt{color:var(--studio-muted)}.admin-facts dd{margin:0;overflow-wrap:anywhere}.admin-facts a{color:var(--studio-accent)}.admin-fact{display:contents}.admin-pre{white-space:pre-wrap;line-height:1.6}.admin-warn{color:var(--p-err)}.admin-links{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 16px;margin-top:24px;padding-top:20px;border-top:1px solid var(--studio-line)}.admin-links>button,.admin-links>.project-notice{grid-column:1 / -1;justify-self:start}.admin-customer-link{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin-top:20px;padding-top:18px;border-top:1px solid var(--studio-line);font-size:14px;color:var(--studio-muted)}.admin-customer-link .checkout-secondary{margin-top:0}.admin-approvals ul,.admin-notes{list-style:none;margin:0;padding:0}.admin-approvals li{display:grid;gap:4px;font-size:14px;padding:10px 0;border-top:1px solid var(--studio-line)}.admin-approvals a{color:var(--studio-accent)}.admin-approvals small{color:var(--studio-muted);overflow-wrap:anywhere}.admin-notes{margin-top:20px}.admin-notes li{padding:10px 12px;margin-bottom:8px;background:var(--p-note);border-left:3px solid var(--p-warn-line);font-size:14px}.admin-notes time{font-size:12px;color:var(--studio-muted)}.admin-notes p{margin:4px 0 0;white-space:pre-wrap}.admin-card-form+.admin-card-form{margin-top:8px}.admin-files li{grid-template-columns:minmax(0,1fr) auto}.admin-files li>small{grid-column:1}.admin-file-actions{grid-column:2;grid-row:1 / span 3;display:flex;gap:6px}.admin-views{display:flex;gap:4px;margin:0 0 22px;border-bottom:1px solid var(--studio-line)}.admin-views button{padding:10px 14px;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--studio-muted);font-size:15px;margin-bottom:-1px}.admin-views button.is-active{color:var(--studio-ink);border-bottom-color:var(--studio-accent)}.admin-wide-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 20px;margin-bottom:6px}.admin-wide-head h2,.admin-wide-head .admin-filters{margin:0}.admin-schedule{list-style:none;margin:12px 0 0;padding:0}.admin-schedule li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 16px;padding:10px 12px;margin-bottom:6px;font-size:14px;border-left:3px solid var(--studio-line);background:var(--studio-bg)}.admin-wide .admin-schedule li{grid-template-columns:minmax(140px,1fr) minmax(0,2fr) minmax(0,210px)}.admin-schedule li>span:last-child{text-align:right}.admin-schedule li.is-overdue{border-left-color:var(--p-err-line)}.admin-schedule li.is-overdue>span:last-child{color:var(--p-err);font-weight:500}.admin-schedule li.is-soon{border-left-color:var(--p-warn-line)}.admin-schedule li.is-ok{border-left-color:var(--p-ok-fill)}.admin-link{background:none;border:0;padding:0;color:var(--studio-accent);text-decoration:underline;text-underline-offset:3px;font:inherit;text-align:left;cursor:pointer}.admin-subform{margin-top:22px;padding-top:18px;border-top:1px solid var(--studio-line)}.admin-subform h3{margin-top:0}.admin-row-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}.admin-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.admin-actions .checkout-secondary{margin-top:0}.admin-actions select{padding:12px;border:1px solid var(--studio-line);background:var(--studio-bg);color:var(--studio-ink);font-size:14px}.admin-draft{margin-top:18px}.admin-draft summary{cursor:pointer;font-size:14px;color:var(--studio-accent)}.admin-draft pre{white-space:pre-wrap;overflow-wrap:anywhere;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px;line-height:1.6;padding:12px;background:var(--studio-bg);border:1px solid var(--studio-line);margin:10px 0}.admin-report{display:grid;gap:22px}.admin-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin:0}.admin-kpis>div{border:1px solid var(--studio-line);background:var(--p-card);padding:16px;min-width:0}.admin-kpis dt{font-size:13px;color:var(--studio-muted)}.admin-kpis dd{margin:6px 0 4px;font-size:24px;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.admin-kpis small{font-size:12.5px;color:var(--studio-muted)}.admin-table-wrap{overflow-x:auto}.admin-table{width:100%;border-collapse:collapse;font-size:14px;font-variant-numeric:tabular-nums}.admin-table th,.admin-table td{text-align:left;padding:9px 10px 9px 0;border-bottom:1px solid var(--studio-line);white-space:nowrap}.admin-table thead th{font-weight:400;font-size:12.5px;color:var(--studio-muted)}.admin-table tbody th{font-weight:500}.admin-table td:last-child{text-align:right}@media (max-width: 960px){.project-grid,.admin-layout{grid-template-columns:minmax(0,1fr)}.admin-list{position:static;max-height:none}.admin-layout.has-selection .admin-list{display:none}.admin-layout:not(.has-selection) .admin-detail{display:none}.admin-back{display:inline-flex}}@media (max-width: 640px){.project-card{padding:20px 16px}.project-steps{grid-template-columns:repeat(2,minmax(0,1fr));-moz-column-gap:12px;column-gap:12px}.project-upload,.admin-links,.admin-row-2,.admin-wide .admin-schedule li,.admin-facts{grid-template-columns:minmax(0,1fr)}.admin-facts{gap:2px}.admin-facts dd{margin-bottom:10px}.admin-stages{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-schedule li>span:last-child{text-align:left}.admin-main{width:calc(100% - 32px)}}.project-card>h3:first-child{margin-top:0}.project-site-picker{margin-bottom:1.5rem;padding:1.25rem;border:1px solid var(--studio-line);border-radius:12px}.project-site-picker select{width:100%;min-width:0}.admin-pagination{display:flex;align-items:center;justify-content:space-between;gap:1rem}.admin-pagination p{margin:0}@media (max-width: 640px){.admin-pagination{align-items:stretch;flex-direction:column}}.project-recover-form{display:grid;gap:14px;max-width:420px;margin:18px auto 0;text-align:left}.project-recover-form .checkout-submit{justify-content:center}.admin-refund-api{padding-block:10px}
