.pg-console{color:#1f2937;background:#f4f7fb;margin:0;font:16px/1.5 Calibri,Arial,sans-serif}.pg-console .wrap{max-width:900px;margin:40px auto;padding:0 18px}.pg-console .card{background:#fff;border:1px solid #dbe3ef;border-radius:18px;padding:28px;box-shadow:0 10px 26px #0f172a14}.pg-console a.btn{color:#fff;background:#1d4ed8;border-radius:12px;margin:8px 10px 0 0;padding:12px 16px;font-weight:700;text-decoration:none;display:inline-block}.pg-console a.alt{background:#0f766e}
.pg-main{--bg:#f3f6fb;--card:#fff;--ink:#172033;--muted:#64748b;--line:#d7e0ec;--accent:#1d4ed8;--accent-dark:#1e40af;--soft:#edf4ff;--good:#15803d;--bad:#b91c1c;--shadow:0 10px 26px #0f172a14;--radius:18px}.pg-main,.pg-main *{box-sizing:border-box}.pg-main{color:var(--ink);background:linear-gradient(#eef4ff 0%,#f8fbff 100%);margin:0;font:15px/1.35 Calibri,Arial,sans-serif;overflow-x:hidden}.pg-main .wrap{width:min(1440px,98%);margin:12px auto 36px}.pg-main .hero{border:1px solid var(--line);box-shadow:var(--shadow);text-align:center;background:linear-gradient(135deg,#eaf2ff,#fff);border-radius:16px;margin-bottom:10px;padding:14px}.pg-main .hero h1{margin:0 0 4px;font-size:24px}.pg-main .hero p{color:var(--muted);margin:0}.pg-main .card{background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:14px;max-width:100%;margin-bottom:12px;padding:14px;overflow:hidden}.pg-main .grid{gap:10px;display:grid}.pg-main .grid-6{grid-template-columns:repeat(6,minmax(0,1fr))}.pg-main .grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.pg-main label{margin-bottom:6px;font-weight:700;display:block}.pg-main input,.pg-main select,.pg-main textarea{width:100%;font:inherit;background:#fff;border:1px solid #c9d5e5;border-radius:10px;min-width:0;padding:8px 10px}.pg-main input:focus,.pg-main select:focus,.pg-main textarea:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #1d4ed81f}.pg-main .toolbar{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.pg-main button{cursor:pointer;background:var(--accent);color:#fff;border:none;border-radius:10px;padding:8px 12px;font:700 14px Calibri,Arial,sans-serif}.pg-main button:hover{background:var(--accent-dark)}.pg-main button.secondary{background:#0f766e}.pg-main button.ghost{color:#0f172a;background:#e8eef8}.pg-main button.bad{background:var(--bad)}.pg-main button.good{background:var(--good)}.pg-main button.small{border-radius:10px;padding:8px 11px;font-size:13px}.pg-main .muted{color:var(--muted)}.pg-main .student-card{padding:0;overflow:hidden}.pg-main .student-head{border-bottom:1px solid var(--line);background:#fbfdff;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:10px;padding:12px 14px;display:flex}.pg-main .student-head h2{margin:0 0 4px;font-size:20px}.pg-main .meta{flex-wrap:wrap;gap:8px;display:flex}.pg-main .chip{color:#1e3a8a;background:#eef5ff;border:1px solid #cfe0ff;border-radius:999px;align-items:center;padding:4px 8px;font-size:12.5px;font-weight:700;display:inline-flex}.pg-main details.section{border-top:1px solid var(--line)}.pg-main details.section:first-of-type{border-top:none}.pg-main details.section>summary{cursor:pointer;background:#fff;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;font-weight:800;list-style:none;display:flex}.pg-main details.section>summary::-webkit-details-marker{display:none}.pg-main details.section[open]>summary{border-bottom:1px solid var(--line);background:#f8fbff}.pg-main .section-body{background:#fff;max-width:100%;padding:10px 12px;overflow:hidden}.pg-main .section-title-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.pg-main .instance-card{border:1px solid var(--line);background:#fff;border-radius:12px;max-width:100%;margin:8px 0;overflow:hidden}.pg-main .instance-head{border-bottom:1px solid var(--line);background:#f8fbff;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;display:flex}.pg-main .instance-head strong{font-size:15px}.pg-main iframe{background:#fff;border:0;width:100%;max-width:100%;min-height:620px;display:block;overflow:hidden}.pg-main .empty{border:1px dashed var(--line);color:var(--muted);text-align:center;background:#fbfdff;border-radius:14px;padding:20px}.pg-main .student-summary{border-bottom:1px solid var(--line);background:#fff;padding:10px 14px}.pg-main .student-summary h3{margin:0 0 8px;font-size:16px}.pg-main .summary-scroll{width:100%;overflow-x:hidden}.pg-main .summary-table{border-collapse:collapse;table-layout:fixed;width:100%;font-size:12.5px}.pg-main .summary-table th,.pg-main .summary-table td{border:1px solid var(--line);text-align:center;vertical-align:middle;word-break:break-word;padding:6px 4px}.pg-main .summary-table th{color:#0f172a;background:#f1f6ff;font-weight:800}.pg-main .summary-table td{background:#fff}.pg-main .summary-table tfoot td{background:#eef6ff;font-weight:800}.pg-main .score-cell{color:#1e40af;font-weight:800}.pg-main .score-empty{color:var(--muted);font-weight:700}.pg-main .pair-list{gap:10px;display:grid}.pg-main .pair-details{border:1px solid var(--line);background:#fff;border-radius:12px;overflow:hidden}.pg-main .pair-details>summary{cursor:pointer;background:#f8fbff;flex-wrap:wrap;justify-content:space-between;gap:8px;padding:9px 10px;font-weight:800;list-style:none;display:flex}.pg-main .pair-details>summary::-webkit-details-marker{display:none}.pg-main .pair-grid{background:#fff;grid-template-columns:1fr 1fr;gap:10px;padding:10px;display:grid}.pg-main .pair-frame-card{border:1px solid var(--line);background:#fff;border-radius:12px;min-width:0;overflow:hidden}.pg-main .pair-frame-card iframe{min-height:560px}.pg-main details.collapsible-instance>summary{cursor:pointer;background:#f8fbff;flex-wrap:wrap;justify-content:space-between;gap:8px;padding:9px 10px;font-weight:800;list-style:none;display:flex}.pg-main details.collapsible-instance>summary::-webkit-details-marker{display:none}.pg-main .print-only{display:none}.pg-main .status{border-radius:12px;margin-top:12px;padding:11px 13px;font-weight:700;display:none}.pg-main .status.show{display:block}.pg-main .status.ok{color:#166534;background:#ecfdf3;border:1px solid #bbf7d0}.pg-main .status.err{color:#991b1b;background:#fef2f2;border:1px solid #fecaca}@media (max-width:1100px){.pg-main .grid-6{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:900px){.pg-main .pair-grid{grid-template-columns:1fr}}@media (max-width:760px){.pg-main .grid-6,.pg-main .grid-3{grid-template-columns:1fr}.pg-main .wrap{width:100%;padding:0 6px}.pg-main .hero h1{font-size:20px}.pg-main .hero p{font-size:13px}.pg-main .card{border-radius:12px;padding:10px}.pg-main .student-head{padding:10px}.pg-main .student-summary{padding:8px}.pg-main .summary-table{font-size:10.5px}.pg-main .summary-table th,.pg-main .summary-table td{padding:5px 2px}.pg-main iframe{min-height:560px}.pg-main .toolbar{gap:6px}.pg-main button{width:auto;max-width:100%;padding:8px 9px}}@media print{.pg-main .no-print,.pg-main .toolbar,.pg-main .instance-head button,.pg-main .section-title-actions button{display:none!important}.pg-main{background:#fff}.pg-main .wrap{width:100%;margin:0}.pg-main .card,.pg-main .hero,.pg-main .student-card,.pg-main .instance-card{box-shadow:none}.pg-main details.section{break-inside:avoid}}
.pg-form{--bg:#f6f8fb;--card:#fff;--ink:#1f2937;--muted:#6b7280;--line:#d1d5db;--accent:#1d4ed8}.pg-form,.pg-form *{box-sizing:border-box}.pg-form{background:var(--bg);color:var(--ink);margin:0;font-family:Calibri,Arial,sans-serif}.pg-form .container{max-width:1180px;margin:0 auto;padding:24px}.pg-form header{border:1px solid var(--line);background:linear-gradient(135deg,#e8efff,#fff);border-radius:18px;margin-bottom:18px;padding:20px 22px}.pg-form h1,.pg-form h2,.pg-form h3{margin:0 0 10px}.pg-form h1{font-size:28px}.pg-form h2{font-size:20px}.pg-form h3{font-size:16px}.pg-form .subtitle{color:var(--muted);margin-top:6px;line-height:1.45}.pg-form .grid{grid-template-columns:repeat(12,1fr);gap:16px;display:grid}.pg-form .card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:18px;box-shadow:0 4px 14px #0f172a0d}.pg-form .span-12{grid-column:span 12}.pg-form .span-8{grid-column:span 8}.pg-form .span-6{grid-column:span 6}.pg-form .span-4{grid-column:span 4}.pg-form label{margin-bottom:6px;font-weight:600;display:block}.pg-form input[type=text],.pg-form input[type=number],.pg-form input[type=date],.pg-form select,.pg-form textarea{border:1px solid var(--line);width:100%;font:inherit;background:#fff;border-radius:12px;padding:10px 12px}.pg-form textarea{resize:vertical;min-height:96px}.pg-form .small{color:var(--muted);font-size:13px}.pg-form table{border-collapse:collapse;width:100%;margin-top:10px}.pg-form th,.pg-form td{border:1px solid var(--line);text-align:left;vertical-align:top;padding:8px 10px}.pg-form th{background:#f8fafc}.pg-form .kpi{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.pg-form .kpi .box{border:1px solid var(--line);background:#fff;border-radius:14px;padding:14px}.pg-form .kpi .value{margin-top:4px;font-size:26px;font-weight:700}.pg-form .actions{flex-wrap:wrap;gap:10px;display:flex}.pg-form button{font:inherit;cursor:pointer;background:var(--accent);color:#fff;border:none;border-radius:12px;padding:10px 14px;font-weight:700}.pg-form button.secondary{background:#475569}.pg-form button.ghost{color:#111827;background:#e5e7eb}.pg-form .score-pill{text-align:center;background:#e5e7eb;border-radius:999px;min-width:44px;padding:6px 8px;font-weight:700;display:inline-block}.pg-form .domain{border-top:1px dashed var(--line);margin-top:12px;padding-top:12px}.pg-form .domain:first-of-type{border-top:none;margin-top:0;padding-top:0}.pg-form .rating-row{grid-template-columns:1.4fr repeat(5,70px);align-items:center;gap:8px;margin-bottom:10px;display:grid}.pg-form .rating-row .prompt{font-size:14px;line-height:1.35}.pg-form .center{text-align:center}.pg-form .note{border:1px dashed var(--line);background:#f8fafc;border-radius:12px;padding:12px 14px;line-height:1.45}.pg-form ul{margin:8px 0 0 18px}.pg-form code{background:#eef2ff;border-radius:6px;padding:2px 6px}@media print{.pg-form{background:#fff}.pg-form .actions,.pg-form .no-print{display:none!important}.pg-form .card,.pg-form header{box-shadow:none}}@container wbaframe (max-width:900px){.pg-form .span-8,.pg-form .span-6,.pg-form .span-4{grid-column:span 12}.pg-form .kpi{grid-template-columns:1fr 1fr}.pg-form .rating-row{grid-template-columns:1fr repeat(5,54px)}}
.pg-wba{--bg:#f4f7fb;--card:#fff;--ink:#1f2937;--muted:#6b7280;--line:#dbe3ef;--accent:#1d4ed8;--accent2:#0f766e;--warn:#b45309;--bad:#b91c1c;--shadow:0 10px 28px #0f172a14;--radius:18px}.pg-wba,.pg-wba *{box-sizing:border-box}.pg-wba{color:var(--ink);background:linear-gradient(#eef4ff 0%,#f8fbff 100%);margin:0;font:16px/1.45 Calibri,Arial,sans-serif}.pg-wba .wrap{max-width:1280px;margin:24px auto 80px;padding:0 16px}.pg-wba .card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:18px;overflow:hidden}.pg-wba .head{border-bottom:1px solid var(--line);background:linear-gradient(135deg,#ecfeff 0%,#eff6ff 100%);padding:22px 24px}.pg-wba h1,.pg-wba h2,.pg-wba h3{margin:0 0 8px}.pg-wba h1{color:#0f172a;font-size:30px}.pg-wba h2{font-size:22px}.pg-wba h3{font-size:18px}.pg-wba .sub{color:var(--muted)}.pg-wba .p24{padding:24px}.pg-wba .grid{gap:14px;display:grid}.pg-wba .grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.pg-wba .grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.pg-wba .grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.pg-wba label{margin-bottom:6px;font-weight:700;display:block}.pg-wba input[type=text],.pg-wba input[type=number],.pg-wba input[type=date],.pg-wba textarea{width:100%;font:inherit;color:var(--ink);background:#fff;border:1px solid #cfd8e3;border-radius:12px;padding:10px 12px}.pg-wba input[type=number]{text-align:center}.pg-wba .toolbar{border-top:1px solid var(--line);background:#fafcff;flex-wrap:wrap;gap:10px;padding:18px 24px;display:flex}.pg-wba button{cursor:pointer;background:var(--accent);color:#fff;box-shadow:var(--shadow);border:none;border-radius:12px;padding:11px 16px;font:700 15px Calibri,Arial,sans-serif}.pg-wba button.secondary{background:var(--accent2)}.pg-wba button.ghost{color:#0f172a;box-shadow:none;background:#e8eef8}.pg-wba button.warn{background:var(--warn)}.pg-wba button.bad{background:var(--bad)}.pg-wba .hint{color:var(--muted);margin-top:6px;font-size:13px}.pg-wba .section-title{border-bottom:1px solid var(--line);background:#fbfdff;justify-content:space-between;align-items:center;gap:12px;padding:18px 24px;display:flex}.pg-wba .wba-row{border:1px solid var(--line);background:#fff;border-radius:16px;margin-top:14px;padding:16px}.pg-wba .wba-row-header{justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.pg-wba .wba-tag{color:#1e3a8a;background:#edf2ff;border-radius:999px;padding:6px 10px;font-size:13px;font-weight:700;display:inline-block}.pg-wba table{border-collapse:collapse;background:#fff;width:100%}.pg-wba th,.pg-wba td{border:1px solid var(--line);text-align:center;vertical-align:middle;padding:10px 12px}.pg-wba th{background:#f8fbff;font-weight:800}.pg-wba tfoot td{background:#eef6ff;font-weight:800}.pg-wba .left{text-align:left}.pg-wba .summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:16px;display:grid}.pg-wba .result-box{border:1px solid var(--line);background:#f8fbff;border-radius:16px;padding:14px}.pg-wba .result-box .k{color:var(--muted);font-size:13px;font-weight:700}.pg-wba .result-box .v{margin-top:2px;font-size:28px;font-weight:800}.pg-wba .radar-wrap{grid-template-columns:1fr;gap:16px;display:grid}.pg-wba .radar-meta{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.pg-wba .meta-box{border:1px solid var(--line);background:#f8fbff;border-radius:14px;padding:12px}.pg-wba .meta-box .k{color:var(--muted);font-size:13px;font-weight:700}.pg-wba .meta-box .v{word-break:break-word;margin-top:2px;font-size:18px;font-weight:800}.pg-wba .canvas-card{border:1px solid var(--line);background:#fff;border-radius:16px;padding:18px}.pg-wba canvas{background:#fff;border-radius:12px;width:100%;max-width:900px;height:auto;margin:0 auto;display:block}.pg-wba .hidden{display:none!important}.pg-wba .empty-note{border:1px dashed var(--line);color:var(--muted);text-align:center;background:#fafcff;border-radius:14px;padding:18px}@container wbaframe (max-width:1100px){.pg-wba .grid-4,.pg-wba .grid-3,.pg-wba .summary-grid,.pg-wba .radar-meta{grid-template-columns:repeat(2,minmax(0,1fr))}}@container wbaframe (max-width:760px){.pg-wba .grid-4,.pg-wba .grid-3,.pg-wba .grid-2,.pg-wba .summary-grid,.pg-wba .radar-meta{grid-template-columns:1fr}.pg-wba .wba-row-header{flex-direction:column;align-items:flex-start}.pg-wba table{font-size:14px}}@media print{.pg-wba{background:#fff}.pg-wba .no-print{display:none!important}.pg-wba #radarPrintArea{display:block!important}.pg-wba #mainContent{display:none!important}.pg-wba .wrap{max-width:none;margin:0;padding:0}.pg-wba .card{box-shadow:none;border:1px solid #bbb}}
.pg-msf{--bg:#f4f7fb;--card:#fff;--text:#1f2937;--muted:#6b7280;--line:#dbe4f0;--primary:#2563eb;--primary-dark:#1d4ed8;--success:#16a34a;--danger:#dc2626;--warning:#d97706;--soft:#eef4ff;--shadow:0 10px 30px #0f172a14;--radius:18px}.pg-msf,.pg-msf *{box-sizing:border-box}.pg-msf{background:var(--bg);color:var(--text);margin:0;font-family:Calibri,Arial,sans-serif}.pg-msf .container{width:min(1380px,96%);margin:24px auto 40px}.pg-msf .page-title{text-align:center;margin-bottom:18px}.pg-msf .page-title h1{letter-spacing:.2px;margin:0 0 6px;font-size:30px;font-weight:700}.pg-msf .page-title p{color:var(--muted);margin:0;font-size:16px}.pg-msf .card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:18px;padding:20px}.pg-msf .card h2{margin:0 0 16px;font-size:22px;line-height:1.25}.pg-msf .card h3{margin:0 0 14px;font-size:18px}.pg-msf .grid{gap:14px;display:grid}.pg-msf .grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.pg-msf .grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.pg-msf .grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.pg-msf .field{flex-direction:column;gap:7px;display:flex}.pg-msf .field label{font-size:14px;font-weight:700}.pg-msf .field input,.pg-msf .field select,.pg-msf .field textarea{background:#fff;border:1px solid #c9d5e5;border-radius:12px;outline:none;width:100%;padding:12px 13px;font-size:15px;transition:all .2s}.pg-msf .field input:focus,.pg-msf .field select:focus,.pg-msf .field textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #2563eb1f}.pg-msf .hint{color:var(--muted);margin-top:4px;font-size:13px}.pg-msf .button-row{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.pg-msf button{cursor:pointer;border:none;border-radius:12px;padding:12px 16px;font-size:15px;font-weight:700;transition:all .2s}.pg-msf button:hover{transform:translateY(-1px)}.pg-msf button:active{transform:translateY(0)}.pg-msf .btn-primary{background:var(--primary);color:#fff}.pg-msf .btn-primary:hover{background:var(--primary-dark)}.pg-msf .btn-success{background:var(--success);color:#fff}.pg-msf .btn-danger{background:var(--danger);color:#fff}.pg-msf .btn-warning{background:var(--warning);color:#fff}.pg-msf .btn-soft{background:var(--soft);color:var(--primary-dark);border:1px solid #cfe0ff}.pg-msf .btn-outline{color:var(--text);background:#fff;border:1px solid #cfd8e5}.pg-msf .status{border-radius:12px;margin-top:12px;padding:12px 14px;font-weight:700;display:none}.pg-msf .status.show{display:block}.pg-msf .status.success{color:#166534;background:#ecfdf3;border:1px solid #bbf7d0}.pg-msf .status.error{color:#991b1b;background:#fef2f2;border:1px solid #fecaca}.pg-msf .status.info{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe}.pg-msf .table-wrap{border:1px solid var(--line);border-radius:16px;width:100%;overflow:auto}.pg-msf table{border-collapse:collapse;background:#fff;width:100%;min-width:1180px}.pg-msf thead th{color:#0f172a;border-bottom:1px solid var(--line);text-align:center;white-space:nowrap;background:#eef4ff;padding:12px 10px;font-size:14px;font-weight:800}.pg-msf tbody td,.pg-msf tfoot td{text-align:center;vertical-align:middle;border-bottom:1px solid #edf2f7;padding:10px;font-size:14px}.pg-msf tbody tr:hover{background:#fafcff}.pg-msf tfoot td{background:#f8fbff;font-weight:800}.pg-msf .badge{color:#1e40af;background:#eef4ff;border-radius:999px;align-items:center;gap:6px;padding:7px 10px;font-size:13px;font-weight:700;display:inline-flex}.pg-msf .section-title-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;display:flex}.pg-msf .chart-box{border:1px solid var(--line);background:#fff;border-radius:18px;padding:18px}.pg-msf .chart-canvas-wrap{background:linear-gradient(#fff 0%,#fafcff 100%);border:1px solid #e7eef8;border-radius:16px;justify-content:center;align-items:center;width:100%;min-height:620px;padding:10px;display:flex;position:relative;overflow:hidden}.pg-msf #radarCanvas{background:#fff;border-radius:12px;width:min(900px,100%);height:auto;display:block}.pg-msf .legend-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px;margin-top:16px;display:grid}.pg-msf .legend-item{border:1px solid var(--line);background:#fbfdff;border-radius:14px;justify-content:space-between;gap:12px;padding:12px;font-size:14px;display:flex}.pg-msf .legend-item strong{font-weight:800}.pg-msf .hidden{display:none!important}.pg-msf .resume-shell{border:1px solid var(--line);background:#fff;border-radius:20px;padding:24px}.pg-msf .resume-header{text-align:center;margin-bottom:18px}.pg-msf .resume-header h2{margin:0;font-size:28px;font-weight:800}.pg-msf .resume-header h3{margin:8px 0 0;font-size:20px;font-weight:700}.pg-msf .resume-student-card{border:1px solid var(--line);background:#f9fbff;border-radius:16px;margin-bottom:18px;padding:18px}.pg-msf .resume-student-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 20px;display:grid}.pg-msf .resume-item{align-items:flex-start;gap:8px;font-size:15px;display:flex}.pg-msf .resume-item strong{min-width:96px}.pg-msf .descriptor-list{gap:14px;display:grid}.pg-msf .descriptor-card{border:1px solid var(--line);background:#fff;border-radius:16px;padding:16px}.pg-msf .descriptor-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.pg-msf .descriptor-head h4{margin:0;font-size:17px}.pg-msf .score-pill{color:#1e40af;white-space:nowrap;background:#eef4ff;border-radius:999px;padding:7px 11px;font-size:13px;font-weight:800}.pg-msf .empty-state{text-align:center;color:var(--muted);padding:26px;font-size:15px}.pg-msf .small-delete{color:#991b1b;background:#fee2e2;border:1px solid #fecaca;border-radius:10px;padding:8px 10px;font-size:13px}.pg-msf .print-note{color:var(--muted);margin-top:8px;font-size:13px}@container wbaframe (max-width:1100px){.pg-msf .grid-4,.pg-msf .grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}}@container wbaframe (max-width:760px){.pg-msf .grid-2,.pg-msf .grid-3,.pg-msf .grid-4,.pg-msf .resume-student-grid{grid-template-columns:1fr}.pg-msf .page-title h1{font-size:24px}.pg-msf .card h2{font-size:20px}.pg-msf .chart-canvas-wrap{min-height:460px}}
.pg-uceem{--bg:#f4f7fb;--card:#fff;--ink:#1f2937;--muted:#6b7280;--line:#dbe3ef;--accent:#0f766e;--accent2:#1d4ed8;--warn:#b45309;--bad:#b91c1c;--shadow:0 10px 26px #0f172a14;--radius:18px}.pg-uceem,.pg-uceem *{box-sizing:border-box}.pg-uceem{color:var(--ink);background:linear-gradient(#eef4ff 0%,#f7fafc 100%);margin:0;font:16px/1.45 Calibri,Arial,sans-serif}.pg-uceem .wrap{max-width:1240px;margin:24px auto 80px;padding:0 16px}.pg-uceem .card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:18px;overflow:hidden}.pg-uceem .head{border-bottom:1px solid var(--line);background:linear-gradient(135deg,#ecfeff 0%,#eff6ff 100%);padding:22px 24px}.pg-uceem h1,.pg-uceem h2,.pg-uceem h3{margin:0 0 8px}.pg-uceem h1{color:#0f172a;font-size:30px}.pg-uceem h2{font-size:22px}.pg-uceem h3{font-size:18px}.pg-uceem .sub{color:var(--muted);max-width:980px}.pg-uceem .grid{gap:14px;display:grid}.pg-uceem .grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.pg-uceem .grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.pg-uceem .p24{padding:24px}.pg-uceem label{margin-bottom:6px;font-weight:700;display:block}.pg-uceem input[type=text],.pg-uceem input[type=date],.pg-uceem textarea{width:100%;font:inherit;color:var(--ink);background:#fff;border:1px solid #cfd8e3;border-radius:12px;padding:10px 12px}.pg-uceem textarea{resize:vertical;min-height:68px}.pg-uceem .toolbar{border-top:1px solid var(--line);background:#fafcff;flex-wrap:wrap;gap:10px;padding:18px 24px;display:flex}.pg-uceem button{cursor:pointer;background:var(--accent2);color:#fff;box-shadow:var(--shadow);border:none;border-radius:12px;padding:11px 16px;font:700 15px Calibri,Arial,sans-serif}.pg-uceem button.secondary{background:#0f766e}.pg-uceem button.ghost{color:#0f172a;box-shadow:none;background:#e8eef8}.pg-uceem button.warn{background:#b45309}.pg-uceem button.bad{background:#b91c1c}.pg-uceem .pill{color:#075985;background:#e0f2fe;border-radius:999px;margin:4px 6px 0 0;padding:6px 10px;font-size:13px;font-weight:700;display:inline-block}.pg-uceem .note{border-left:4px solid var(--accent2);color:#334155;background:#f8fbff;border-radius:10px;padding:12px 14px}.pg-uceem .section-title{border-bottom:1px solid var(--line);background:#fbfdff;justify-content:space-between;align-items:center;gap:12px;padding:18px 24px;display:flex}.pg-uceem .section-title small{color:var(--muted);font-weight:700}.pg-uceem .items{padding:0 18px 18px}.pg-uceem .item{border:1px solid var(--line);background:#fff;border-radius:16px;margin-top:14px;padding:16px}.pg-uceem .item-top{grid-template-columns:100px 1fr;align-items:start;gap:12px;display:grid}.pg-uceem .item-code{color:#0f172a;text-align:center;background:#edf2ff;border-radius:12px;padding:10px 12px;font-size:14px;font-weight:800}.pg-uceem .item-text{background:#f8fbff;border:1px solid #cfd8e3;border-radius:12px;align-items:center;min-height:52px;padding:10px 12px;display:flex}.pg-uceem .scale{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:14px;display:grid}.pg-uceem .choice{text-align:center;background:#fcfdff;border:1px solid #d1d9e6;border-radius:14px;flex-direction:column;justify-content:center;gap:4px;min-height:86px;padding:10px 8px;display:flex}.pg-uceem .choice input{transform:scale(1.12)}.pg-uceem .choice strong{font-size:17px}.pg-uceem .choice span{color:var(--muted);font-size:12px}.pg-uceem .results-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;display:grid}.pg-uceem .result-box{border:1px solid var(--line);background:#f8fbff;border-radius:16px;padding:14px}.pg-uceem .result-box .k{color:var(--muted);font-size:13px;font-weight:700}.pg-uceem .result-box .v{margin-top:2px;font-size:28px;font-weight:800}.pg-uceem .bar{background:#e5edf8;border-radius:999px;height:10px;margin-top:9px;overflow:hidden}.pg-uceem .bar>div{background:linear-gradient(90deg,#0f766e,#1d4ed8);width:0%;height:100%}.pg-uceem .interp{grid-template-columns:1.2fr .8fr;gap:14px;margin-top:14px;display:grid}.pg-uceem .interp-card{border:1px solid var(--line);background:#fff;border-radius:16px;padding:16px}.pg-uceem .footer-note{color:var(--muted);font-size:13px}.pg-uceem .hidden{display:none}.pg-uceem .fixed-scale{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;display:grid}.pg-uceem .fixed-scale .choice{border-style:dashed;min-height:78px}@media (max-width:1100px){.pg-uceem .grid-4,.pg-uceem .results-grid,.pg-uceem .grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.pg-uceem .grid-4,.pg-uceem .grid-3,.pg-uceem .results-grid,.pg-uceem .interp,.pg-uceem .fixed-scale,.pg-uceem .item-top,.pg-uceem .scale{grid-template-columns:1fr}}@media print{.pg-uceem{background:#fff}.pg-uceem .no-print{display:none!important}.pg-uceem .card{box-shadow:none;border:1px solid #bbb}.pg-uceem #printArea{display:block!important}.pg-uceem #editorArea{display:none!important}.pg-uceem .wrap{max-width:none;margin:0;padding:0}}
.pg-guide{color:#1f2937;background:#f5f7fb;margin:0;font:16px/1.6 Calibri,Arial,sans-serif}.pg-guide .wrap{max-width:1100px;margin:28px auto 60px;padding:0 18px}.pg-guide .card{background:#fff;border:1px solid #dbe3ef;border-radius:18px;margin-bottom:18px;overflow:hidden;box-shadow:0 10px 26px #0f172a14}.pg-guide .head{background:linear-gradient(135deg,#ecfeff 0%,#eff6ff 100%);border-bottom:1px solid #dbe3ef;padding:24px 28px}.pg-guide .p{padding:24px 28px}.pg-guide h1,.pg-guide h2,.pg-guide h3{margin:0 0 10px}.pg-guide h1{font-size:32px}.pg-guide h2{color:#0f172a;font-size:24px}.pg-guide h3{font-size:19px}.pg-guide .muted{color:#6b7280}.pg-guide .note{background:#f8fbff;border-left:4px solid #1d4ed8;border-radius:10px;padding:12px 14px}.pg-guide table{border-collapse:collapse;width:100%;margin-top:10px}.pg-guide th,.pg-guide td{vertical-align:top;border:1px solid #dbe3ef;padding:12px 10px}.pg-guide th{text-align:left;background:#f8fbff}.pg-guide ul{margin:8px 0 0 20px}.pg-guide .ref{font-size:14px}
.in-frame{max-width:100%!important;overflow-x:hidden!important}.in-frame .container,.in-frame .wrap{width:100%!important;max-width:100%!important;padding:8px!important}.in-frame header,.in-frame .card{border-radius:12px!important;margin-bottom:8px!important;padding:10px!important}.in-frame .grid{gap:8px!important}.in-frame table{max-width:100%!important}.in-frame input,.in-frame select,.in-frame textarea{min-width:0!important}

.pg-console .home{max-width:1120px;margin:0 auto;padding:32px 18px 56px}.pg-console .home h1{margin:0 0 24px;font-size:34px;line-height:1.2}.pg-console .home section{margin-top:36px}.pg-console .home h2{margin:0;font-size:20px;line-height:1.3}.pg-console .home-note{color:#475569;margin:2px 0 0}.pg-console .home h2+.home-grid,.pg-console .home-note+.home-grid{margin-top:12px}.pg-console .home-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:14px;display:grid}.pg-console .tile{color:#1f2937;background:#fff;border:1px solid #dbe3ef;border-radius:14px;flex-direction:column;grid-column:span 3;gap:8px;min-height:132px;padding:18px 20px;text-decoration:none;display:flex}.pg-console .tile-name{color:#1d4ed8;font-size:20px;font-weight:700;line-height:1.25}.pg-console .tile-text{color:#475569;font-size:15px;line-height:1.45}.pg-console .tile:hover{background:#f5f8ff;border-color:#1d4ed8}.pg-console .tile:focus-visible{outline-offset:2px;outline:3px solid #93b4f5}.pg-console .tile-main{background:#1d4ed8;border-color:#1d4ed8;grid-area:span 2/span 8;justify-content:flex-end;min-height:220px;padding:24px}.pg-console .tile-main .tile-name{color:#fff;font-size:30px}.pg-console .tile-main .tile-text{color:#dbe7ff;font-size:17px}.pg-console .tile-main:hover{background:#1e40af;border-color:#1e40af}.pg-console .tile-side{grid-column:span 4;min-height:0}.pg-console .tile-uceem{background:#0f766e;border-color:#0f766e;grid-column:span 12;min-height:0}.pg-console .tile-uceem .tile-name{color:#fff}.pg-console .tile-uceem .tile-text{color:#d5f0ec}.pg-console .tile-uceem:hover{background:#115e59;border-color:#115e59}.pg-console .home-guide{margin:12px 0 0}.pg-console .home-guide a{color:#0f766e;font-weight:700}@media (max-width:900px){.pg-console .tile,.pg-console .tile-side{grid-column:span 6}.pg-console .tile-main{grid-area:auto/span 12}.pg-console .tile-uceem{grid-column:span 12}}@media (max-width:560px){.pg-console .home h1{font-size:26px}.pg-console .tile,.pg-console .tile-side{grid-column:span 12;min-height:0}.pg-console .tile-main{min-height:150px}.pg-console .tile-uceem{grid-column:span 12}.pg-console .tile-main .tile-name{font-size:25px}}
.pg-main select,.pg-form select,.pg-msf select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='none' stroke='%2364748b' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m1 1.5 5 5 5-5'/%3E%3C/svg%3E");background-position:right 11px center;background-repeat:no-repeat;padding-right:30px}.pg-main .user-form{grid-template-columns:repeat(3,minmax(0,1fr)) 190px;align-items:end;gap:12px;display:grid}.pg-main .user-form-add{grid-template-columns:repeat(4,minmax(0,1fr))}.pg-main .user-form input,.pg-main .user-form select,.pg-main .user-form button{height:40px}.pg-main .user-form button{width:100%;padding:0 10px}.pg-main .user-form .span-3{grid-column:span 3}.pg-main .user-form .span-full{grid-column:1/-1}.pg-main .user-edit{text-align:left;background:#f8fbff;border-radius:10px;gap:12px;padding:12px;display:grid}.pg-main .user-edit .status{margin-top:0}@media (max-width:760px){.pg-main .user-form,.pg-main .user-form-add{grid-template-columns:minmax(0,1fr)}.pg-main .user-form .span-3{grid-column:auto}}.pg-wba select.score-select{width:100%;font:inherit;color:var(--ink);background:#fff;border:1px solid #cfd8e3;border-radius:12px;padding:10px 12px}.pg-wba select.score-select,.pg-msf select.score-select{text-align:center;text-align-last:center}.hint-menu{z-index:1000;box-sizing:border-box;color:#172033;background:#fff;border:1px solid #cfd8e3;border-radius:12px;min-width:220px;padding:4px;font:15px/1.35 Calibri,Arial,sans-serif;position:fixed;overflow-y:auto;box-shadow:0 8px 24px #0f172a24}.hint-row{cursor:pointer;overflow-wrap:anywhere;border-radius:8px;padding:7px 10px}.hint-row:hover,.hint-row.active{background:#e8eef8}.hint-new{color:#1d4ed8;font-weight:700}
html,body{margin:0;padding:0}.pg-console,.pg-main,.pg-form,.pg-wba,.pg-msf,.pg-uceem,.pg-guide{min-height:100vh;display:flow-root}.in-frame{min-height:0}.cq{container:wbaframe/inline-size}.app-bar{color:#172033;background:#fff;border-bottom:1px solid #d7e0ec;flex-wrap:wrap;align-items:center;gap:14px;padding:6px 14px;font:14px/1.4 Calibri,Arial,sans-serif;display:flex}.app-bar a{color:#1d4ed8;font-weight:700;text-decoration:none}.app-bar .spacer{flex:1}.app-bar button{color:#0f172a;cursor:pointer;background:#e8eef8;border:none;border-radius:8px;padding:4px 10px;font:700 13px Calibri,Arial,sans-serif}@media print{.app-bar{display:none!important}}
