:root{--sdim-gunmetal:#1c2826;--sdim-sunglow:#ffd23f;--sdim-tiffany:#66d7d1;--sdim-melon:#f7b1ab;--sdim-ghost-white:#fafaff;--sdim-white:#fff;--sdim-gunmetal-25:#c7caca;--sdim-gunmetal-50:#8e9492;--sdim-gunmetal-75:#555e5c;--sdim-sunglow-25:#fff4cf;--sdim-sunglow-50:#ffe99f;--sdim-sunglow-75:#ffdd6f;--sdim-tiffany-25:#d9f5f3;--sdim-tiffany-50:#b3ebe8;--sdim-tiffany-75:#8ce1dd;--sdim-melon-25:#fce3e0;--sdim-melon-50:#fbd0cd;--sdim-melon-75:#f9c0bc;--color-bg:var(--sdim-ghost-white);--color-bg-inverse:var(--sdim-gunmetal);--color-surface:var(--sdim-white);--color-text:var(--sdim-gunmetal);--color-text-inverse:var(--sdim-ghost-white);--color-text-muted:var(--sdim-gunmetal-75);--color-accent:var(--sdim-sunglow);--color-border:var(--sdim-gunmetal-25);--font-primary:"Mulish",-apple-system,BlinkMacSystemFont,sans-serif;--fw-light:300;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--fw-extrabold:800;--fw-black:900;--fs-xs:0.75rem;--fs-sm:0.875rem;--fs-base:1rem;--fs-lg:1.125rem;--fs-xl:1.375rem;--fs-2xl:1.75rem;--fs-3xl:2.25rem;--fs-4xl:3rem;--fs-5xl:4rem;--lh-tight:1.1;--lh-snug:1.25;--lh-normal:1.5;--lh-relaxed:1.65;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--radius-none:0;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-pill:999px;--shadow-sm:0 1px 2px rgba(28,40,38,.06);--shadow-md:0 4px 12px rgba(28,40,38,.08);--shadow-lg:0 12px 32px rgba(28,40,38,.12);--transition-fast:150ms ease;--transition-base:250ms ease;--transition-slow:400ms ease;--container-max:1200px;--container-narrow:800px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-primary);font-weight:var(--fw-regular);font-size:var(--fs-base);line-height:var(--lh-normal);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit}.shell{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.sidebar{position:-webkit-sticky;position:sticky;top:0;height:100vh;background:var(--sdim-gunmetal);color:var(--sdim-ghost-white);padding:var(--space-8) var(--space-6);overflow-y:auto;display:flex;flex-direction:column}.sidebar .logo{font-weight:var(--fw-black);font-size:var(--fs-2xl);letter-spacing:-.02em;margin-bottom:var(--space-1)}.sidebar .logo .dot{color:var(--sdim-sunglow)}.sidebar .tagline{font-size:var(--fs-sm);opacity:.7;margin-bottom:var(--space-8)}.sidebar nav{display:flex;flex-direction:column}.sidebar nav a{display:block;color:var(--sdim-ghost-white);text-decoration:none;padding:var(--space-2) var(--space-3);margin-left:calc(var(--space-3) * -1);font-size:var(--fs-sm);font-weight:var(--fw-medium);opacity:.7;transition:opacity var(--transition-fast),border-left-color var(--transition-fast);border-left:2px solid transparent}.sidebar nav a.active,.sidebar nav a:hover{opacity:1;border-left-color:var(--sdim-sunglow)}.sidebar nav .nav-group{margin-top:var(--space-6);font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.08em;opacity:.5;font-weight:var(--fw-bold);padding:var(--space-2) 0}.sidebar-footer{margin-top:auto;padding-top:var(--space-8);border-top:1px solid rgba(250,250,255,.1);font-size:var(--fs-sm)}.sidebar-user{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3)}.sidebar-user .avatar-fallback,.sidebar-user img{width:36px;height:36px;border-radius:50%;background:var(--sdim-sunglow);color:var(--sdim-gunmetal);display:grid;place-items:center;font-weight:var(--fw-bold);font-size:var(--fs-sm);flex-shrink:0}.sidebar-user .meta{line-height:1.2;min-width:0}.sidebar-user .meta strong{font-weight:var(--fw-bold);display:block}.sidebar-user .meta span{opacity:.6;font-size:var(--fs-xs);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.main{padding:var(--space-12);max-width:var(--container-max)}.eyebrow{display:inline-block;font-size:var(--fs-xs);font-weight:var(--fw-bold);text-transform:uppercase;letter-spacing:.12em;padding:var(--space-1) var(--space-2);background:var(--sdim-sunglow);color:var(--sdim-gunmetal);border-radius:var(--radius-sm);margin-bottom:var(--space-3)}h1,h2,h3,h4{letter-spacing:-.02em}h1.display{font-size:var(--fs-5xl);font-weight:var(--fw-black);letter-spacing:-.03em}h1.display,h1.page-title{line-height:var(--lh-tight)}h1.page-title{font-size:var(--fs-4xl);font-weight:var(--fw-extrabold);margin-bottom:var(--space-2)}h2.section-title{font-size:var(--fs-3xl);font-weight:var(--fw-bold);margin-top:var(--space-12);margin-bottom:var(--space-4)}.lede{font-size:var(--fs-lg);line-height:var(--lh-relaxed);color:var(--color-text-muted);max-width:65ch;margin-bottom:var(--space-8)}.btn{display:inline-flex;align-items:center;gap:var(--space-2);font-family:var(--font-primary);font-weight:var(--fw-bold);font-size:var(--fs-base);padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);border:2px solid transparent;cursor:pointer;text-decoration:none;transition:all var(--transition-fast);line-height:1}.btn-primary{background:var(--sdim-sunglow);color:var(--sdim-gunmetal)}.btn-primary:hover{background:var(--sdim-gunmetal);color:var(--sdim-sunglow)}.btn-secondary{background:var(--sdim-gunmetal);color:var(--sdim-ghost-white)}.btn-ghost,.btn-secondary:hover{background:transparent;color:var(--sdim-gunmetal);border-color:var(--sdim-gunmetal)}.btn-ghost:hover{background:var(--sdim-gunmetal);color:var(--sdim-ghost-white)}.btn-text{background:transparent;color:var(--sdim-gunmetal);padding:var(--space-2) 0;border-radius:0;border-bottom:2px solid var(--sdim-sunglow)}.btn-text:hover{color:var(--sdim-gunmetal-75)}.btn-sm{font-size:var(--fs-sm);padding:var(--space-2) var(--space-4)}.btn-lg{font-size:var(--fs-lg);padding:var(--space-4) var(--space-8)}.btn-group{display:flex;gap:var(--space-3);flex-wrap:wrap}.badge,.btn-group{align-items:center}.badge{display:inline-flex;gap:var(--space-1);font-size:var(--fs-xs);font-weight:var(--fw-bold);padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);text-transform:uppercase;letter-spacing:.05em}.badge-sunglow{background:var(--sdim-sunglow);color:var(--sdim-gunmetal)}.badge-tiffany{background:var(--sdim-tiffany);color:var(--sdim-gunmetal)}.badge-melon{background:var(--sdim-melon);color:var(--sdim-gunmetal)}.badge-gunmetal{background:var(--sdim-gunmetal);color:var(--sdim-ghost-white)}.badge-outline{background:transparent;border:1.5px solid var(--sdim-gunmetal);color:var(--sdim-gunmetal)}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));grid-gap:var(--space-5);gap:var(--space-5)}.card{background:var(--sdim-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);transition:transform var(--transition-base),box-shadow var(--transition-base);display:flex;flex-direction:column}.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.card-accent{background:var(--sdim-gunmetal);color:var(--sdim-ghost-white);border:none}.card-accent .card-meta{color:var(--sdim-sunglow)}.card-icon{width:48px;height:48px;border-radius:var(--radius-md);display:grid;place-items:center;background:var(--sdim-sunglow);color:var(--sdim-gunmetal);margin-bottom:var(--space-4)}.card-icon .material-symbols-rounded{font-size:28px}.card-meta{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--sdim-gunmetal-75);display:flex;align-items:center;gap:var(--space-2)}.card-meta,.card-title{font-weight:var(--fw-bold);margin-bottom:var(--space-2)}.card-title{font-size:var(--fs-xl);line-height:var(--lh-snug)}.card-body{font-size:var(--fs-sm);line-height:var(--lh-relaxed);opacity:.85;margin-bottom:var(--space-4)}.card-footer{margin-top:auto;display:flex;justify-content:space-between;align-items:center;gap:var(--space-3)}.hero{background:var(--sdim-gunmetal);color:var(--sdim-ghost-white);border-radius:var(--radius-lg);padding:var(--space-12);margin-bottom:var(--space-12);position:relative;overflow:hidden}.hero .eyebrow{background:var(--sdim-sunglow);color:var(--sdim-gunmetal)}.hero h1{font-size:var(--fs-4xl);font-weight:var(--fw-black);line-height:var(--lh-tight);letter-spacing:-.03em;margin-bottom:var(--space-4)}.hero h1 .accent{color:var(--sdim-sunglow)}.hero .hero-sub{font-size:var(--fs-lg);opacity:.85;max-width:60ch;margin-bottom:var(--space-6)}.hero .shape-play{position:absolute;right:var(--space-12);top:50%;transform:translateY(-50%) scale(4);width:60px;height:52px;background:var(--sdim-sunglow);-webkit-clip-path:polygon(0 0,100% 50%,0 100%);clip-path:polygon(0 0,100% 50%,0 100%);opacity:.12;pointer-events:none}.login-page{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.login-brand{background:var(--sdim-gunmetal);color:var(--sdim-ghost-white);padding:var(--space-16);display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.login-brand .logo{font-size:var(--fs-2xl);font-weight:var(--fw-black);letter-spacing:-.02em}.login-brand .logo .dot{color:var(--sdim-sunglow)}.login-brand h1{font-size:var(--fs-5xl);font-weight:var(--fw-black);line-height:var(--lh-tight);letter-spacing:-.03em;max-width:12ch}.login-brand h1 .accent{color:var(--sdim-sunglow)}.login-brand p{opacity:.7;max-width:40ch;font-size:var(--fs-base);margin-top:var(--space-4)}.login-brand .login-shapes{position:absolute;bottom:var(--space-12);right:-40px;display:flex;gap:var(--space-6);opacity:.15}.login-brand .login-shapes>div{width:80px;height:80px}.login-brand .login-shapes .shape-play{background:var(--sdim-sunglow);-webkit-clip-path:polygon(0 0,100% 50%,0 100%);clip-path:polygon(0 0,100% 50%,0 100%);height:70px}.login-brand .login-shapes .shape-circle{background:var(--sdim-tiffany);border-radius:50%}.login-brand .login-shapes .shape-square{background:var(--sdim-melon)}.login-form{background:var(--sdim-ghost-white);padding:var(--space-16);display:flex;flex-direction:column;justify-content:center}.login-form .eyebrow{margin-bottom:var(--space-6)}.login-form h2{font-size:var(--fs-3xl);font-weight:var(--fw-black);line-height:var(--lh-tight);letter-spacing:-.02em;margin-bottom:var(--space-3)}.login-form p{font-size:var(--fs-lg);color:var(--color-text-muted);margin-bottom:var(--space-8);max-width:40ch}.google-btn{display:inline-flex;align-items:center;gap:var(--space-3);background:var(--sdim-white);border:2px solid var(--sdim-gunmetal);color:var(--sdim-gunmetal);font-family:var(--font-primary);font-weight:var(--fw-bold);font-size:var(--fs-base);padding:var(--space-4) var(--space-6);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);align-self:flex-start;text-decoration:none}.google-btn:hover{background:var(--sdim-gunmetal);color:var(--sdim-ghost-white)}.google-btn svg{width:20px;height:20px}.assignment-meta{display:flex;gap:var(--space-3);align-items:center;flex-wrap:wrap;margin-bottom:var(--space-4)}.assignment-content{background:var(--sdim-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-10);max-width:70ch}.assignment-content h2{font-size:var(--fs-2xl);font-weight:var(--fw-bold);margin-top:var(--space-8);margin-bottom:var(--space-3)}.assignment-content h2:first-child{margin-top:0}.assignment-content h3{font-size:var(--fs-xl);font-weight:var(--fw-semibold);margin-top:var(--space-6);margin-bottom:var(--space-2)}.assignment-content p{font-size:var(--fs-base);line-height:var(--lh-relaxed);margin-bottom:var(--space-4)}.assignment-content ol,.assignment-content ul{padding-left:var(--space-6);margin-bottom:var(--space-4)}.assignment-content li{margin-bottom:var(--space-2);line-height:var(--lh-relaxed)}.assignment-content code{font-family:ui-monospace,SF Mono,monospace;font-size:.9em;background:var(--sdim-gunmetal-25);padding:2px 6px;border-radius:var(--radius-sm)}.assignment-content pre{background:var(--sdim-gunmetal);color:var(--sdim-ghost-white);padding:var(--space-5);border-radius:var(--radius-md);overflow-x:auto;margin-bottom:var(--space-4);font-family:ui-monospace,SF Mono,monospace;font-size:var(--fs-sm);line-height:1.6}.assignment-content pre code{background:transparent;padding:0}.assignment-content a{color:var(--sdim-gunmetal);border-bottom:2px solid var(--sdim-sunglow);text-decoration:none}.assignment-content a,.assignment-content strong{font-weight:var(--fw-bold)}.goals{background:var(--sdim-sunglow-25);border-left:4px solid var(--sdim-sunglow);padding:var(--space-5) var(--space-6);border-radius:var(--radius-md);margin-bottom:var(--space-8)}.goals h3{font-size:var(--fs-sm);font-weight:var(--fw-bold);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--space-2)}.goals ul{padding-left:var(--space-5)}.goals li{font-size:var(--fs-base);margin-bottom:var(--space-1)}.completion-bar{display:flex;gap:var(--space-3);align-items:center;background:var(--sdim-white);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4) var(--space-5);margin-bottom:var(--space-6)}.completion-bar.completed{background:var(--sdim-tiffany-25);border-color:var(--sdim-tiffany)}.completion-bar .check{width:28px;height:28px;border-radius:50%;background:var(--sdim-gunmetal-25);color:var(--sdim-white);display:grid;place-items:center;flex-shrink:0;transition:background var(--transition-fast)}.completion-bar.completed .check{background:var(--sdim-tiffany);color:var(--sdim-gunmetal)}.admin-textarea{width:100%;font-family:ui-monospace,SF Mono,monospace;font-size:var(--fs-sm);padding:var(--space-4);border:2px solid var(--color-border);border-radius:var(--radius-md);background:var(--sdim-white);color:var(--color-text);min-height:70vh;line-height:1.5;resize:vertical}.admin-textarea:focus{outline:none;border-color:var(--sdim-gunmetal);box-shadow:0 0 0 4px var(--sdim-sunglow-50)}.admin-status{font-size:var(--fs-sm);font-weight:var(--fw-semibold);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm)}.admin-status.success{background:var(--sdim-tiffany-25);color:var(--sdim-gunmetal)}.admin-status.error{background:var(--sdim-melon-25);color:var(--sdim-gunmetal)}.progress-pill{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--fs-xs);font-weight:var(--fw-bold);padding:var(--space-1) var(--space-2);border-radius:var(--radius-pill);background:var(--sdim-tiffany-25);color:var(--sdim-gunmetal)}.progress-pill .material-symbols-rounded{font-size:14px}.step-viewer{display:flex;flex-direction:column;gap:var(--space-6)}.step-progress{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.step-dot{width:36px;height:36px;border-radius:50%;border:2px solid var(--color-border);background:var(--sdim-white);color:var(--color-text-muted);font-size:var(--fs-sm);font-weight:var(--fw-bold);font-family:var(--font-primary);cursor:pointer;display:grid;place-items:center;transition:all var(--transition-fast);flex-shrink:0}.step-dot .material-symbols-rounded{font-size:18px}.step-dot.done{background:var(--sdim-tiffany);border-color:var(--sdim-tiffany);color:var(--sdim-gunmetal)}.step-dot.current{background:var(--sdim-gunmetal);border-color:var(--sdim-gunmetal);color:var(--sdim-sunglow)}.step-dot:hover:not(.current){border-color:var(--sdim-gunmetal);color:var(--sdim-gunmetal)}.step-progress-label{font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--color-text-muted);margin-left:var(--space-2)}.step-content{background:var(--sdim-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-8) var(--space-10)}.step-title{font-size:var(--fs-2xl);font-weight:var(--fw-bold);line-height:var(--lh-snug);margin-bottom:var(--space-5);letter-spacing:-.01em}.step-body{max-width:70ch}.step-body p{font-size:var(--fs-base);line-height:var(--lh-relaxed);margin-bottom:var(--space-4)}.step-body ol,.step-body ul{padding-left:var(--space-6);margin-bottom:var(--space-4)}.step-body li{margin-bottom:var(--space-2);line-height:var(--lh-relaxed)}.step-body strong{font-weight:var(--fw-bold)}.step-body h2,.step-body h3{font-weight:var(--fw-bold);margin:var(--space-6) 0 var(--space-3)}.step-body code{font-size:.9em;background:var(--sdim-gunmetal-25);padding:2px 6px;border-radius:var(--radius-sm)}.step-body code,.step-body pre{font-family:ui-monospace,SF Mono,monospace}.step-body pre{background:var(--sdim-gunmetal);color:var(--sdim-ghost-white);padding:var(--space-5);border-radius:var(--radius-md);overflow-x:auto;margin-bottom:var(--space-4);font-size:var(--fs-sm);line-height:1.6}.step-body pre code{background:transparent;padding:0}.step-body blockquote{border-left:4px solid var(--sdim-sunglow);padding:var(--space-3) var(--space-5);margin:var(--space-4) 0;background:var(--sdim-sunglow-25);border-radius:0 var(--radius-sm) var(--radius-sm) 0}.step-body a{color:var(--sdim-gunmetal);font-weight:var(--fw-bold);border-bottom:2px solid var(--sdim-sunglow);text-decoration:none}.step-card{margin-top:var(--space-6);border-radius:var(--radius-md);overflow:hidden}.step-card-tip{border-left:4px solid var(--sdim-tiffany);background:var(--sdim-tiffany-25)}.step-card-example{border-left:4px solid var(--sdim-sunglow);background:var(--sdim-sunglow-25)}.step-card-label{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4) 0;font-size:var(--fs-xs);font-weight:var(--fw-bold);text-transform:uppercase;letter-spacing:.1em;color:var(--sdim-gunmetal-75)}.step-card-label .material-symbols-rounded{font-size:16px}.step-card-body{padding:var(--space-2) var(--space-4) var(--space-4);font-size:var(--fs-base);line-height:var(--lh-relaxed)}.step-card-body p{margin-bottom:var(--space-2)}.step-card-body p:last-child{margin-bottom:0}.step-card-body code{font-size:.9em;background:rgba(28,40,38,.08);padding:2px 6px;border-radius:var(--radius-sm)}.step-card-body code,.step-card-body pre{font-family:ui-monospace,SF Mono,monospace}.step-card-body pre{background:var(--sdim-gunmetal);color:var(--sdim-ghost-white);padding:var(--space-4);border-radius:var(--radius-md);overflow-x:auto;font-size:var(--fs-sm);line-height:1.6;margin-top:var(--space-2)}.step-card-body pre code{background:transparent;padding:0}.step-submission{margin-top:var(--space-6);padding:var(--space-5) var(--space-6);background:var(--sdim-ghost-white);border:2px dashed var(--color-border);border-radius:var(--radius-md)}.step-submission-done{border-style:solid;border-color:var(--sdim-tiffany);background:var(--sdim-tiffany-25)}.step-submission-label{display:flex;align-items:center;gap:var(--space-2);font-weight:var(--fw-bold);font-size:var(--fs-sm);margin-bottom:var(--space-2)}.step-submission-label .material-symbols-rounded{font-size:18px}.step-submission-optional{font-size:var(--fs-xs);font-weight:var(--fw-regular);color:var(--color-text-muted);margin-left:var(--space-1)}.step-submission-hint{font-size:var(--fs-sm);color:var(--color-text-muted);margin-bottom:var(--space-3)}.step-submission-input{width:100%;font-family:var(--font-primary);font-size:var(--fs-base);padding:var(--space-3) var(--space-4);border:2px solid var(--color-border);border-radius:var(--radius-md);background:var(--sdim-white);color:var(--color-text);transition:border-color var(--transition-fast)}.step-submission-input:focus{outline:none;border-color:var(--sdim-gunmetal);box-shadow:0 0 0 3px var(--sdim-sunglow-50)}.step-submission-error{font-size:var(--fs-xs);color:var(--sdim-melon);font-weight:var(--fw-semibold);margin-top:var(--space-2)}.step-submission-url{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--fs-sm);font-weight:var(--fw-bold);color:var(--sdim-gunmetal);text-decoration:none;border-bottom:2px solid var(--sdim-tiffany);word-break:break-all}.submissions-table{background:var(--sdim-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.submissions-header{padding:var(--space-3) var(--space-5);background:var(--sdim-ghost-white);font-size:var(--fs-xs);font-weight:var(--fw-bold);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted)}.submissions-header,.submissions-row{display:grid;grid-template-columns:220px 1fr 160px 40px;grid-gap:var(--space-4);gap:var(--space-4);border-bottom:1px solid var(--color-border)}.submissions-row{padding:var(--space-4) var(--space-5);align-items:center;transition:background var(--transition-fast)}.submissions-row:last-child{border-bottom:none}.submissions-row:hover{background:var(--sdim-ghost-white)}.submissions-participant strong{display:block;font-weight:var(--fw-semibold);font-size:var(--fs-sm)}.submissions-participant span{font-size:var(--fs-xs);color:var(--color-text-muted)}.submissions-url{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--fs-sm);color:var(--sdim-gunmetal);font-weight:var(--fw-semibold);text-decoration:none;word-break:break-all;border-bottom:2px solid var(--sdim-sunglow)}.submissions-url:hover{color:var(--sdim-gunmetal-75)}.submissions-date{font-size:var(--fs-xs);color:var(--color-text-muted)}.step-done-banner{display:flex;align-items:center;gap:var(--space-4);background:var(--sdim-tiffany-25);border:1px solid var(--sdim-tiffany);border-radius:var(--radius-md);padding:var(--space-4) var(--space-5)}.step-done-banner .material-symbols-rounded{font-size:32px;color:var(--sdim-tiffany);flex-shrink:0}.step-done-banner strong{display:block;font-weight:var(--fw-bold);margin-bottom:2px}.step-done-banner span{display:block;font-size:var(--fs-sm);color:var(--color-text-muted)}.step-nav{display:flex;justify-content:space-between;align-items:center;padding-top:var(--space-2)}.admin-assignment-list{display:flex;flex-direction:column;gap:var(--space-3)}.admin-assignment-row{display:flex;align-items:center;gap:var(--space-5);background:var(--sdim-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5) var(--space-6);transition:box-shadow var(--transition-fast)}.admin-assignment-row:hover{box-shadow:var(--shadow-md)}.admin-assignment-num{width:36px;height:36px;border-radius:50%;background:var(--sdim-sunglow);color:var(--sdim-gunmetal);font-weight:var(--fw-black);font-size:var(--fs-sm);display:grid;place-items:center;flex-shrink:0}.admin-assignment-info{flex:1 1;min-width:0}.admin-assignment-title{font-weight:var(--fw-bold);font-size:var(--fs-lg);line-height:var(--lh-snug);margin-bottom:var(--space-1)}.admin-reorder{display:flex;flex-direction:column;gap:2px;flex-shrink:0}.admin-assignment-actions{display:flex;gap:var(--space-2);flex-shrink:0}.assignment-form{max-width:900px;display:flex;flex-direction:column;gap:var(--space-6)}.af-section{background:var(--sdim-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6) var(--space-8)}.af-section-title{font-size:var(--fs-lg);font-weight:var(--fw-bold);margin-bottom:var(--space-5);display:flex;align-items:center;gap:var(--space-3)}.af-count{background:var(--sdim-sunglow);color:var(--sdim-gunmetal);font-size:var(--fs-xs);font-weight:var(--fw-black);width:22px;height:22px;border-radius:50%;display:inline-grid;place-items:center}.af-grid-2{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--space-5);gap:var(--space-5)}.af-field{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-4)}.af-field:last-child{margin-bottom:0}.af-label{font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--color-text)}.af-required{color:var(--sdim-melon)}.af-hint{font-weight:var(--fw-regular);opacity:.6}.af-hint-text{font-size:var(--fs-xs);color:var(--color-text-muted);margin-top:var(--space-1)}.af-input,.af-select{width:100%;font-family:var(--font-primary);font-size:var(--fs-base);padding:var(--space-3) var(--space-4);border:2px solid var(--color-border);border-radius:var(--radius-md);background:var(--sdim-ghost-white);color:var(--color-text);transition:border-color var(--transition-fast)}.af-input:focus,.af-select:focus,.af-textarea:focus{outline:none;border-color:var(--sdim-gunmetal);box-shadow:0 0 0 3px var(--sdim-sunglow-50)}.af-textarea{width:100%;font-family:var(--font-primary);font-size:var(--fs-base);padding:var(--space-3) var(--space-4);border:2px solid var(--color-border);border-radius:var(--radius-md);background:var(--sdim-ghost-white);color:var(--color-text);transition:border-color var(--transition-fast);line-height:var(--lh-relaxed)}.af-textarea,.af-textarea-sm{resize:vertical}.af-textarea-tip{border-left:3px solid var(--sdim-tiffany)}.af-textarea-example{border-left:3px solid var(--sdim-sunglow)}.step-card-admin{border:2px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:var(--space-4);overflow:hidden;transition:border-color var(--transition-fast)}.step-card-admin:hover{border-color:var(--sdim-gunmetal-50)}.step-card-admin:last-of-type{margin-bottom:0}.step-card-admin-header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);background:var(--sdim-ghost-white);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.step-card-admin-num{width:28px;height:28px;border-radius:50%;background:var(--sdim-gunmetal);color:var(--sdim-sunglow);font-size:var(--fs-xs);font-weight:var(--fw-black);display:grid;place-items:center;flex-shrink:0}.step-card-admin-title{flex:1 1;font-weight:var(--fw-semibold);font-size:var(--fs-base);min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.step-card-admin-controls{display:flex;align-items:center;gap:var(--space-1)}.icon-btn{background:transparent;border:none;cursor:pointer;padding:var(--space-1);border-radius:var(--radius-sm);color:var(--color-text-muted);display:grid;place-items:center;transition:all var(--transition-fast)}.icon-btn:hover:not(:disabled){color:var(--sdim-gunmetal);background:var(--sdim-gunmetal-25)}.icon-btn:disabled{opacity:.3;cursor:default}.icon-btn-danger:hover:not(:disabled){color:var(--sdim-melon);background:var(--sdim-melon-25)}.icon-btn .material-symbols-rounded{font-size:20px}.step-card-admin-body{padding:var(--space-5) var(--space-6);border-top:1px solid var(--color-border)}.af-actions{justify-content:space-between;flex-wrap:wrap;gap:var(--space-4);padding:var(--space-5) var(--space-6);background:var(--sdim-white);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.af-actions,.done-page{display:flex;align-items:center}.done-page{min-height:80vh;justify-content:center;position:relative;overflow:hidden}.done-shapes{position:absolute;inset:0;pointer-events:none;overflow:hidden}.done-shape-play{position:absolute;right:-60px;top:10%;width:320px;height:280px;background:var(--sdim-sunglow);-webkit-clip-path:polygon(0 0,100% 50%,0 100%);clip-path:polygon(0 0,100% 50%,0 100%);opacity:.12}.done-shape-circle{position:absolute;left:-80px;bottom:10%;width:240px;height:240px;background:var(--sdim-tiffany);border-radius:50%;opacity:.15}.done-shape-square{position:absolute;right:10%;bottom:-40px;width:120px;height:120px;background:var(--sdim-melon);opacity:.15}.done-content{position:relative;z-index:1;max-width:600px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--space-5)}.done-headline{font-size:var(--fs-5xl);font-weight:var(--fw-black);line-height:var(--lh-tight);letter-spacing:-.04em;color:var(--sdim-gunmetal);margin:0}.done-name{color:var(--sdim-sunglow);-webkit-text-stroke:2px var(--sdim-gunmetal)}.done-assignment-title{font-size:var(--fs-xl);font-weight:var(--fw-bold);color:var(--sdim-gunmetal);background:var(--sdim-sunglow);padding:var(--space-2) var(--space-5);border-radius:var(--radius-md);margin:0}.done-sub{font-size:var(--fs-lg);color:var(--color-text-muted);max-width:42ch;margin:0;line-height:var(--lh-relaxed)}.certificate-page{min-height:100vh;background:var(--sdim-gunmetal-25);padding:var(--space-8);display:flex;flex-direction:column;align-items:center;gap:var(--space-6)}.certificate-toolbar{justify-content:space-between;align-items:center;gap:var(--space-4)}.certificate,.certificate-toolbar{width:100%;max-width:1100px;display:flex}.certificate{aspect-ratio:1.414/1;background:var(--sdim-white);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);position:relative;overflow:hidden;flex-direction:column;-webkit-print-color-adjust:exact;print-color-adjust:exact}.certificate-watermark{position:absolute;right:-6%;bottom:4%;width:42%;aspect-ratio:1.15/1;background:var(--sdim-tiffany);-webkit-clip-path:polygon(0 0,100% 50%,0 100%);clip-path:polygon(0 0,100% 50%,0 100%);opacity:.07;pointer-events:none;z-index:0}.certificate-header{position:relative;z-index:1;background:var(--sdim-gunmetal);display:flex;justify-content:space-between;align-items:center;padding:var(--space-5) var(--space-12);flex-shrink:0}.certificate-logo{font-weight:var(--fw-black);font-size:var(--fs-2xl);letter-spacing:-.02em;color:var(--sdim-white)}.certificate-edition,.certificate-logo .dot{color:var(--sdim-sunglow)}.certificate-edition{font-size:var(--fs-xs);font-weight:var(--fw-bold);text-transform:uppercase;letter-spacing:.16em}.certificate-body{position:relative;z-index:1;flex:1 1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:var(--space-8) var(--space-16);gap:var(--space-4)}.certificate-eyebrow{font-size:var(--fs-sm);letter-spacing:.12em;padding:var(--space-2) var(--space-6);margin-bottom:var(--space-2)}.certificate-intro{font-size:var(--fs-base);color:var(--color-text-muted);margin:0}.certificate-name{font-size:3.25rem;font-weight:var(--fw-black);line-height:1.05;letter-spacing:-.03em;color:var(--sdim-gunmetal);padding-bottom:var(--space-3);margin-bottom:var(--space-1);border-bottom:3px solid var(--sdim-sunglow)}.certificate-meta{font-size:var(--fs-base);line-height:var(--lh-relaxed);color:var(--color-text-muted);max-width:60ch;margin:0}.certificate-event{font-weight:var(--fw-bold);color:var(--sdim-gunmetal)}.certificate-list{list-style:none;padding:0;margin:var(--space-2) 0 0;display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-3)}.certificate-chip{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--fs-sm);font-weight:var(--fw-bold);color:var(--sdim-gunmetal);background:var(--sdim-tiffany-25);border:1.5px solid var(--sdim-tiffany);padding:var(--space-2) var(--space-4);border-radius:var(--radius-pill)}.certificate-chip .material-symbols-rounded{font-size:18px;color:var(--sdim-gunmetal);background:var(--sdim-tiffany);border-radius:50%;padding:1px}.certificate-footer{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:flex-end;padding:var(--space-4) var(--space-12) var(--space-8);flex-shrink:0}.certificate-signature-line{width:180px;height:1.5px;background:var(--sdim-gunmetal-50);margin-bottom:var(--space-2)}.certificate-signature-name{font-size:var(--fs-base);font-weight:var(--fw-bold);color:var(--sdim-gunmetal)}.certificate-facilitators{text-align:right}.certificate-facilitators-label{font-size:var(--fs-xs);font-weight:var(--fw-bold);text-transform:uppercase;letter-spacing:.12em;color:var(--color-text-muted);margin-bottom:var(--space-1)}.certificate-facilitators-names{font-size:var(--fs-base);font-weight:var(--fw-semibold);color:var(--sdim-gunmetal)}.certificate-accent-bar{position:absolute;bottom:0;left:0;right:0;height:8px;background:var(--sdim-sunglow);z-index:2}.certificate-hint{font-size:var(--fs-sm);color:var(--color-text-muted);text-align:center;max-width:60ch}.li-overlay{position:fixed;inset:0;background:rgba(28,40,38,.6);display:grid;place-items:center;z-index:200;padding:var(--space-6);animation:fadeIn .15s ease}.li-modal{background:var(--sdim-white);border-radius:var(--radius-lg);padding:var(--space-8);max-width:480px;width:100%;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;gap:var(--space-5)}.li-modal-header{display:flex;align-items:flex-start;gap:var(--space-4)}.li-check{font-size:32px;color:var(--sdim-tiffany);flex-shrink:0;margin-top:2px}.li-modal-header strong{display:block;font-weight:var(--fw-bold);font-size:var(--fs-lg);margin-bottom:var(--space-1)}.li-modal-header span{font-size:var(--fs-sm);color:var(--color-text-muted)}.li-modal-header kbd{background:var(--sdim-gunmetal-25);border-radius:var(--radius-sm);padding:1px 5px;font-family:ui-monospace,monospace;font-size:var(--fs-xs)}.li-preview{background:var(--sdim-ghost-white);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4) var(--space-5);font-family:var(--font-primary);font-size:var(--fs-sm);line-height:var(--lh-relaxed);white-space:pre-wrap;color:var(--color-text)}.li-modal-actions{display:flex;gap:var(--space-3);align-items:center}.linkedin-hint{display:inline-flex;align-items:center;gap:var(--space-2);background:var(--sdim-gunmetal);color:var(--sdim-sunglow);font-size:var(--fs-xs);font-weight:var(--fw-bold);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);white-space:nowrap;animation:fadeIn .15s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.certificate-cta{display:flex;align-items:center;gap:var(--space-5);background:var(--sdim-sunglow);color:var(--sdim-gunmetal);border-radius:var(--radius-lg);padding:var(--space-5) var(--space-6);margin-bottom:var(--space-8)}.certificate-cta .material-symbols-rounded{font-size:36px;flex-shrink:0}.certificate-cta-body{flex:1 1;min-width:0}.certificate-cta-title{font-weight:var(--fw-black);font-size:var(--fs-lg);line-height:1.2;margin-bottom:2px}.certificate-cta-sub{font-size:var(--fs-sm);opacity:.8}@media print{@page{size:A4 landscape;margin:0}body,html{background:#fff!important;margin:0;padding:0}.certificate-hint,.certificate-toolbar,.li-overlay,.sidebar{display:none!important}.certificate-page{padding:0;background:#fff;min-height:auto}.certificate{box-shadow:none;border-radius:0;max-width:100%;width:100%;aspect-ratio:auto;height:100vh;page-break-inside:avoid}.cert-bg,.cert-bottom-bar,.certificate{-webkit-print-color-adjust:exact;print-color-adjust:exact}}@media (max-width:900px){.shell{grid-template-columns:1fr}.sidebar{position:relative;height:auto}.main{padding:var(--space-6)}.login-page{grid-template-columns:1fr}.hero,.login-brand,.login-form{padding:var(--space-8)}.hero .shape-play{display:none}}