:root{--bg: #eef3fb;--ink: #0f1f3a;--panel: #ffffff;--line: #d0dceb;--accent: #1f5fbf;--accent-2: #c03b2b;--ok: #1f9d78;--warn: #b12f3d;--brand-900: #0b2a5a;--brand-700: #174ea1;--brand-500: #2a73d8;--surface-100: #f7faff;--surface-200: #edf3fc;--text-muted: #4d6184;--shadow-soft: 0 10px 28px rgba(16, 52, 109, .09)}*{box-sizing:border-box}body{margin:0;font-family:Manrope,Space Grotesk,Segoe UI,sans-serif;color:var(--ink);background:radial-gradient(circle at 10% 12%,#ffffff 0%,transparent 35%),radial-gradient(circle at 90% 18%,#dce8ff 0%,transparent 34%),var(--bg);min-height:100vh}.page{max-width:1500px;margin:0 auto;padding:28px 18px 42px}.hero{margin-bottom:18px}.hero h1{margin:0;font-size:clamp(1.5rem,2.5vw,2.6rem);line-height:1.1}.hero p{margin-top:10px;color:#4f463a}.session-row{margin-top:12px;display:grid;grid-template-columns:1fr auto;gap:10px}.form-stack{display:grid;gap:28px}.wide-panel{background:var(--surface-100);border:1px solid var(--line);border-radius:10px;padding:16px;box-shadow:var(--shadow-soft)}.section-title{text-align:center;margin:0 0 14px;color:var(--brand-900)}.section-body{display:grid;grid-template-columns:200px 1fr;gap:16px}.thumb-box{height:145px;border:1px solid #cfd4dc;border-radius:6px;display:flex;align-items:center;justify-content:center;background:#e8ebf0}.thumb-image{width:100%;height:100%;object-fit:cover;border-radius:6px}.thumb-icon{font-size:42px;color:#9aa3b2}.section-main{display:grid;gap:10px}.note-box{border:1px solid #f1c68e;border-radius:8px;background:#f6efd9;padding:10px 14px}.note-list-red{margin:0;padding-left:20px;color:#d10000;font-weight:700}.note-list-red li{margin-bottom:7px}.control-row{display:flex;gap:10px;align-items:center}.guide-link{color:#0b4f96;text-decoration:underline;font-weight:600}.button-row{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.input,.input-file{width:100%;padding:11px;border:1px solid #b8c9e2;border-radius:10px;margin-bottom:0;background:#fff;color:var(--ink);transition:border-color .2s ease,box-shadow .2s ease}.input:focus,.input-file:focus{outline:none;border-color:var(--brand-500);box-shadow:0 0 0 3px #2a73d82e}.btn{border:0;border-radius:10px;background:linear-gradient(120deg,#1f5fbf,#2a73d8);color:#fff;padding:10px 14px;font-weight:700;cursor:pointer;box-shadow:0 8px 18px #1a5ec03d}.btn.primary{width:100%}.btn.danger{background:linear-gradient(120deg,#c03b2b,#a82e21)}.btn:disabled{opacity:.45;cursor:not-allowed}.capture-card{display:grid;gap:10px}.video-wrap{position:relative;width:min(100%,520px);aspect-ratio:1/1;border-radius:16px;overflow:hidden;margin-inline:auto;border:2px solid #cdbd9f;background:#d7d2c6}.video-wrap-compact{width:100%;max-width:420px;aspect-ratio:4/3;margin-inline:0}.video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.circle-guide{position:absolute;top:9%;right:9%;bottom:9%;left:9%;border-radius:50%;border:3px dashed rgba(255,255,255,.95);box-shadow:0 0 0 9999px #00000047;pointer-events:none}.hint{margin:0;text-align:center;color:var(--warn);font-weight:600}.hint.ok{color:var(--ok)}.status{margin-top:16px;padding:10px;background:var(--surface-100);border-radius:10px;border:1px dashed #b7cae5;min-height:40px}.qr-box{margin-top:12px;display:flex;flex-direction:column;align-items:center;gap:10px}.small{color:var(--text-muted);font-size:.92rem}.note-list{margin:10px 0 0;padding-left:20px}.note-list li{margin-bottom:4px}.action-row{display:flex;gap:8px;align-items:center;justify-content:flex-end;margin-bottom:8px}.preview{margin-top:10px;width:100%;max-height:220px;object-fit:contain;border-radius:12px;border:1px solid #d8c8ab;background:#fff}.result{margin-top:10px;border:1px solid #b8a88e;border-radius:10px;padding:10px;background:#fff}.capture-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:1000}.capture-modal{width:min(92vw,520px);background:#fffaf2;border:1px solid #cbb89a;border-radius:12px;padding:14px}.capture-modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.capture-modal-head h3{margin:0}.error-modal{width:min(90vw,420px);background:#fff8eb;border:1px solid #f2ba67;border-radius:12px;padding:16px;box-shadow:0 14px 30px #0003}.portal-page{max-width:1500px;margin:0 auto;padding:24px 20px 44px;background:radial-gradient(circle at 12% 8%,rgba(88,141,224,.18),transparent 34%),radial-gradient(circle at 88% 18%,rgba(31,95,191,.12),transparent 40%),linear-gradient(180deg,#f9fbff,#eef4ff)}.portal-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px;padding:18px;border:1px solid #cedcf0;border-radius:14px;background:linear-gradient(120deg,#fff,#f2f7ff);box-shadow:var(--shadow-soft)}.portal-head h1{margin:0;color:var(--brand-900)}.portal-head p{margin:6px 0 0;color:var(--text-muted)}.portal-layout{display:grid;grid-template-columns:360px 1fr;gap:16px}.portal-sidebar{border:1px solid #c8d8ef;border-radius:14px;background:linear-gradient(180deg,#f3f8ff,#edf4ff);padding:12px;display:grid;gap:10px;align-content:start;max-height:calc(100vh - 140px);overflow:auto;box-shadow:var(--shadow-soft);position:sticky;top:14px}.portal-preview-cta{border:1px solid #b9d7c0;border-radius:12px;background:#e2f3e4;color:#165f2b;padding:12px;text-align:left;font-size:1.02rem;font-weight:800;cursor:pointer}.portal-sidebar-head{border-radius:10px;background:linear-gradient(120deg,#1f5fbf,#2a73d8);color:#fff;padding:12px;font-weight:800;font-size:1.12rem}.portal-step{text-align:left;border:1px solid #c9dced;border-radius:12px;padding:11px;background:#eaf6ec;display:flex;justify-content:space-between;align-items:flex-start;gap:10px;cursor:pointer;transition:transform .15s ease,box-shadow .2s ease,border-color .2s ease}.portal-step:hover{transform:translateY(-1px);border-color:#98b4df;box-shadow:0 8px 20px #1e4fa11f}.portal-step.active{border-color:var(--brand-700);box-shadow:inset 0 0 0 1px var(--brand-700),0 8px 20px #1f5fbf33;background:linear-gradient(120deg,#e9f3ff,#dceaff)}.portal-step-main{display:grid;gap:2px}.portal-step-title{font-weight:700;color:#103462;font-size:.95rem}.portal-step-subtitle{text-transform:capitalize;font-size:.75rem;color:#4f6585}.portal-step-icons{display:flex;align-items:center;gap:6px;margin-top:1px}.portal-step-info,.portal-step-check{width:20px;height:20px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:.74rem;font-weight:800}.portal-step-info{background:#1f5fbf;color:#fff}.portal-step-check{background:#1f9d78;color:#fff}.portal-badge{font-size:.73rem;padding:4px 8px;border-radius:999px;color:#fff;text-transform:uppercase;letter-spacing:.04em;box-shadow:inset 0 -1px #ffffff40}.portal-badge.not_started{background:linear-gradient(120deg,#64748b,#55657b)}.portal-badge.in_progress{background:linear-gradient(120deg,#2a73d8,#1f5fbf)}.portal-badge.complete{background:linear-gradient(120deg,#20a675,#1a8f65)}.portal-badge.submitted{background:linear-gradient(120deg,#0e8a9c,#0b7383)}.portal-content{border:1px solid var(--line);border-radius:14px;background:#fff;padding:18px;min-height:560px;display:grid;align-content:start;gap:14px;box-shadow:var(--shadow-soft)}.portal-content h2{margin:0;color:var(--brand-900);border-bottom:1px solid #dde6f4;padding-bottom:10px}.portal-meta{border:1px dashed #abc2e4;border-radius:10px;background:linear-gradient(120deg,#f7faff,#edf4ff);padding:9px 12px}.portal-fields{display:grid;gap:10px}.portal-field{display:grid;gap:5px;font-weight:600;color:#244675}.portal-checkbox{display:flex;align-items:center;gap:8px;font-weight:600;color:#244675}.portal-actions{display:flex;gap:10px;flex-wrap:wrap}.portal-nav-actions{justify-content:space-between;padding-top:8px;border-top:1px dashed #cad8ee}.portal-form-card{border:1px solid #d3deee;border-radius:14px;background:linear-gradient(120deg,#fff,#f8fbff);padding:16px;display:grid;gap:14px}.portal-grid-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.portal-grid-three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.portal-table-wrap{width:100%;overflow-x:auto}.portal-table{width:100%;border-collapse:collapse;min-width:780px}.portal-table th,.portal-table td{border:1px solid #d4e0f1;padding:8px;text-align:left;font-size:.9rem}.portal-table th{background:#e9f2ff;color:#1a457f;font-weight:800}.portal-table td:first-child{background:#f2f8ff;font-weight:700;color:#213f6f}.portal-table td .input{min-width:120px}.portal-content .btn{border-radius:11px;font-size:.92rem;letter-spacing:.01em}.portal-photo-box{border:1px solid #c9d8ef;border-radius:12px;background:#f8fbff;padding:14px}.portal-doc-list{border:1px solid #cedaee;border-radius:12px;background:#fff;padding:10px;display:grid;gap:6px}.portal-doc-item{border:1px solid #d8e3f3;border-radius:10px;padding:8px 10px;font-size:.92rem;background:#f9fbff}.portal-preview-box{border:1px solid #c8d6ec;border-radius:12px;background:#f7faff;padding:12px 14px}.portal-preview-box h3{margin:0 0 6px;color:#173e76}.portal-preview-box p{margin:4px 0}@media (max-width: 980px){.portal-layout{grid-template-columns:1fr}.portal-sidebar{max-height:unset}}.error-head{display:flex;align-items:center;gap:8px;margin-bottom:8px}.error-head h3{margin:0}.error-icon{font-size:22px}.public-site{min-height:100vh;width:100%;max-width:1280px;margin:0 auto;padding:22px 20px 36px;display:grid;gap:18px}.public-landing{max-width:1440px;gap:0;padding-top:0;background:linear-gradient(#eef6ffe0,#e5effcf2),radial-gradient(circle at 22% 52%,rgba(42,115,216,.2),transparent 50%),radial-gradient(circle at 82% 36%,rgba(26,94,192,.16),transparent 42%)}.landing-strip{display:flex;align-items:center;justify-content:space-between;padding:10px 22px;background:linear-gradient(90deg,#114792,#1f5fbf);color:#f4fafe;font-size:.88rem}.landing-strip-left{display:flex;align-items:center;gap:18px}.landing-strip-deadline{border:1px solid rgba(255,255,255,.35);border-radius:999px;padding:5px 14px;background:#ffffff1a;font-weight:700}.landing-nav{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:linear-gradient(90deg,#0f3f86,#1a5ab9);color:#f2fbff}.landing-brand{display:flex;align-items:center;gap:12px}.landing-brand small{display:block;opacity:.95;font-weight:700;margin-bottom:2px}.landing-brand strong{display:block;letter-spacing:.01em;font-size:1.8rem}.landing-logo{width:48px;height:48px;display:inline-flex;align-items:center;justify-content:center;border-radius:14px;background:#e8f1ff;color:#194a94;font-weight:900}.landing-nav-links{display:flex;align-items:center;gap:8px}.landing-nav-links a,.landing-nav-links button{border:1px solid rgba(235,248,255,.48);border-radius:10px;background:#ffffff14;color:#f4fbff;text-decoration:none;font-weight:700;padding:7px 12px}.landing-nav-links a.active,.landing-nav-links button{background:#fffffff2;color:#223f72;border-color:transparent}.landing-hero{padding:68px 22px 28px;display:grid;grid-template-columns:1fr 540px;gap:20px;align-items:start}.landing-hero-left{max-width:760px}.landing-badge{display:inline-flex;border-radius:999px;background:#1f5fbf;color:#fff;padding:7px 14px;font-weight:800;margin-bottom:12px}.landing-hero-left h1{margin:0;font-size:clamp(2.8rem,6vw,5rem);line-height:1;color:#124797;letter-spacing:.01em}.landing-hero-left p{margin:14px 0 0;color:#3b557f;max-width:780px;font-size:1.05rem}.landing-hero-cta{display:flex;gap:12px;margin-top:24px}.landing-hero-cta a,.landing-hero-cta button{display:inline-flex;align-items:center;justify-content:center;min-width:158px;text-decoration:none;border-radius:12px;font-weight:800;padding:10px 16px;border:0;cursor:pointer}.landing-hero-cta .primary{background:linear-gradient(90deg,#1868d4,#0f60c8);color:#fff}.landing-hero-cta .secondary{background:#eff5ff;color:#1e4d97;border:1px solid #b7caea}.landing-date-box{margin-top:26px;max-width:540px;border-radius:14px;border:1px solid #bfd2ef;background:#ffffffd6;padding:14px 18px}.landing-date-box p{margin:0;color:#20539f;font-weight:700}.landing-date-box h3{margin:4px 0 0;color:#bf2e3d;font-size:2rem}.landing-login-card{border-radius:12px;border:1px solid #b9cfec;background:#f6fbfff2;overflow:hidden}.landing-login-card>header{text-align:center;padding:16px;color:#fff;font-size:2rem;font-weight:800;background:linear-gradient(90deg,#1f5fbf,#2a73d8)}.landing-login-card section{margin:16px;border:1px solid #c0d4ee;border-radius:12px;padding:16px;text-align:center;background:#f7fdff}.landing-login-card h3{margin:0 0 8px;color:#1e4d97;font-size:1.8rem}.landing-login-card p{margin:0 0 12px;color:#5a6b86}.landing-login-card section a,.landing-login-card section button{display:inline-flex;width:100%;justify-content:center;text-decoration:none;background:linear-gradient(90deg,#1f79df,#0e68d0);color:#fff;border-radius:10px;padding:10px;font-weight:800;border:0;cursor:pointer}.landing-login-card>small{display:block;text-align:center;color:#6f7f96;margin:0 14px 16px}.landing-notice{margin:0 22px 20px;border:1px solid #f0d38b;border-radius:12px;background:#fff8e4;padding:10px 14px}.landing-notice strong{color:#9f6a00}.landing-notice p{margin:4px 0 0;color:#5d5350}.public-landing .public-section,.public-landing .public-footer{margin-inline:22px}.public-landing .public-section.register{margin-bottom:14px}.auth-shell{min-height:100vh;display:flex;align-items:flex-start;justify-content:center;padding:20px;background:linear-gradient(120deg,#134892,#2a73d8 78%)}.auth-panel{width:min(100%,520px);border:1px solid rgba(197,218,246,.42);border-radius:14px;background:#0e38765c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);padding:24px;color:#effdff}.auth-panel h1{margin:0;text-align:center;font-size:clamp(2rem,4vw,3.2rem);line-height:1}.auth-subtitle{margin:12px auto 18px;text-align:center;color:#d7e7ff;max-width:420px;font-weight:700}.auth-tabs{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;border-radius:14px;background:#84aae259;padding:6px}.auth-tabs button{border:0;border-radius:12px;padding:12px;background:transparent;color:#dce8ff;font-size:1.55rem;font-weight:800;cursor:pointer}.auth-tabs button.active{background:#f4f7ff;color:#1a4f9e}.auth-form{margin-top:18px;display:grid;gap:12px}.auth-form label{display:grid;gap:7px;color:#e5efff;font-weight:700}.auth-form .input{border:1px solid rgba(165,193,236,.55);background:#aac5eb59;color:#fff}.auth-form .input::placeholder{color:#dce7fb}.auth-grid-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.auth-submit{margin-top:4px;background:linear-gradient(90deg,#1a86e2,#0d69d2);border-radius:12px}.auth-bottom-row{margin-top:14px}.auth-bottom-row .public-link-btn{width:100%;border-color:#b6d0f4a6;color:#ecfdff;background:#1d54a847}.auth-panel .public-footer{margin-top:12px;border-color:#a4c3f180;background:#12428866;color:#e8fcff}.public-topbar{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border:1px solid #c8d8ec;border-radius:14px;background:linear-gradient(120deg,#eff6ff,#f8fbff)}.public-brand{font-weight:800;font-size:1.05rem;color:var(--brand-900);letter-spacing:.02em}.public-top-actions{display:flex;gap:10px}.public-link-btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid #acc2de;border-radius:10px;padding:9px 14px;text-decoration:none;color:#1a457f;font-weight:700;background:#fff}.public-link-btn.primary{background:linear-gradient(120deg,#1f5fbf,#2a73d8);color:#fff;border-color:#1f5fbf}.public-hero{display:grid;grid-template-columns:1fr 290px;gap:16px;padding:22px;border:1px solid #ccd9ec;border-radius:16px;background:radial-gradient(circle at 80% 20%,rgba(37,99,235,.15),transparent 42%),linear-gradient(120deg,#f4f9ff,#eef4ff 55%,#f8fbff)}.public-hero h1{margin:0;color:var(--brand-900);font-size:clamp(1.6rem,2.9vw,2.8rem);line-height:1.15}.public-hero p{margin-top:10px;color:var(--text-muted);max-width:760px}.public-hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}.public-stat-panel{border:1px solid #c5d6ec;border-radius:12px;background:#ffffffeb;padding:12px}.public-stat-panel h3{margin:0 0 8px;color:var(--brand-900)}.public-stat-panel p{margin:6px 0;color:var(--text-muted)}.public-section{border:1px solid #d2deef;border-radius:14px;background:#fbfdff;padding:16px}.public-section h2{margin:0 0 10px;color:var(--brand-900)}.public-filter-row{margin-bottom:10px;display:grid;max-width:360px}.public-card-grid{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.public-card{border:1px solid #d4dfef;border-radius:12px;padding:12px;background:#fff}.public-card h3{margin:0 0 8px;color:#184780}.public-card p{margin:5px 0;color:var(--text-muted)}.public-inline-link{text-decoration:none;font-weight:700;color:var(--brand-700)}.public-section.register{background:linear-gradient(180deg,#fbfdff,#f4f8ff)}.public-register-grid{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(220px,1fr))}.public-footer{border:1px dashed #c2d4ea;border-radius:10px;padding:10px;background:#f5f9ff;color:#395579;min-height:40px}@media (max-width: 900px){.session-row,.section-body,.public-hero{grid-template-columns:1fr}.landing-strip{flex-direction:column;gap:8px;align-items:flex-start}.landing-nav{flex-direction:column;align-items:flex-start;gap:10px}.landing-nav-links{flex-wrap:wrap}.landing-hero{grid-template-columns:1fr;padding-top:28px}.landing-login-card>header{font-size:1.65rem}.landing-login-card h3{font-size:1.35rem}.auth-grid-two,.public-register-grid,.portal-grid-two,.portal-grid-three{grid-template-columns:1fr}}@media (max-width: 520px){.grid{grid-template-columns:1fr}}