:root{--bg:#131516;--surface:#1c1f21;--surface-alt:#232729;--border:#2e3234;--border-light:#3a3e41;--accent:#c9a96e;--accent-dim:hsla(39,46%,61%,.12);--accent-text:#131516;--text:#e8e4dc;--text-dim:#8a8680;--text-mid:#b5b0a8;--green:#6b9e78;--green-dim:rgba(107,158,120,.12);--red:#c75f5f;--red-dim:rgba(199,95,95,.1);--blue:#5f8fc7;--blue-dim:rgba(95,143,199,.1)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text);line-height:1.5;font-size:14px;min-height:100vh}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}input,select,textarea{width:100%;padding:10px 12px;border-radius:8px;border:1px solid var(--border);background:var(--bg);color:var(--text);font-size:13px;font-family:inherit;outline:none;transition:border-color .15s}input:focus,select:focus,textarea:focus{border-color:var(--accent)}button{font-family:inherit;cursor:pointer}.btn{padding:10px 18px;border-radius:8px;border:none;font-weight:600;font-size:13px;transition:opacity .15s}.btn:hover{opacity:.85}.btn-accent{background:var(--accent);color:var(--accent-text)}.btn-ghost{background:transparent;color:var(--text-dim);border:1px solid var(--border)}.btn-green{background:var(--green);color:#fff}.btn-red{background:var(--red-dim);color:var(--red);border:1px solid rgba(199,95,95,.2)}.btn-sm{padding:5px 12px;font-size:12px;border-radius:6px}.card{background:var(--surface-alt);border:1px solid var(--border);border-radius:10px;padding:20px}.label{display:block;font-size:12px;color:var(--text-dim);margin-bottom:6px}.grid-2{grid-template-columns:1fr 1fr;grid-gap:12px}.grid-2,.grid-3{display:grid;gap:12px}.grid-3{grid-template-columns:1fr 1fr 1fr;grid-gap:12px}.flex{display:flex}.flex-col{flex-direction:column}.gap-sm{gap:8px}.gap-md{gap:12px}.gap-lg{gap:20px}.items-center{align-items:center}.justify-between{justify-content:space-between}.mb-sm{margin-bottom:8px}.mb-md{margin-bottom:16px}.mb-lg{margin-bottom:24px}.badge{display:inline-block;padding:4px 10px;border-radius:20px;font-size:11px;font-weight:600}.stage-bar{display:flex;gap:4px;margin-bottom:28px;overflow-x:auto;padding-bottom:4px}.stage-btn{flex:1 1;min-width:80px;padding:12px 6px;border:none;border-radius:8px;display:flex;flex-direction:column;align-items:center;gap:4px;transition:all .15s;background:var(--surface-alt)}.stage-btn.active{background:var(--accent-dim);outline:2px solid var(--accent);outline-offset:-2px}.stage-btn.done{background:var(--green-dim)}.stage-icon{font-size:18px}.stage-label{font-size:10px;color:var(--text-dim);font-weight:400;text-align:center}.stage-btn.active .stage-label{color:var(--accent);font-weight:600}.stage-btn.done .stage-label{color:var(--green)}.progress-track{background:var(--surface-alt);border-radius:10px;height:8px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--accent),var(--green));border-radius:10px;transition:width .4s}.comment{border-left:3px solid var(--accent)}.comment.client{border-left-color:var(--blue)}@media (max-width:768px){.grid-2,.grid-3{grid-template-columns:1fr}.hide-mobile{display:none}}