:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#172832;background:#edf4f5}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;padding:24px}.card{width:min(680px,100%);padding:48px;border:1px solid #d2e0e3;border-radius:24px;background:#fff;box-shadow:0 22px 60px rgba(20,49,58,.10)}span{display:block;color:#087d84;font-size:.78rem;font-weight:800;letter-spacing:.18em}h1{margin:.5rem 0 .75rem;font-size:clamp(2.5rem,8vw,4.5rem);line-height:1}h2{margin:.4rem 0 1rem}p{font-size:1.12rem;color:#526971}.notice,.error{margin-top:28px;padding:18px 20px;border-radius:14px;background:#edf8f8;color:#245c61;font-weight:700}.error{background:#fff0ee;color:#9b2c20}small{display:block;margin-top:8px;color:#71858b}form{margin-top:28px}label{display:block;margin-top:18px;font-weight:750}input{display:block;width:100%;margin-top:8px;padding:14px 16px;border:1px solid #b9cdd1;border-radius:10px;font:inherit}button{margin-top:22px;padding:13px 22px;border:0;border-radius:10px;background:#087d84;color:#fff;font:inherit;font-weight:800;cursor:pointer}.app{display:block;padding:0}.app aside{position:fixed;inset:0 auto 0 0;width:270px;padding:30px 24px;background:#17333a;color:#fff}.app aside span{color:#74d7d2}.app aside h2{font-size:1.6rem}.app nav{margin-top:36px}.app nav a{display:block;padding:12px 14px;border-radius:9px;color:#fff;text-decoration:none}.app nav a.active{background:#24545c}.identity{position:absolute;left:24px;right:24px;bottom:24px}.identity small{color:#b9cdd1}.identity form{margin:8px 0 0}.identity .link{margin:4px 0 0;padding:8px 0;background:none;color:#bce8e5}.workspace{margin-left:270px;padding:40px;max-width:1200px}.workspace header h1{font-size:3rem}.workspace .card{margin-top:28px;width:100%}@media(max-width:760px){.app aside{position:relative;width:100%;min-height:260px}.workspace{margin-left:0;padding:24px}.identity{position:static;margin-top:35px}}
.page-head{display:flex;align-items:end;justify-content:space-between;gap:24px}.primary{display:inline-block;padding:13px 20px;border-radius:10px;background:#087d84;color:#fff;text-decoration:none;font-weight:800}.list-card,.form-card{max-width:none}.search{display:flex;align-items:end;gap:12px;margin:0 0 28px}.search label{flex:1;margin:0}.search button{margin:0}.search>a{padding:13px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{padding:16px 12px;border-bottom:1px solid #dbe6e8;text-align:left;vertical-align:top}th{color:#587078;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase}td small{margin-top:4px}.status{display:inline-block;padding:5px 9px;border-radius:999px;background:#edf8f8;letter-spacing:0;font-size:.75rem}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.form-grid .wide{grid-column:1/-1}select,textarea{display:block;width:100%;margin-top:8px;padding:14px 16px;border:1px solid #b9cdd1;border-radius:10px;background:#fff;font:inherit}.form-actions{display:flex;align-items:center;gap:20px}.form-actions a{margin-top:22px}.notice a{color:#087d84}@media(max-width:760px){.page-head,.search{display:block}.primary{margin-top:12px}.search button{margin-top:12px}.form-grid{display:block}}
.customer-choice{display:block;margin:10px 0;padding:16px;border:1px solid #d2e0e3;border-radius:12px;color:#17333a;text-decoration:none}.customer-choice:hover{border-color:#087d84;background:#f4fbfb}.selected-customer{display:flex;align-items:start;justify-content:space-between;gap:20px;padding-bottom:22px;border-bottom:1px solid #dbe6e8}.component-card{margin:18px 0;padding:22px;border:1px solid #d2e0e3;border-radius:14px;background:#f9fbfb}.component-head{display:flex;align-items:center;justify-content:space-between}.component-head h3{margin:0}.secondary{background:#e3f1f2;color:#176168}.danger-link{margin:0;padding:8px;background:none;color:#a53a2e}.completion{text-align:center;max-width:850px}.completion h1{font-size:3.5rem}.tag-instruction{margin-top:34px;font-size:1.2rem;font-weight:800}.tag-number{margin:18px auto 34px;padding:24px;border:4px solid #087d84;border-radius:16px;font-size:clamp(4rem,12vw,7rem);font-weight:900;letter-spacing:.08em}.completion-actions,.quick-actions{display:flex;gap:18px;justify-content:center;align-items:center}.quick-actions{justify-content:start;margin-top:28px}.quick-actions>a{min-width:220px;padding:20px;border:1px solid #d2e0e3;border-radius:14px;color:#17333a;text-decoration:none}.quick-actions small{font-weight:400}@media(max-width:760px){.selected-customer,.completion-actions,.quick-actions{display:block}.quick-actions>a{display:block;margin-top:12px}}
.remove-check,.check-label{display:flex;align-items:center;gap:8px;margin:0;font-weight:700}.remove-check input,.check-label input{display:inline-block;width:auto;margin:0}.check-label{align-self:end;padding:14px 0}.add-component{margin:24px 0;padding:18px;border:1px dashed #9db8bd;border-radius:12px}.add-component summary{cursor:pointer;font-weight:800;color:#087d84}.timeline{margin-top:28px;border-left:3px solid #cfe0e2;padding-left:22px}.timeline article{position:relative;padding:0 0 24px}.timeline article:before{content:"";position:absolute;left:-29px;top:4px;width:11px;height:11px;border-radius:50%;background:#087d84}.timeline article p{margin:.45rem 0;font-size:1rem;white-space:normal}.timeline article span{letter-spacing:.08em}.form-card+ .form-card{margin-top:24px}
.role-help{margin-top:18px;padding:16px 18px;border-radius:12px;background:#edf8f8;color:#385d63;line-height:1.55}.role-help strong{color:#17333a}.form-grid label small{display:inline;color:#71858b;font-weight:500}