:root{--nco-primary:#1e3a8a;--nco-primary-light:#3b5998;--nco-primary-dark:#152c6e;--nco-accent:#d97706;--nco-accent-light:#f59e0b;--nco-success:#059669;--nco-success-light:#10b981;--nco-gray-50:#f8fafc;--nco-gray-100:#f1f5f9;--nco-gray-200:#e2e8f0;--nco-gray-300:#cbd5e1;--nco-gray-600:#475569;--nco-gray-800:#1e293b;--nco-gray-900:#0f172a;--nco-font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--nco-font-heading:Georgia,"Times New Roman",serif;--nco-space-1:0.25rem;--nco-space-2:0.5rem;--nco-space-3:0.75rem;--nco-space-4:1rem;--nco-space-6:1.5rem;--nco-space-8:2rem;--nco-space-12:3rem;--nco-shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--nco-shadow:0 4px 6px -1px rgba(0,0,0,.1);--nco-shadow-lg:0 10px 15px -3px rgba(0,0,0,.1);--nco-radius-sm:0.375rem;--nco-radius:0.5rem;--nco-radius-lg:0.75rem;--nco-radius-xl:1rem;--nco-transition:all 0.2s ease-in-out}
.nco-progress-ring{height:120px;position:relative;width:120px}.nco-ring{height:100%;transform:rotate(-90deg);width:100%}.nco-ring-bg{fill:none;stroke:var(--nco-gray-200);stroke-width:8}.nco-ring-fill{fill:none;stroke:var(--nco-accent);stroke-linecap:round;stroke-width:8;transition:stroke-dashoffset .5s ease}.nco-progress-text{left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.nco-percentage{color:var(--nco-primary);display:block;font-size:1.5rem;font-weight:700;line-height:1}.nco-label{color:var(--nco-gray-600);font-size:.75rem;letter-spacing:.05em;text-transform:uppercase}
.nco-timeline{display:flex;justify-content:space-between;margin:var(--nco-space-8) 0;padding:0 var(--nco-space-4);position:relative}.nco-timeline:before{background:var(--nco-gray-200);content:"";height:4px;left:50px;position:absolute;right:50px;top:20px;z-index:0}.nco-timeline-node{align-items:center;background:none;border:none;cursor:pointer;display:flex;flex-direction:column;gap:var(--nco-space-2);padding:var(--nco-space-2);position:relative;transition:var(--nco-transition);z-index:1}.nco-timeline-node:hover{transform:translateY(-2px)}.nco-node-icon{align-items:center;background:#fff;border:3px solid var(--nco-gray-300);border-radius:50%;color:var(--nco-gray-600);display:flex;font-weight:600;height:40px;justify-content:center;transition:var(--nco-transition);width:40px}.nco-timeline-node.completed .nco-node-icon{background:var(--nco-success);border-color:var(--nco-success);color:#fff}.nco-timeline-node.in-progress .nco-node-icon{border-color:var(--nco-accent);color:var(--nco-accent)}.nco-timeline-node.active .nco-node-icon{border-color:var(--nco-primary);box-shadow:0 0 0 4px rgba(30,58,138,.1);color:var(--nco-primary)}.nco-node-label{color:var(--nco-gray-600);font-size:.875rem;font-weight:500;white-space:nowrap}.nco-timeline-node.active .nco-node-label{color:var(--nco-primary);font-weight:600}.nco-stage-dots{align-items:center;display:flex;gap:var(--nco-space-2)}.nco-dot{background:var(--nco-gray-300);border-radius:50%;cursor:pointer;height:8px;transition:var(--nco-transition);width:8px}.nco-dot.active{background:var(--nco-primary);border-radius:4px;width:24px}
.nco-task{align-items:flex-start;background:var(--nco-gray-50);border:2px solid transparent;border-radius:var(--nco-radius);display:flex;gap:var(--nco-space-4);padding:var(--nco-space-4);position:relative;transition:var(--nco-transition)}.nco-task:hover{border-color:var(--nco-gray-200);box-shadow:var(--nco-shadow-sm)}.nco-task.completed{background:rgba(5,150,105,.05);border-color:var(--nco-success)}.nco-task.locked{opacity:.6;pointer-events:none}.nco-task-checkbox{flex-shrink:0;position:relative}.nco-task-checkbox input{cursor:pointer;height:24px;opacity:0;position:absolute;width:24px}.nco-checkmark{border:2px solid var(--nco-gray-300);border-radius:var(--nco-radius-sm);cursor:pointer;display:block;height:24px;transition:var(--nco-transition);width:24px}.nco-task-checkbox input:checked+.nco-checkmark{background:var(--nco-success);border-color:var(--nco-success)}.nco-task-checkbox input:checked+.nco-checkmark:after{color:#fff;content:"✓";font-size:14px;font-weight:700;left:6px;position:absolute;top:2px}.nco-task-content{flex:1}.nco-task-content h3{color:var(--nco-gray-900);font-size:1rem;margin:0 0 var(--nco-space-1)}.nco-task.completed .nco-task-content h3{color:var(--nco-gray-600);text-decoration:line-through}.nco-task-content p{color:var(--nco-gray-600);font-size:.875rem;margin:0 0 var(--nco-space-3)}.nco-task-badge{background:var(--nco-success);border-radius:var(--nco-radius-sm);color:#fff;font-size:.75rem;font-weight:600;padding:var(--nco-space-1) var(--nco-space-2);position:absolute;right:var(--nco-space-2);top:var(--nco-space-2)}.nco-stage-nav{align-items:center;border-top:1px solid var(--nco-gray-200);display:flex;justify-content:space-between;margin-top:var(--nco-space-6);padding-top:var(--nco-space-4)}
.nco-journey{background:var(--nco-gray-50);border-radius:var(--nco-radius-xl);color:var(--nco-gray-800);font-family:var(--nco-font-sans);margin:0 auto;max-width:1200px}.nco-header,.nco-journey{padding:var(--nco-space-6)}.nco-header{align-items:center;background:#fff;border-radius:var(--nco-radius-lg);box-shadow:var(--nco-shadow);display:flex;justify-content:space-between;margin-bottom:var(--nco-space-8)}.nco-welcome h1{color:var(--nco-primary);font-family:var(--nco-font-heading);font-size:2rem;margin:0 0 var(--nco-space-2)}.nco-welcome p{color:var(--nco-gray-600);font-size:1.125rem;margin:0}.nco-stage-content{background:#fff;border-radius:var(--nco-radius-lg);box-shadow:var(--nco-shadow);margin:var(--nco-space-6) 0;padding:var(--nco-space-6)}.nco-stage-header{border-bottom:2px solid var(--nco-gray-100);margin-bottom:var(--nco-space-6);padding-bottom:var(--nco-space-4)}.nco-stage-header h2{color:var(--nco-primary);font-family:var(--nco-font-heading);font-size:1.5rem;margin:0 0 var(--nco-space-2)}.nco-stage-header p{color:var(--nco-gray-600);margin:0}.nco-tasks{display:flex;flex-direction:column;gap:var(--nco-space-4)}.nco-support{background:#fff;border-radius:var(--nco-radius-lg);box-shadow:var(--nco-shadow);padding:var(--nco-space-8);text-align:center}.nco-support h3{color:var(--nco-primary);margin:0 0 var(--nco-space-2)}.nco-support-actions{display:flex;gap:var(--nco-space-4);justify-content:center;margin-top:var(--nco-space-4)}.nco-btn{align-items:center;border:none;border-radius:var(--nco-radius);cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;justify-content:center;padding:var(--nco-space-3) var(--nco-space-6);text-decoration:none;transition:var(--nco-transition)}.nco-btn-primary{background:var(--nco-primary);color:#fff}.nco-btn-primary:hover{background:var(--nco-primary-dark)}.nco-btn-secondary{background:var(--nco-gray-100);border:1px solid var(--nco-gray-200);color:var(--nco-gray-800)}.nco-btn-secondary:hover{background:var(--nco-gray-200)}.nco-btn-text{background:transparent;color:var(--nco-primary);padding:var(--nco-space-2)}.nco-error,.nco-loading{font-size:1.125rem;padding:var(--nco-space-12);text-align:center}.nco-error{color:#dc2626}.nco-manager-bar{align-items:center;background:var(--nco-primary);border-radius:var(--nco-radius-lg) var(--nco-radius-lg) 0 0;color:#fff;display:flex;font-size:.875rem;gap:var(--nco-space-4);margin-bottom:0;padding:var(--nco-space-3) var(--nco-space-6)}.nco-back-btn{color:#fff!important;font-size:.875rem;opacity:.85;padding:var(--nco-space-1) var(--nco-space-2)}.nco-back-btn:hover{opacity:1}.nco-manager-viewing{margin-left:auto;opacity:.9}.nco-member-picker{font-family:var(--nco-font-sans);margin:0 auto;max-width:720px}.nco-member-picker-header{background:#fff;border-radius:var(--nco-radius-lg);box-shadow:var(--nco-shadow);margin-bottom:var(--nco-space-4);padding:var(--nco-space-6)}.nco-member-picker-header h2{color:var(--nco-primary);font-family:var(--nco-font-heading);font-size:1.5rem;margin:0 0 var(--nco-space-2)}.nco-member-picker-header p{color:var(--nco-gray-600);margin:0}.nco-member-search{margin-bottom:var(--nco-space-4)}.nco-search-input{border:1px solid var(--nco-gray-300);border-radius:var(--nco-radius);box-sizing:border-box;font-size:1rem;padding:var(--nco-space-3) var(--nco-space-4);transition:var(--nco-transition);width:100%}.nco-search-input:focus{border-color:var(--nco-primary);box-shadow:0 0 0 3px rgba(30,58,138,.15);outline:none}.nco-member-list{display:flex;flex-direction:column;gap:var(--nco-space-2);list-style:none;margin:0;padding:0}.nco-member-btn{align-items:center;background:#fff;border:1px solid var(--nco-gray-200);border-radius:var(--nco-radius);box-shadow:var(--nco-shadow-sm);cursor:pointer;display:flex;gap:var(--nco-space-4);padding:var(--nco-space-4);text-align:left;transition:var(--nco-transition);width:100%}.nco-member-btn:hover{border-color:var(--nco-primary);box-shadow:var(--nco-shadow);transform:translateY(-1px)}.nco-member-avatar{align-items:center;background:var(--nco-primary);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:1rem;font-weight:700;height:2.5rem;justify-content:center;width:2.5rem}.nco-member-info{display:flex;flex:1;flex-direction:column;gap:2px}.nco-member-info strong{color:var(--nco-gray-800);font-size:.95rem}.nco-member-info small{color:var(--nco-gray-600);font-size:.8rem}.nco-member-arrow{color:var(--nco-gray-300);font-size:1.1rem;transition:var(--nco-transition)}.nco-member-btn:hover .nco-member-arrow{color:var(--nco-primary);transform:translateX(3px)}.nco-empty-state{color:var(--nco-gray-600);padding:var(--nco-space-8);text-align:center}.nco-spinner{animation:nco-spin .7s linear infinite;border:2px solid var(--nco-gray-200);border-radius:50%;border-top-color:var(--nco-primary);display:inline-block;height:1.25rem;margin-right:var(--nco-space-2);vertical-align:middle;width:1.25rem}@keyframes nco-spin{to{transform:rotate(1turn)}}.nco-completed-date{color:var(--nco-gray-600);display:block;font-size:.75rem;margin-top:var(--nco-space-1)}.nco-task-badge--locked{background:var(--nco-gray-200);color:var(--nco-gray-600)}.nco-btn-placeholder{cursor:default;opacity:.5;pointer-events:none}.nco-checkmark.updating{opacity:.5}.nco-access-denied,.nco-login-notice{background:#fff;border-left:4px solid var(--nco-accent);border-radius:var(--nco-radius);box-shadow:var(--nco-shadow-sm);color:var(--nco-gray-800);font-family:var(--nco-font-sans);padding:var(--nco-space-6)}.nco-access-denied{border-left-color:#dc2626}