:root{color:#1f2b3c;background:#e9eef7;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;text-rendering:optimizeLegibility;--deped-blue: #0038a8;--deped-yellow: #fcd116;--bg-color: #e9eef7;--panel-bg: #edf3fb;--border-color: rgba(255, 255, 255, .68);--text-dark: #1f2b3c;--text-muted: #5d6d82;--shadow-outset: 9px 9px 20px #c9d3e4, -9px -9px 20px #ffffff;--shadow-outset-sm: 5px 5px 12px #c9d3e4, -5px -5px 12px #ffffff;--shadow-outset-lg: 18px 18px 34px #c6d0e0, -18px -18px 34px #ffffff;--shadow-inset: inset 3px 3px 7px #d7dfec, inset -3px -3px 7px #ffffff;--field-bg: #ffffff;--field-border: rgba(93, 109, 130, .28)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(180deg,#ffffff52,#e9eef7f5),var(--bg-color)}button,input,select,textarea{font:inherit}button,select{min-height:42px}.shell{display:flex;flex-direction:column;height:100vh;min-height:100vh;overflow:hidden;background:radial-gradient(circle at 14% 18%,rgba(252,209,22,.24),transparent 28%),radial-gradient(circle at 90% 12%,rgba(0,56,168,.12),transparent 30%),radial-gradient(rgba(48,84,170,.08) .7px,transparent .7px),linear-gradient(180deg,#eef4fd,#e7edf8);background-size:auto,auto,34px 34px,auto}.app-header{position:relative;flex:0 0 auto;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:72px;padding:12px 28px;overflow:hidden;background:var(--deped-blue);border-bottom:3px solid #d4af37;box-shadow:0 12px 30px #0024693d}.header-mesh,.header-grid{pointer-events:none;position:absolute;inset:0}.header-mesh{opacity:.42}.header-mesh span{position:absolute;border-radius:999px;filter:blur(80px)}.header-mesh span:first-child{top:-90px;left:-40px;width:48%;height:210px;background:#57a3ff}.header-mesh span:last-child{right:-70px;bottom:-95px;width:42%;height:210px;background:#3443d7}.header-grid{opacity:.1;background-image:radial-gradient(circle,#ffffff 1px,transparent 1px);background-size:24px 24px}.brand-block{position:relative;z-index:1;display:flex;align-items:center;gap:14px;min-width:0;border:0;background:transparent;color:inherit;padding:0;text-align:left;text-transform:none}.brand-block:hover:not(:disabled){background:transparent}.brand-block:hover .brand-mark{box-shadow:0 12px 22px #001c5a47,0 0 18px #fcd1165c}.brand-mark{position:relative;display:grid;width:48px;height:48px;place-items:center;flex:0 0 auto;border:1px solid rgba(255,255,255,.7);border-radius:16px;background:#fff;color:var(--deped-blue);font-size:1rem;font-weight:900;overflow:hidden;box-shadow:0 10px 18px #001c5a3d}.brand-mark img{width:100%;height:100%;object-fit:cover;transform:scale(1.1)}.brand-mark span{display:none}.brand-block p,.brand-block h1,.title-block p,.preview-header p,.empty-preview p,.status,.palette-field span{margin:0}.brand-block p{color:#fff;font-size:1.18rem;font-weight:900;font-style:italic;line-height:1.1;text-transform:uppercase}.brand-block p strong{color:var(--deped-yellow)}.brand-block h1{color:#dee9ffa8;font-size:.64rem;font-weight:800;letter-spacing:.28em;line-height:1.3;text-transform:uppercase}.header-nav{position:relative;z-index:1;display:flex;align-items:center;gap:4px;min-height:48px;border:1px solid rgba(255,255,255,.12);border-radius:16px;background:#0000003d;box-shadow:0 14px 30px #001b573d;padding:4px}.header-nav button{min-height:38px;border-radius:12px;background:transparent;color:#dbeafedb;font-size:.74rem;letter-spacing:.12em;padding:9px 14px;text-transform:uppercase}.header-nav button:hover:not(:disabled){background:#ffffff14;color:#fff}.header-nav button.active{background:#fff;color:var(--deped-blue);box-shadow:0 5px 14px #ffffff3d}.dashboard-surface{position:relative;display:grid;flex:1 1 auto;min-height:0;place-items:center;overflow:hidden;padding:44px 24px;background:linear-gradient(180deg,#ffffff38,#edf3fcc2 45%,#e7eef9f5),var(--bg-color)}.dashboard-pattern{pointer-events:none;position:absolute;inset:0;opacity:.6;background-image:radial-gradient(rgba(48,84,170,.12) .7px,transparent .7px);background-size:34px 34px}.dashboard-inner{position:relative;z-index:1;display:grid;justify-items:center;width:min(100%,1120px);text-align:center}.dashboard-logo{display:grid;width:108px;height:108px;place-items:center;border:1px solid rgba(255,255,255,.72);border-radius:32px;background:linear-gradient(145deg,#f7faff,#dfe8f8);box-shadow:var(--shadow-outset-lg);overflow:hidden}.dashboard-logo img{width:100%;height:100%;object-fit:cover;transform:scale(1.06)}.dashboard-logo span{display:none;color:var(--deped-blue);font-size:1.75rem;font-weight:900}.dashboard-copy{margin-top:28px}.dashboard-copy p{margin:0}.dashboard-copy p:first-child{color:var(--text-muted);font-size:.84rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.dashboard-copy h2{margin:7px 0 14px;color:var(--text-dark);font-size:clamp(2.6rem,6vw,4.7rem);font-weight:900;letter-spacing:-.03em;line-height:.96}.dashboard-copy h2 span{color:#0a6cff}.dashboard-copy p:last-child{max-width:670px;color:var(--text-muted);font-size:clamp(1rem,2vw,1.22rem);font-weight:650;line-height:1.6}.dashboard-action{display:grid;gap:14px;width:min(100%,560px);min-height:212px;margin-top:44px;place-items:center;border:1px solid rgba(255,255,255,.26);border-radius:30px;background:#3b79ff;color:#fff;box-shadow:0 16px 32px #1d4dcc47;padding:34px;text-align:center;text-transform:none}.dashboard-action:hover:not(:disabled){background:#2f6dff;box-shadow:0 19px 38px #1d4dcc57}.dashboard-action span{border:1px solid rgba(255,255,255,.26);border-radius:999px;background:#ffffff2e;color:#ffffffe0;font-size:.68rem;font-weight:900;letter-spacing:.16em;padding:8px 14px;text-transform:uppercase}.dashboard-action strong{font-size:clamp(1.55rem,3vw,2.25rem);line-height:1.1}.dashboard-notes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;width:min(100%,880px);margin-top:26px;text-align:left}.dashboard-notes div{border:1px solid var(--border-color);border-radius:20px;background:#e9eef7c2;box-shadow:var(--shadow-outset-sm);padding:18px}.dashboard-notes strong,.dashboard-notes span{display:block}.dashboard-notes strong{color:var(--text-dark);font-size:.9rem;font-weight:900}.dashboard-notes span{color:var(--text-muted);font-size:.82rem;font-weight:650;line-height:1.45;margin-top:6px}.workspace{display:grid;grid-template-columns:minmax(340px,.88fr) minmax(520px,1.12fr);gap:24px;max-width:1480px;margin:0 auto;padding:28px}.wizard-workspace{flex:1 1 auto;grid-template-columns:340px minmax(0,1fr);align-items:stretch;gap:0;width:100%;max-width:none;min-width:0;min-height:0;margin:0;padding:0;overflow:hidden}.step-sidebar{position:relative;align-self:stretch;min-width:0;min-height:0;overflow-y:auto;background:#ffffff6b;border:0;border-right:1px solid rgba(0,56,168,.14);border-radius:0;box-shadow:1px 0 12px #1f2b3c0f;padding:32px 24px}.step-sidebar-title{border-bottom:1px solid rgba(0,56,168,.14);margin-bottom:20px;padding-bottom:18px}.step-sidebar-title p,.step-sidebar-title span,.section-note,.wizard-progress-label,.preview-toolbar p{margin:0}.step-sidebar-title p{color:var(--text-dark);font-size:1.24rem;font-weight:900;line-height:1.1}.step-sidebar-title span,.wizard-progress-label{color:#40536e;font-size:.74rem;font-weight:900;letter-spacing:.11em;text-transform:uppercase}.step-list-wrap{position:relative}.step-list{display:flex;flex-direction:column;gap:8px;list-style:none;margin:0;padding:0}.step-progress-track{position:absolute;top:31px;bottom:31px;left:18px;z-index:0;width:2px;overflow:hidden;border-radius:999px;background:#0038a824}.step-progress-fill{display:block;width:100%;border-radius:inherit;background:var(--deped-blue);transition:height .18s ease}.step-button{position:relative;z-index:1;display:grid;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:14px;width:100%;min-height:62px;border:1px solid transparent;border-radius:16px;background:transparent;color:var(--text-dark);padding:12px 14px 12px 0;text-align:left;text-transform:none}.step-button:hover{background:#ffffff80}.step-button.active{border-color:#0038a82e;background:#ebf3ffb8;box-shadow:var(--shadow-outset-sm)}.step-button.complete{background:#ffffff6b}.step-index{display:grid;width:38px;height:38px;place-items:center;border-radius:999px;background:#fff;color:var(--deped-blue);font-weight:900;box-shadow:0 0 0 4px #e9eef7eb,var(--shadow-inset)}.step-button.active .step-index,.step-button.complete .step-index{background:var(--deped-blue);color:#fff;box-shadow:0 0 0 4px #e9eef7eb,0 8px 18px #0038a833}.step-button strong,.step-button small{display:block;overflow-wrap:anywhere}.step-button strong{color:#172338;font-size:.95rem;line-height:1.15}.step-button small{color:#53647d;font-size:.72rem;font-weight:800;letter-spacing:.08em;margin-top:3px;text-transform:uppercase}.input-panel{align-self:start;background:var(--panel-bg);border:1px solid var(--border-color);border-radius:8px;box-shadow:var(--shadow-outset);padding:24px}.wizard-panel{align-self:stretch;width:100%;max-width:980px;min-width:0;min-height:0;height:100%;margin:0 auto;overflow-y:auto;border:0;border-radius:0;background:transparent;box-shadow:none;padding:32px 48px}.step-content{min-height:0}.step-section{display:grid;min-width:0;gap:14px;border:1px solid var(--border-color);border-radius:20px;background:#edf3fbe6;box-shadow:var(--shadow-outset);padding:24px}.step-section h3,.preview-toolbar h3{margin:0;color:var(--text-dark);font-size:1.05rem;font-weight:900;letter-spacing:.02em}.section-note,.preview-toolbar p{color:var(--text-muted);font-size:.9rem;font-weight:650}.objective-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.objective-field{margin-bottom:0}.preview-step{gap:18px}.preview-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid rgba(0,56,168,.1);border-radius:16px;background:#ffffffad;padding:14px}.preview-toolbar-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px}.wizard-actions{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;border-top:1px solid rgba(0,56,168,.1);margin-top:24px;padding:18px 0 2px}button.ghost{background:#ffffff9e;color:var(--text-muted);box-shadow:none}button.ghost:hover:not(:disabled){background:#fff;color:var(--deped-blue)}.preview{min-height:calc(100vh - 128px);min-width:0;background:#fff;border:1px solid #d4d4d4;border-radius:4px;box-shadow:12px 12px 28px #cbd5e6,-12px -12px 28px #ffffffc7;color:#111827;font-family:Georgia,Times New Roman,serif;padding:28px}.title-block{border-bottom:1px solid rgba(0,56,168,.14);margin-bottom:22px;padding-bottom:18px}.title-block p,.preview-header p,.empty-preview p,.status,.palette-field span{color:var(--deped-blue);font-size:.72rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.title-block h2,.paper-title h2,.preview-header h2,.preview-block h3,.flow-step h4{overflow-wrap:anywhere}.title-block h2{margin:5px 0 8px;color:var(--text-dark);font-size:2.24rem;line-height:1.08}.title-block span{display:block;color:var(--text-muted);font-size:.92rem;font-weight:600}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.field{display:grid;gap:8px;margin-bottom:14px}.field span{color:var(--deped-blue);font-size:.72rem;font-weight:900;letter-spacing:.1em;padding-left:3px;text-transform:uppercase}input,select,textarea{width:100%;border:1px solid var(--field-border);border-radius:14px;background:var(--field-bg);color:var(--text-dark);padding:12px 14px;box-shadow:0 1px #ffffffd9;transition:border-color .16s ease,background .16s ease,box-shadow .16s ease}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#7a889a}input:focus,select:focus,textarea:focus{border-color:#0038a89e;background:#fff;box-shadow:0 0 0 3px #0038a821;outline:none}.actions{display:grid;grid-template-columns:minmax(180px,1fr) auto auto;align-items:end;gap:12px;margin-top:18px}.palette-field{display:grid;gap:7px}button{border:0;border-radius:8px;background:var(--deped-blue);color:#fff;cursor:pointer;font-weight:900;padding:11px 18px;text-transform:uppercase;transition:opacity .16s ease,background .16s ease,color .16s ease,box-shadow .16s ease}button:hover:not(:disabled){background:#0646bf}button.secondary{background:#1f2b3c}button.secondary:hover:not(:disabled){background:var(--palette-primary);color:var(--palette-on-primary)}button:disabled{cursor:not-allowed;opacity:.55}.status{border:1px solid rgba(0,56,168,.12);border-radius:8px;background:#ffffff6b;color:var(--text-muted);margin-top:14px;padding:10px 12px;text-transform:none}.empty-preview{display:grid;align-content:center}.paper-title,.preview-header{border-bottom:2px solid #111827;margin-bottom:18px;padding-bottom:14px;text-align:center}.paper-title h2,.preview-header h2{margin:6px 0 0;color:#111827;font-size:1.55rem;line-height:1.15;text-transform:uppercase}.paper-title span,.preview-header span{display:inline-block;margin-top:8px;color:#4b5563;font-size:.82rem;font-weight:700}.preview-meta{display:grid;grid-template-columns:minmax(120px,.45fr) minmax(0,1fr);border:1px solid #111827;border-bottom:0;font-size:.82rem;margin-bottom:0}.preview-meta span,.preview-meta strong{border-bottom:1px solid #111827;padding:8px 10px}.preview-meta span{background:var(--palette-primary);color:var(--palette-on-primary);font-weight:800}.preview-meta strong{background:#fff}.preview-table-scroll{width:100%;min-width:0;overflow-x:auto;padding-bottom:8px}.preview-metadata-table,.preview-matrix-table{width:100%;border-collapse:collapse;table-layout:fixed;color:#111827;font-size:.78rem;line-height:1.34}.preview-metadata-table{margin-bottom:14px}.preview-metadata-table th,.preview-metadata-table td,.preview-matrix-table th,.preview-matrix-table td{border:1px solid #111827;padding:8px 10px;text-align:left;vertical-align:top}.preview-metadata-table th{width:24%;background:var(--palette-primary);color:var(--palette-on-primary);font-weight:800}.preview-metadata-table td,.preview-matrix-table td{background:#fff}.preview-matrix-table thead th{background:var(--palette-section);color:#111827;font-weight:900;text-align:center}.preview-matrix-table thead th:first-child,.preview-matrix-table tbody>tr:not(.preview-section-row)>th{width:176px}.preview-matrix-table tbody>tr:not(.preview-section-row)>th{background:var(--palette-accent);color:#111827;font-style:italic;font-weight:900}.preview-section-row th{background:var(--palette-section);color:#111827;font-size:.82rem;font-weight:900;letter-spacing:.03em}.preview-cell-lines{display:grid;gap:4px}.preview-cell-lines p{margin:0;color:#1f2937}.preview-cell-lines .lead-line{font-weight:800}.preview-blank-row td{height:54px}.preview-block{border:1px solid #111827;border-bottom:0;display:grid;grid-template-columns:minmax(120px,.28fr) minmax(0,1fr);font-size:.82rem}.preview-block:last-child{border-bottom:1px solid #111827}.preview-block h3{background:var(--palette-accent);border-right:1px solid #111827;margin:0;padding:9px 10px;font-size:.82rem;font-style:italic}.preview-block>p,.preview-block>ul,.preview-block>.flow-list{margin:0;padding:9px 12px}.preview-block p,.flow-step p,li{color:#1f2937}.preview-block ul{padding-left:28px}.flow-list{display:grid;gap:8px}.flow-step{background:var(--palette-soft);border:1px solid rgba(17,24,39,.18);border-radius:6px;padding:10px}.flow-step h4{margin:0 0 6px;color:#111827;font-size:.86rem}.flow-step p{margin:4px 0}.blank-reflection{display:block;min-height:48px}.preserve{white-space:pre-line}@media(max-width:1080px){.shell{height:auto;overflow:visible}.dashboard-surface{min-height:calc(100svh - 72px)}.workspace,.wizard-workspace{grid-template-columns:1fr}.wizard-workspace{min-height:auto;overflow:visible}.step-sidebar{position:static;min-height:auto;overflow:visible;border-right:0;border-bottom:1px solid rgba(0,56,168,.14)}.step-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.step-progress-track{display:none}.step-button{grid-template-columns:1fr;justify-items:center;min-height:116px;padding:12px;text-align:center}.wizard-panel{height:auto;max-width:980px;min-height:auto;overflow:visible}.preview{min-height:520px}}@media(max-width:700px){.app-header{align-items:center;flex-direction:row;padding:12px 16px}.brand-block{gap:12px}.brand-mark{width:44px;height:44px;border-radius:14px}.brand-block p{font-size:1rem}.brand-block h1{max-width:148px;letter-spacing:.18em}.header-nav{min-height:42px;border-radius:14px}.header-nav button{min-height:34px;font-size:.66rem;letter-spacing:.08em;padding:8px 10px}.dashboard-surface{min-height:calc(100svh - 72px);overflow:visible;padding:28px 20px 42px}.dashboard-logo{width:86px;height:86px;border-radius:26px}.dashboard-copy{margin-top:24px}.dashboard-copy h2{font-size:3rem}.dashboard-action{min-height:170px;margin-top:34px;border-radius:24px;padding:26px 20px}.dashboard-notes{grid-template-columns:1fr;gap:14px;margin-top:22px}.workspace{padding:16px}.wizard-workspace{padding:0}.wizard-panel{padding:22px 16px 28px}.step-section{border-radius:16px;padding:18px}.field-grid,.actions,.objective-grid,.preview-toolbar,.wizard-actions,.preview-meta,.preview-block{grid-template-columns:1fr}.step-sidebar{padding:18px 16px}.step-list{display:grid;grid-template-columns:1fr 1fr}.step-button{min-height:104px}.title-block h2{font-size:1.76rem}.preview-toolbar{align-items:stretch}.preview-toolbar-actions,.wizard-actions{justify-content:stretch}.preview-toolbar-actions button,.wizard-actions button{width:100%}.wizard-progress-label{text-align:center}.preview-block h3,.preview-meta span{border-right:0}.actions{align-items:stretch}}