:root{--bg:#eef1f3;--surface:#fff;--ink:#17222a;--muted:#5c6b76;--line:#d8dee3;--primary:#0e5a6d;--primary-strong:#0a4453;--primary-soft:#e2eef1;--danger:#b3261e;--status-draft:#6b7280;--status-review:#b45309;--status-approved:#15803d;--status-archived:#64748b;--font-sans:"IBM Plex Sans",system-ui,-apple-system,"Segoe UI",sans-serif;--font-mono:"IBM Plex Mono",ui-monospace,"SFMono-Regular",monospace;--radius:6px;--shadow:0 1px 2px rgba(23,34,42,.06),0 4px 12px rgba(23,34,42,.05)}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--ink);font-family:var(--font-sans);font-size:15px;line-height:1.5}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}.app-shell{display:flex;min-height:100vh}.sidebar{width:232px;flex-shrink:0;background:var(--primary-strong);color:#e8f1f4;display:flex;flex-direction:column;padding:20px 14px;gap:4px}.sidebar .brand{font-weight:600;letter-spacing:-.01em;font-size:17px;color:#fff;padding:6px 10px 18px}.sidebar .brand .brand-sub{display:block;font-family:var(--font-mono);font-size:11px;font-weight:400;color:#9fc4cd;letter-spacing:.08em;text-transform:uppercase;margin-top:2px}.sidebar a.nav-item{color:#cfe2e7;padding:9px 10px;border-radius:var(--radius);font-size:14px}.sidebar a.nav-item:hover{background:hsla(0,0%,100%,.08);text-decoration:none}.sidebar a.nav-item.active{background:hsla(0,0%,100%,.14);color:#fff;font-weight:600}.sidebar .spacer{flex:1 1}.sidebar .userbox{border-top:1px solid hsla(0,0%,100%,.15);padding:12px 10px 2px;font-size:13px;color:#cfe2e7}.sidebar .userbox button{margin-top:8px;background:none;border:1px solid hsla(0,0%,100%,.3);color:#e8f1f4;border-radius:var(--radius);padding:5px 10px;font-size:12.5px;cursor:pointer}.sidebar .userbox button:hover{background:hsla(0,0%,100%,.1)}.main{flex:1 1;padding:28px 36px 60px;max-width:1280px}.page-header{margin-bottom:22px}.page-header h1{font-size:22px;font-weight:600;letter-spacing:-.015em;margin:0 0 4px}.page-header .sub{color:var(--muted);font-size:14px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px 20px}.grid{display:grid;grid-gap:16px;gap:16px}.grid.cols-3{grid-template-columns:repeat(3,1fr)}.grid.cols-4{grid-template-columns:repeat(4,1fr)}@media (max-width:900px){.grid.cols-3,.grid.cols-4{grid-template-columns:1fr 1fr}.main{padding:20px}.sidebar{width:190px}}.kpi{text-align:left}.kpi .kpi-value{font-family:var(--font-mono);font-size:26px;font-weight:600;color:var(--primary-strong)}.kpi .kpi-label{font-size:12.5px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.pkey{font-family:var(--font-mono);font-size:12.5px;background:var(--primary-soft);color:var(--primary-strong);border:1px solid #c3dbe1;border-radius:4px;padding:1px 7px;white-space:nowrap}.status-badge{display:inline-block;font-size:12px;font-weight:600;border-radius:999px;padding:2px 10px;color:#fff}.status-DRAFT{background:var(--status-draft)}.status-REVIEW{background:var(--status-review)}.status-APPROVED{background:var(--status-approved)}.status-ARCHIVED{background:var(--status-archived)}.cat-dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:6px;vertical-align:1px}table.register{width:100%;border-collapse:collapse}table.register th{text-align:left;font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);border-bottom:2px solid var(--ink);padding:8px 10px}table.register td{padding:11px 10px;border-bottom:1px solid var(--line);font-size:14px;vertical-align:middle}table.register tr.row-link{cursor:pointer}table.register tr.row-link:hover td{background:#f6f9fa}label.field{display:block;margin-bottom:14px}label.field .field-label{display:block;font-size:12.5px;font-weight:600;color:var(--muted);margin-bottom:5px;text-transform:uppercase;letter-spacing:.05em}input[type=email],input[type=password],input[type=text],select,textarea{width:100%;font:inherit;padding:8px 10px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;color:var(--ink)}button:focus-visible,input:focus,select:focus,textarea:focus{outline:2px solid var(--primary);outline-offset:1px}textarea{resize:vertical;min-height:90px}.btn{display:inline-block;font:inherit;font-weight:600;font-size:14px;border-radius:var(--radius);border:1px solid transparent;padding:8px 16px;cursor:pointer}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-strong)}.btn-secondary{background:#fff;color:var(--ink);border-color:var(--line)}.btn-secondary:hover{border-color:var(--muted)}.btn-danger{background:#fff;color:var(--danger);border-color:var(--danger)}.btn[disabled]{opacity:.55;cursor:not-allowed}.toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:16px}.toolbar input,.toolbar select{width:auto}.toolbar .grow{flex:1 1;min-width:180px}.alert-error{background:#fdecea;border:1px solid #f3b6b1;color:var(--danger);border-radius:var(--radius)}.alert-error,.alert-ok{padding:10px 14px;margin-bottom:14px;font-size:14px}.alert-ok{background:#eaf6ee;border:1px solid #b7dfc4;color:var(--status-approved);border-radius:var(--radius)}.empty{padding:40px 20px;text-align:center;color:var(--muted)}.bpmn-canvas{height:560px;background:#fff;border:1px solid var(--line)}.bpmn-canvas,.bpmn-canvas .djs-container{border-radius:var(--radius)}.bpmn-editor-layout{display:flex;gap:0;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.bpmn-editor-canvas{flex:1 1;height:640px;border:none;border-radius:0;border-right:1px solid var(--line)}.bpmn-properties{width:300px;flex-shrink:0;height:640px;overflow-y:auto;background:#fbfcfd}.bpmn-properties .bio-properties-panel{background:transparent}@media (max-width:900px){.bpmn-editor-layout{flex-direction:column}.bpmn-editor-canvas{border-right:none;border-bottom:1px solid var(--line);height:480px}.bpmn-properties{width:100%;height:320px}}.login-wrap{min-height:100vh;display:grid;place-items:center;background:linear-gradient(160deg,var(--primary-strong) 0,#0e5a6d 55%,#12707f 100%)}.login-card{width:380px;max-width:calc(100vw - 32px)}.login-card .brand-big{font-size:20px;font-weight:600;margin-bottom:2px}.login-card .brand-mono{font-family:var(--font-mono);font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:20px}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}