:root{color:#f6f1ff;background:#0b0618;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--bg: #0b0618;--sidebar: rgba(24, 17, 43, .92);--panel: rgba(34, 23, 57, .72);--panel-strong: rgba(48, 31, 79, .84);--panel-soft: rgba(22, 15, 39, .76);--border: rgba(169, 101, 255, .33);--border-strong: rgba(190, 132, 255, .58);--text: #fbf7ff;--muted: #b8abc9;--muted-strong: #ded4eb;--accent: #9f55ff;--accent-2: #e24bd3;--accent-3: #6b4dff;--danger: #ff6681;--amber: #ffcf70;--success: #65e6b7;--shadow: 0 24px 70px rgba(5, 0, 18, .44);--glow: 0 0 28px rgba(174, 73, 255, .24)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 78% 10%,rgba(159,85,255,.18),transparent 27rem),radial-gradient(circle at 34% 28%,rgba(226,75,211,.12),transparent 26rem),linear-gradient(135deg,#150c2e,#0b0618 46%,#05030d)}body:before{position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.75),transparent 72%);content:""}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent-2);outline-offset:2px}.app-shell{position:relative;display:grid;grid-template-columns:276px minmax(0,1fr);min-height:100vh}.topbar{position:sticky;top:0;display:flex;flex-direction:column;gap:46px;min-height:100vh;padding:31px 20px 30px;background:linear-gradient(180deg,#1f1635f5,#120c21f5),var(--sidebar);border-right:1px solid rgba(169,101,255,.14);box-shadow:22px 0 60px #03001052}.brand{display:inline-flex;align-items:center;min-height:44px;width:fit-content;color:var(--text);font-size:1.34rem;font-weight:900;letter-spacing:0}.brand:before{display:inline-grid;place-items:center;width:34px;height:34px;margin-right:12px;border-radius:11px 16px;background:linear-gradient(135deg,var(--accent-3),var(--accent-2));color:#fff;content:"P";font-size:1.08rem;font-weight:900;box-shadow:0 0 24px #9f55ff70}.brand:after{color:var(--accent);content:".com"}.topbar nav{display:grid;gap:14px}.nav-link,.link-button{position:relative;display:flex;align-items:center;min-height:60px;width:100%;border:1px solid transparent;border-radius:16px;padding:0 18px 0 54px;background:transparent;color:#f6f1ffad;cursor:pointer;font-size:1rem;font-weight:750;text-align:left}.nav-link:before,.link-button:before{position:absolute;left:18px;display:inline-grid;place-items:center;width:24px;height:24px;border:2px solid currentColor;border-radius:7px;color:inherit;content:"";opacity:.82}.nav-link:nth-child(1):before{border-radius:6px 6px 9px 9px;transform:rotate(45deg)}.nav-link:nth-child(2):before{border-radius:50%}.nav-link:nth-child(3):before{border-radius:6px}.nav-link:nth-child(4):before{border-radius:6px 6px 2px 2px}.nav-link:nth-child(5):before{border-radius:50% 50% 6px 6px}.link-button:before{border-radius:50%}.nav-link:hover,.link-button:hover{border-color:#a965ff40;background:#ffffff0a;color:var(--text)}.nav-link.active{border-color:#ce92ff61;background:linear-gradient(135deg,#6c4cffe6,#9b38c2c2);color:#fff;box-shadow:0 16px 34px #7041ff52}main{position:relative;min-width:0;width:100%;padding:92px 34px 52px}main:before,main:after{position:fixed;top:25px;z-index:0;display:block;border-radius:16px;background:#362a4ec2;box-shadow:var(--glow);pointer-events:none;content:""}main:before{right:96px;width:50px;height:50px}main:after{right:35px;width:50px;height:50px}.page-section{position:relative;z-index:1;max-width:980px}.admin-page{max-width:1180px}.eyebrow{color:#c78cff;font-size:.78rem;font-weight:900;letter-spacing:0;text-transform:uppercase}h1,h2,h3{color:var(--text);letter-spacing:0;text-shadow:0 0 22px rgba(226,75,211,.12)}h1{margin:10px 0 14px;font-size:2.25rem;line-height:1.08}h2{margin:0 0 10px;font-size:1.08rem;line-height:1.25}p{max-width:760px;margin:0 0 14px;color:var(--muted);font-size:1rem;line-height:1.6}small{color:var(--muted)}pre{overflow-x:auto;margin:24px 0 0;border:1px solid var(--border);border-radius:16px;padding:18px;background:#0a0615d1;color:var(--muted-strong);box-shadow:var(--shadow)}.primary-button,.secondary-button,.dev-login button,.primary-link,.secondary-link{display:inline-flex;align-items:center;justify-content:center;min-height:44px;width:fit-content;border:1px solid rgba(223,125,255,.42);border-radius:14px;padding:0 20px;background:linear-gradient(90deg,#744fff,#dd45cd);color:#fff;cursor:pointer;font-size:.94rem;font-weight:850;box-shadow:0 14px 30px #8043ff38}.primary-button:hover,.dev-login button:hover,.primary-link:hover{filter:brightness(1.08)}.secondary-button,.secondary-link{border-color:#be84ff59;background:#442f629e;color:var(--muted-strong);box-shadow:none}.secondary-button:hover,.secondary-link:hover{border-color:#e24bd3cc;color:#fff}.primary-button:disabled,.secondary-button:disabled,.dev-login button:disabled{cursor:not-allowed;opacity:.62}.auth-layout,.start-project,.start-project-form,.workflow-form,.admin-filters,.compact-form,.project-list,.locked-steps,.admin-project-list,.admin-grid,.file-list,.detail-list{display:grid;gap:16px}.auth-layout{max-width:680px}.auth-actions,.form-actions,.inline-actions,.dashboard-actions{display:flex;flex-wrap:wrap;gap:10px}.dashboard-actions{margin:22px 0}.dev-login,.package-card,.order-result,.project-row,.empty-state,.workflow-form fieldset,.admin-project-row,.admin-grid section,.project-summary-grid>div,.file-row{border:1px solid var(--border);border-radius:18px;background:linear-gradient(145deg,#3e2a60bd,#130c23b8),var(--panel);box-shadow:var(--shadow),inset 0 1px #ffffff0f;backdrop-filter:blur(18px)}.dev-login{max-width:460px;padding:20px}.dev-login h2{margin:0 0 2px}label,.dev-login label,.start-project-form label,.workflow-form label,.admin-filters label,.compact-form label{display:grid;gap:7px;color:var(--muted-strong);font-size:.93rem;font-weight:750}input,select,textarea,.dev-login input,.dev-login select,.start-project-form input[type=text],.workflow-form input[type=text],.workflow-form select,.workflow-form textarea,.admin-filters input,.admin-filters select,.compact-form input,.compact-form select,.compact-form textarea{width:100%;min-height:44px;border:1px solid rgba(190,132,255,.32);border-radius:14px;padding:10px 13px;background:#0d081abd;color:var(--text)}textarea{min-height:112px;resize:vertical}select{color-scheme:dark}input::placeholder,textarea::placeholder{color:#ded4eb6b}.notice,.status-panel{display:flex;align-items:center;justify-content:space-between;gap:14px;max-width:760px;margin:0 0 24px;border:1px solid rgba(190,132,255,.36);border-left:4px solid var(--accent-2);border-radius:16px;padding:14px 16px;background:#27193fc7;color:var(--muted-strong);box-shadow:var(--shadow)}.notice.error{border-color:#ff66817a;border-left-color:var(--danger);background:#3d162dd6;color:#ffd0d9}.notice button{min-height:34px;border:1px solid currentColor;border-radius:12px;padding:0 10px;background:transparent;color:inherit;cursor:pointer}.form-error{display:grid;justify-content:stretch}.form-error p{margin:0;color:inherit}.form-error ul{margin:0;padding-left:20px}.start-project-form{max-width:760px}.start-project-form fieldset,.workflow-form fieldset{margin:0;border:0;padding:0}.workflow-form fieldset{border:1px solid var(--border);padding:20px}.start-project-form legend,.workflow-form legend{margin-bottom:12px;padding:0;color:var(--text);font-weight:850}.package-card,.project-row,.file-row,.admin-file-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.package-card,.order-result,.project-row,.empty-state,.file-row{padding:20px}.package-card h2,.order-result h2,.project-row h2,.admin-project-row h2,.admin-grid h2,.file-list h2{margin:0 0 7px;font-size:1.08rem}.package-card p,.project-row p,.order-result p,.empty-state p{margin:0;font-size:.95rem}.package-card span,.status-badge{display:inline-flex;align-items:center;width:fit-content;border:1px solid rgba(190,132,255,.38);border-radius:999px;padding:6px 10px;background:#4c30748f;color:var(--muted-strong);font-size:.78rem;font-weight:850;white-space:nowrap}.status-badge-success{border-color:#65e6b773;background:#65e6b71f;color:#a1ffd8}.status-badge-active{border-color:#ffcf7080;background:#ffcf7021;color:#ffe1a0}.status-badge-danger{border-color:#ff668180;background:#ff668124;color:#ffc0cc}.choice-grid{display:grid;gap:10px}.choice-option{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;border:1px solid rgba(190,132,255,.24);border-radius:16px;padding:14px;background:#0e081bb3}.choice-option:has(input:checked){border-color:#e24bd3bf;background:#744fff29;box-shadow:0 0 24px #e24bd31f}.choice-option span{display:grid;gap:4px;font-weight:650}.checkbox-row{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;font-weight:650}.checkbox-row input{margin-top:5px;accent-color:var(--accent-2)}.checkbox-row .field-error{grid-column:2}.field-error{color:#ffb7c4;font-size:.88rem;font-weight:850}.file-uploader{display:grid;gap:8px;border:1px dashed rgba(190,132,255,.5);border-radius:16px;padding:15px;background:#0d081ab3}.file-uploader:hover{border-color:#e24bd3d1}.file-uploader small{color:var(--muted);font-weight:500;line-height:1.45}.file-uploader strong{color:var(--text);font-size:.92rem}.upload-progress{width:100%;min-height:16px;accent-color:var(--accent-2)}.file-list{margin-top:28px}.file-row>div:first-child,.next-step-state>div:first-child{display:grid;gap:4px}.file-row span{color:var(--muted);font-size:.9rem}.admin-filters{grid-template-columns:repeat(4,minmax(0,1fr));align-items:end;margin:24px 0}.admin-project-list,.admin-grid{gap:16px}.admin-project-row{display:grid;grid-template-columns:minmax(0,1.35fr) auto auto auto auto;align-items:center;gap:12px;padding:15px}.admin-project-row p{margin:0;font-size:.92rem}.admin-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:24px}.admin-grid section{padding:18px}.admin-file-row{padding:10px 0;border-top:1px solid rgba(190,132,255,.2)}.detail-list{margin:0}.detail-list div{display:grid;gap:4px;border-top:1px solid rgba(190,132,255,.2);padding-top:10px}.detail-list dt{color:var(--muted);font-size:.76rem;font-weight:850;text-transform:uppercase}.detail-list dd{margin:0;color:var(--text);line-height:1.5}.locked-steps{grid-template-columns:repeat(3,minmax(0,1fr))}.locked-steps button{min-height:42px;border:1px solid rgba(190,132,255,.2);border-radius:14px;background:#241a38b8;color:#ded4eb8a}.project-list{margin-top:22px}.project-row{display:grid;grid-template-columns:minmax(0,1.5fr) auto}.project-row:after,.order-result:after,.package-card:after{display:block;width:100%;height:5px;grid-column:1 / -1;border-radius:999px;background:linear-gradient(90deg,var(--accent-3),var(--accent-2));opacity:.72;content:""}.next-step-state{display:flex;align-items:center;justify-content:space-between;gap:14px;grid-column:1 / -1;border-top:1px solid rgba(190,132,255,.2);padding-top:14px;color:var(--muted);font-size:.93rem}.next-step-state strong{color:var(--text)}.project-detail{max-width:960px}.project-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:24px 0 4px}.project-summary-grid>div{display:grid;gap:6px;padding:15px}.summary-label{color:var(--muted);font-size:.76rem;font-weight:850;text-transform:uppercase}.project-timeline{display:grid;gap:0;margin:30px 0 0;padding:0;list-style:none}.timeline-item{position:relative;display:grid;grid-template-columns:28px minmax(0,1fr);gap:12px;min-height:62px;color:var(--muted-strong)}.timeline-item:before{position:absolute;top:28px;bottom:0;left:9px;width:2px;background:#be84ff3d;content:""}.timeline-item:last-child:before{display:none}.timeline-marker{width:20px;height:20px;border:2px solid rgba(190,132,255,.52);border-radius:999px;background:#130c23f2}.timeline-item>div{display:grid;gap:4px;padding-bottom:18px}.timeline-item strong{color:var(--text)}.timeline-item span:last-child{color:var(--muted);font-size:.9rem}.timeline-item-complete .timeline-marker{border-color:var(--success);background:var(--success);box-shadow:0 0 18px #65e6b757}.timeline-item-current .timeline-marker{border-color:var(--accent-2);background:var(--accent-2);box-shadow:0 0 22px #e24bd375}.timeline-item-locked{color:#ded4eb85}.timeline-item-locked .timeline-marker{background:#130c23d9}.payment-action{display:inline-grid;gap:8px}.error-page{max-width:640px}@media(max-width:960px){.app-shell{grid-template-columns:1fr}.topbar{position:static;min-height:auto;gap:18px;border-right:0;border-bottom:1px solid rgba(169,101,255,.18)}.topbar nav{grid-template-columns:repeat(3,minmax(0,1fr))}main{padding:34px 22px}main:before,main:after{display:none}.admin-filters,.admin-project-row,.admin-grid,.project-summary-grid{grid-template-columns:1fr}}@media(max-width:560px){.topbar{padding:18px 16px}.topbar nav{grid-template-columns:1fr}.nav-link,.link-button{min-height:50px}h1{font-size:1.85rem}.package-card,.project-row,.file-row,.next-step-state,.admin-file-row{align-items:flex-start;flex-direction:column}.project-row{display:flex}.locked-steps{grid-template-columns:1fr}.primary-button,.secondary-button,.primary-link,.secondary-link{width:100%}}