:root{--bg:#050712;--card:#0d1122;--panel:#10162b;--cyan:#2dd7ff;--blue:#3975ff;--text:#f7f8ff;--muted:#b8c1d6;--line:#ffffff1f;--green:#55e6b6;--amber:#f6a723;--danger:#ff8492;color-scheme:dark;font-family:Aptos,"Segoe UI",Inter,Arial,sans-serif}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 90% 0,#0e284c,transparent 50%),var(--bg);color:var(--text);line-height:1.55;min-height:100vh}a{color:#86eaff;text-underline-offset:4px}button,input,textarea,select{font:inherit}button,a,input,select,summary{touch-action:manipulation}button,.button{border:1px solid #67dff15c;border-radius:10px;min-height:44px;padding:10px 17px;background:#122039;color:var(--text);cursor:pointer;text-decoration:none;display:inline-flex;justify-content:center;align-items:center;gap:8px;font-weight:650}button:hover,.button:hover{background:#1d3150}button.primary,.button.primary{background:var(--cyan);color:#041019;border-color:var(--cyan)}button.secondary{background:transparent;border-color:var(--line)}button.danger{border-color:var(--danger);color:var(--danger)}button:disabled{opacity:.6;cursor:wait}button.small{padding:8px 12px;font-size:.85rem}:focus-visible{outline:3px solid var(--cyan);outline-offset:4px}.skip{position:absolute;top:-100px;left:10px;z-index:100;padding:12px;background:var(--card)}.skip:focus{top:10px}header{min-height:92px;display:flex;justify-content:space-between;align-items:center;padding:8px max(24px,calc((100vw - 1260px)/2));border-bottom:1px solid var(--line);background:#050916e8;gap:18px}header img{width:205px;height:auto;display:block}.header-actions{display:flex;gap:16px;align-items:center}.header-actions>a{color:var(--muted);font-size:.92rem;text-decoration:none}main{max-width:1260px;margin:auto;padding:38px 24px 70px}.welcome{max-width:640px;margin:50px auto}.eyebrow{color:#67e5ff;text-transform:uppercase;letter-spacing:.13em;font-size:.75rem;font-weight:800}h1{font-size:clamp(2.1rem,5vw,3.9rem);line-height:1.05;letter-spacing:-.04em;margin:12px 0 20px}h1 em{font-style:normal;color:var(--cyan)}h2{font-size:1.35rem;line-height:1.25;margin:0 0 12px}h3{font-size:1.07rem;margin:0 0 8px}p{margin:0 0 16px;color:var(--muted)}.welcome p{font-size:1.1rem}.page-top{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:26px}.project-select{width:min(330px,100%)}.project-select label{font-size:.8rem;color:var(--muted)}.layout{display:grid;grid-template-columns:200px minmax(0,1fr);gap:30px}nav{display:flex;flex-direction:column;gap:7px}nav button{justify-content:flex-start;border-color:transparent;background:transparent;text-align:left;font-weight:500}nav button[aria-current=page]{color:#86eaff;background:#2dd7ff12;border-color:#2dd7ff38}nav .admin-link{margin-top:18px;border-top:1px solid var(--line);border-radius:0}.content{min-width:0}.content>h1{font-size:2rem}.card{border:1px solid var(--line);border-radius:20px;background:linear-gradient(145deg,#111c35d9,#090f20ed);padding:24px;margin-bottom:18px;overflow-wrap:anywhere}.hero-card{padding:30px;border-color:#2dd7ff38;position:relative;background:radial-gradient(ellipse at 95% 0,#123d57,transparent 65%),var(--card)}.hero-card h2{font-size:clamp(1.8rem,4vw,2.5rem);letter-spacing:-.03em;max-width:680px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.grid>.card{margin:0}.stack{display:grid;gap:14px}.row{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.badge{font-size:.75rem;border:1px solid #55e6b64d;border-radius:20px;padding:4px 10px;color:var(--green);display:inline-block}.badge.waiting,.badge.review,.badge.open,.badge.quarantined{color:#ffd185;border-color:#f6a72366}.muted{color:var(--muted)}.hint{font-size:.85rem;color:var(--muted)}.error{color:var(--danger);border:1px solid #ff5d7150;padding:14px;border-radius:10px;white-space:pre-wrap}.empty{padding:24px;border:1px dashed var(--line);border-radius:12px;color:var(--muted)}.timeline{list-style:none;padding:0;margin:10px 0}.timeline li{display:grid;grid-template-columns:36px 1fr;gap:12px;margin:0;position:relative;padding:0 0 22px}.timeline li:not(:last-child):before{content:"";position:absolute;left:17px;top:36px;bottom:2px;width:1px;background:#3e536d}.step{height:36px;width:36px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--line);color:var(--muted)}.completed .step{border-color:var(--green);color:var(--green);background:#55e6b60d}.in_progress .step,.waiting_customer .step{border-color:var(--cyan);color:var(--cyan);background:#2dd7ff16}.timeline p{font-size:.9rem;margin-bottom:6px}.field{display:grid;gap:6px;margin-bottom:18px}.field label{font-weight:650;font-size:.93rem}input,textarea,select{width:100%;min-height:46px;border:1px solid #ffffff30;border-radius:9px;background:#070d1d;color:var(--text);padding:11px 13px;max-width:100%}textarea{min-height:100px;resize:vertical}input[type=checkbox]{width:22px;min-height:22px}fieldset{border:0;padding:0;margin:0}legend{font-size:1.2rem;margin-bottom:22px;font-weight:700}.check{display:flex;gap:10px;align-items:center}.field-help{font-size:.8rem;color:var(--muted)}details{border:1px solid var(--line);border-radius:13px;padding:16px;margin-bottom:15px}summary{cursor:pointer;min-height:44px;display:flex;align-items:center;font-weight:650}details[open] summary{margin-bottom:16px}.progress{height:5px;border-radius:5px;background:#22314b;overflow:hidden;margin:12px 0 20px}.progress>span{display:block;height:100%;background:var(--cyan)}.file-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px}.thumb{height:140px;width:100%;object-fit:contain;background:#070c19;border-radius:10px}.file-name{font-size:.95rem;word-break:break-word}.design-image{max-height:540px;width:100%;object-fit:contain;background:#060b17;border-radius:12px}.comment{border-left:2px solid #2dd7ff5e;padding:10px 15px;margin:12px 0;background:#ffffff03;white-space:pre-wrap}.body-copy{white-space:pre-wrap}.section-label{color:var(--muted);text-transform:uppercase;font-size:.7rem;letter-spacing:.12em}.invoice-amount{font-size:1.8rem;color:var(--text);font-weight:700}.notice{padding:12px 16px;border:1px solid #2dd7ff40;background:#2dd7ff09;border-radius:10px;color:var(--muted);margin-bottom:20px}#live{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);z-index:99;max-width:90vw;background:#142b3d;border-radius:12px;box-shadow:0 8px 40px #0008;color:var(--text)}#live:not(:empty){padding:13px 20px}dialog{background:var(--card);color:var(--text);border:1px solid #2dd7ff60;border-radius:20px;width:min(640px,calc(100% - 28px));padding:25px;max-height:90vh;overflow:auto}dialog::backdrop{background:#000a}.dialog-top{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px}footer{padding:24px;text-align:center;font-size:.8rem;color:var(--muted);border-top:1px solid var(--line)}table{width:100%;border-collapse:collapse}td,th{padding:12px;text-align:left;border-bottom:1px solid var(--line)}.table-scroll{overflow-x:auto}.loading{padding:50px;text-align:center}.learning-body{max-width:750px;white-space:pre-wrap}.template-question{border-bottom:1px solid var(--line);padding-bottom:16px;margin-bottom:16px}.unsure{font-size:.8rem;margin-top:4px;justify-self:start}.danger-text{color:var(--danger)}
@media(max-width:800px){.layout{grid-template-columns:1fr;gap:20px}nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}nav button{font-size:.87rem;padding:10px 12px}nav .admin-link{margin:0;border:0;border-radius:10px}.page-top{align-items:start}.page-top h1{font-size:2rem}.grid{grid-template-columns:1fr}header{padding:8px 18px;min-height:78px}header img{width:170px}.header-actions>a{font-size:.8rem}main{padding:25px 18px 50px}.card{padding:20px}.hero-card{padding:23px}.welcome{margin:35px auto}.project-select{max-width:210px}}@media(max-width:480px){.page-top{flex-direction:column;gap:12px}.project-select{max-width:none;width:100%}.header-actions{gap:6px}header img{width:150px}.file-grid{grid-template-columns:1fr 1fr}.file-grid .card{padding:12px}.thumb{height:100px}h1{font-size:2.6rem}.row{align-items:flex-start}.actions>button,.actions>.button{flex:1 1 auto}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}