:root{--color-bg: #f4f4f0;--color-surface: #ffffff;--color-text: #1a1a1a;--color-text-muted: #666666;--color-border: #1a1a1a;--color-accent: #ff3333;--color-primary: var(--color-step-1);--color-step-1: #005b96;--color-step-2: #0089d0;--color-step-3: #00b0f0;--color-step-4: #800080;--color-step-5: #c71585;--color-step-6: #e6007e;--color-step-7: #2d3091;--space-xs: .25rem;--space-s: .5rem;--space-m: 1rem;--space-l: 2rem;--space-xl: 4rem;--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--focus-ring: 0 0 0 3px rgba(0, 91, 150, .3);--focus-ring-error: 0 0 0 3px rgba(255, 51, 51, .3);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--transition-fast: .15s ease-in-out;--transition-base: .25s ease-in-out;--transition-slow: .35s ease-in-out}*{box-sizing:border-box}body{margin:0;font-family:var(--font-sans);background-color:var(--color-bg);color:var(--color-text);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--font-mono);font-weight:600;margin-top:0;text-transform:uppercase;letter-spacing:-.02em}button{font-family:var(--font-mono);cursor:pointer}.layout-shell{display:grid;grid-template-columns:450px 1fr;grid-template-rows:60px 1fr;height:100vh;overflow:hidden}.header{grid-column:1 / -1;background:var(--color-surface);border-bottom:2px solid var(--color-border);display:flex;align-items:center;padding:0 var(--space-m);justify-content:space-between}.sidebar{background:var(--color-bg);border-right:2px solid var(--color-border);padding:var(--space-m);overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;gap:var(--space-m)}.main-content{background:var(--color-surface);padding:var(--space-l);overflow-y:auto;position:relative}.process-circle-container{width:100%;aspect-ratio:1;position:relative;margin-bottom:var(--space-l)}.process-circle-segment:hover path:nth-of-type(2){filter:brightness(1.15)!important;stroke-width:58!important}.process-circle-segment.active path:nth-of-type(2){filter:brightness(1.2) drop-shadow(0 0 8px currentColor)!important;stroke-width:60!important}.process-circle-segment:hover text,.process-circle-segment.active text{font-size:13px!important;font-weight:700!important}.process-circle-segment:focus{outline:none}.process-circle-segment:focus path:nth-of-type(2){stroke-width:60!important;filter:brightness(1.2) drop-shadow(0 0 8px currentColor)!important}.process-circle-inner:hover path:nth-of-type(2){filter:brightness(1.05)!important;stroke-width:58!important}.process-circle-inner.active path:nth-of-type(2){filter:brightness(1.08) drop-shadow(0 0 4px currentColor)!important;stroke-width:58!important}.process-circle-inner:hover text,.process-circle-inner.active text{font-size:11px!important}.process-circle-inner:focus path:nth-of-type(2){stroke-width:58!important;filter:brightness(1.08) drop-shadow(0 0 4px currentColor)!important}.content-container{width:100%;margin:0 auto;padding-left:32px;padding-right:32px}@media(min-width:1280px){.content-container{padding-left:10%;padding-right:10%}}.nav-icon-btn{flex:1;height:48px;background:transparent;color:var(--color-text);border:2px solid var(--color-border);display:flex;justify-content:center;align-items:center;cursor:pointer;transition:all .2s ease}.nav-icon-btn:hover{background-color:#0000000d;transform:translateY(-2px);box-shadow:0 4px #0000001a}.nav-icon-btn:active{transform:translateY(0);box-shadow:none}.nav-icon-btn.active{background:var(--color-text);color:var(--color-surface);border-color:var(--color-text);box-shadow:inset 0 2px 4px #0003}.text-mono{font-family:var(--font-mono)}.text-bold{font-weight:700}.flex-center{display:flex;align-items:center;justify-content:center}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.gap-xs{gap:var(--space-xs)}.gap-s{gap:var(--space-s)}.gap-m{gap:var(--space-m)}.gap-l{gap:var(--space-l)}.gap-xl{gap:var(--space-xl)}input[type=text],input[type=email],input[type=number],input[type=date],select,textarea{font-family:var(--font-sans);font-size:1rem;padding:.625rem .75rem;border:2px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);transition:all var(--transition-base);width:100%}input[type=text]:focus,input[type=email]:focus,input[type=number]:focus,input[type=date]:focus,select:focus,textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:var(--focus-ring)}input[type=text]:hover,input[type=email]:hover,input[type=number]:hover,input[type=date]:hover,select:hover,textarea:hover{border-color:#333}textarea{resize:vertical;min-height:120px;line-height:1.5}button{transition:all var(--transition-fast);border-radius:var(--radius-sm)}button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.grid-responsive{display:grid;gap:var(--space-l)}@media(min-width:768px){.grid-responsive{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.grid-responsive{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.layout-shell{grid-template-columns:1fr;grid-template-rows:60px auto 1fr}.sidebar{border-right:none;border-bottom:2px solid var(--color-border);max-height:200px}.main-content{padding:var(--space-m)}.content-container{padding-left:var(--space-m);padding-right:var(--space-m)}}g:focus{outline:none}