:root{--bg: #F1F4FA;--surface: #FFFFFF;--ink: #1E2337;--ink-soft: #555B73;--ink-faint: #656D98;--border: #E4E7F2;--primary: #1D6C8C;--primary-dark: #124A61;--primary-soft: #E3F0F5;--navy: #0F3A4D;--navy-soft: #E5EDF0;--brand-deep: #0F3A4D;--on-accent: #FFFFFF;--teal: #0C7D73;--teal-soft: #E1F8F4;--amber: #9C5F0A;--amber-soft: #FDF0DE;--rose: #D40D4D;--rose-soft: #FEE9F0;--violet: #6C48F9;--violet-soft: #EFEAFF;--success: #147F51;--success-soft: #E3F9EF;--danger: #D61E24;--danger-soft: #FDECEC;--mine: #C026D3;--mine-on: #FFFFFF;--mine-wash: rgba(192, 38, 211, .07);--mine-ring: rgba(192, 38, 211, .22);--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--shadow-sm: 0 1px 3px rgba(30, 35, 55, .06);--shadow-md: 0 8px 24px rgba(30, 35, 55, .08);--shadow-lg: 0 16px 40px rgba(30, 35, 55, .14);--font-display: "Sora", sans-serif;--font-body: "Inter", sans-serif;--ed-ink: #1B2027;--ed-paper: #EEEDE7;--ed-paper-raised: #FBFAF7;--ed-brass: #A9793F;--ed-brass-light: #C9A467;--ed-brass-dark: #7D5A2C;--ed-amber: #D98B2B;--ed-moss: #4B7357;--ed-clay: #A8453C;--ed-steel: #545B66;--ed-steel-100: #DCDBD3;--ed-steel-050: #F1F0EA;--font-editorial-display: "Space Grotesk", sans-serif;--font-editorial-serif: "Source Serif 4", serif}[data-theme=dark]{--bg: #10131C;--surface: #1A1E2B;--ink: #EDEFF7;--ink-soft: #A8ADC4;--ink-faint: #868CA8;--border: #2B2F42;--primary: #5CA9CC;--primary-dark: #7FC0DE;--primary-soft: #1B3646;--navy: #7FB6CE;--navy-soft: #16222B;--brand-deep: #0F3A4D;--on-accent: #10131C;--teal: #2ECFBE;--teal-soft: #0F3A35;--amber: #F5B860;--amber-soft: #3C2E15;--rose: #F76B96;--rose-soft: #3A1826;--violet: #9B85FF;--violet-soft: #262047;--success: #3FCB8F;--success-soft: #123625;--danger: #F0666B;--danger-soft: #3A1717;--mine: #E879F9;--mine-on: #10131C;--mine-wash: rgba(232, 121, 249, .1);--mine-ring: rgba(232, 121, 249, .3);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .35);--shadow-md: 0 8px 24px rgba(0, 0, 0, .4);--shadow-lg: 0 16px 40px rgba(0, 0, 0, .55)}[data-theme=dark] .badge-amber{color:var(--amber)}[data-theme=dark] input,[data-theme=dark] select,[data-theme=dark] textarea{background:var(--surface);color:var(--ink)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:var(--font-display);color:var(--ink);margin:0}a{color:inherit}::selection{background:var(--primary-soft);color:var(--primary-dark)}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.app-shell{display:flex;min-height:100vh}.content-area{flex:1;padding:36px 44px;max-width:1440px}.page-header{margin-bottom:28px}.page-eyebrow{font-size:12.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:6px}.page-title{font-size:26px;font-weight:700}.page-subtitle{color:var(--ink-soft);font-size:14.5px;margin-top:6px}.card{background:var(--surface);border-radius:var(--radius-md);border:1px solid var(--border);box-shadow:var(--shadow-sm);padding:24px;overflow-wrap:anywhere;word-break:break-word}button{color:inherit}.btn{font-family:var(--font-body);font-weight:600;font-size:14px;border-radius:var(--radius-sm);padding:10px 18px;border:none;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:transform .12s ease,box-shadow .12s ease,background .12s ease;white-space:normal;text-align:left;line-height:1.3}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--primary);color:var(--on-accent);box-shadow:0 4px 14px #1d6c8c59}.btn-primary:hover:not(:disabled){background:var(--primary-dark)}.btn-ghost{background:transparent;color:var(--ink-soft);border:1px solid var(--border)}.btn-ghost:hover{background:var(--bg);color:var(--ink)}.btn-sm{padding:7px 12px;font-size:13px}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:4px}.field label{font-size:13px;font-weight:600;color:var(--ink-soft)}.input,select.input,textarea.input{font-family:var(--font-body);font-size:14.5px;padding:10px 13px;border-radius:var(--radius-sm);border:1.5px solid var(--border);background:var(--surface);color:var(--ink);transition:border-color .12s ease,box-shadow .12s ease;width:100%}.input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft);outline:none}textarea.input{resize:vertical;min-height:70px;font-family:var(--font-body)}.badge{display:inline-flex;align-items:center;gap:5px;font-size:12.5px;font-weight:600;padding:4px 10px;border-radius:999px}.badge-success{background:var(--success-soft);color:var(--success)}.badge-danger{background:var(--danger-soft);color:var(--danger)}.badge-primary{background:var(--primary-soft);color:var(--primary-dark)}.badge-teal{background:var(--teal-soft);color:var(--teal)}.badge-amber{background:var(--amber-soft);color:#9a6300}.badge-rose{background:var(--rose-soft);color:var(--rose)}.data-table{width:100%;border-collapse:collapse}.data-table th{text-align:left;font-size:12.5px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:var(--ink-faint);padding:10px 14px;border-bottom:1.5px solid var(--border)}.data-table td{padding:14px;font-size:14.5px;border-bottom:1px solid var(--border);overflow-wrap:anywhere;word-break:break-word;vertical-align:top}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:var(--bg)}.avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;color:#fff;flex-shrink:0}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#d3d7e8;border-radius:999px}::-webkit-scrollbar-track{background:transparent}.form-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:760px}.form-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;max-width:760px}.form-row-wrap{display:flex;gap:14px;align-items:flex-end;flex-wrap:wrap}.question-row{display:flex;align-items:center;gap:10px;margin-bottom:10px;flex-wrap:wrap}.table-scroll{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-scroll .data-table{min-width:620px}.roles-layout{display:grid;grid-template-columns:240px 1fr;gap:20px;align-items:start}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 900px){.steps-layout{grid-template-columns:1fr!important}.diagram-pane{position:static!important;max-height:none!important}}@media (max-width: 1100px){.notif-panel{display:none!important}.main-with-notif{padding-right:0!important}}.mobile-topbar,.sidebar-backdrop{display:none}.sidebar{position:sticky;top:0;align-self:flex-start}.sidebar-close-btn{display:none}@media (max-width: 960px){.form-grid-3{grid-template-columns:repeat(2,1fr)}.roles-layout{grid-template-columns:200px 1fr}}@media (max-width: 780px){.app-shell{flex-direction:column}.content-area{padding:18px;max-width:100%}.page-title{font-size:21px}.form-grid-3,.form-grid-2{grid-template-columns:1fr;max-width:100%}.form-row-wrap{flex-direction:column;align-items:stretch}.form-row-wrap>*{width:100%}.roles-layout{grid-template-columns:1fr}.external-data-grid{grid-template-columns:1fr!important}.question-row{flex-direction:column;align-items:stretch}.question-row .input{width:100%!important}.mobile-topbar{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;background:#fff;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:30}.sidebar{position:fixed;top:0;left:0;height:100vh;z-index:50;transform:translate(-100%);transition:transform .22s ease;box-shadow:var(--shadow-lg)}.sidebar.open{transform:translate(0)}.sidebar-close-btn{display:flex!important}.sidebar-backdrop.open{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0f14286b;z-index:40}}@media (max-width: 560px){.card{padding:18px}.content-area{padding:14px}}.module-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)!important}.kanban-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)!important;border-color:var(--primary)!important}.kanban-add-btn:hover{background:#fff!important;color:var(--ink)!important}.star-btn:hover{transform:scale(1.08);border-color:var(--amber)!important}.rating-btn:hover{transform:scale(1.08)}@media (max-width: 860px){.login-brand-panel{display:none}.login-form-panel{flex:1 1 100%}.login-mobile-logo{display:block!important}}@media (max-width: 420px){.login-form-card{padding:28px 22px!important}}.mine-marked{border-left:4px solid var(--mine)!important;background:linear-gradient(var(--mine-wash),var(--mine-wash)),var(--surface)!important;box-shadow:0 0 0 1px var(--mine-ring),var(--shadow-sm)!important}.mine-marked:hover{box-shadow:0 0 0 1px var(--mine-ring),var(--shadow-md)!important}.mine-marked-soft{background:linear-gradient(var(--mine-wash),var(--mine-wash)),var(--surface)!important;box-shadow:0 0 0 1.5px var(--mine-ring),var(--shadow-sm)!important}.mine-pulse:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--mine);animation:minePulse 2.4s ease-in-out infinite;flex-shrink:0}@keyframes minePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.8)}}@media (prefers-reduced-motion: reduce){.mine-pulse:before{animation:none}}