.ld-page{min-width:0;overflow:hidden;background:#fff;color:#172b50;border:1px solid #bacce8;border-radius:8px}
.ld-page .lp-context{background:#f4f7fc;border-bottom-color:#d7e1f0}.ld-page .lp-selector{border-color:#4f79c4;background:#fff}.ld-page .lp-selector h1{color:#172744;font-size:12px}.ld-page .lp-level-label{background:#4674bf;border-color:#305da5;color:#fff}.ld-page .lp-grade-buttons button{background:linear-gradient(#e8edfa,#b4c5e8);border-color:#6687c2;color:#173256}.ld-page .lp-grade-buttons button[aria-pressed=true]{background:#ffcf15;color:#162641;border-color:#c79600}.ld-page .lp-grade-buttons button:disabled{background:#edf1f6;color:#8995a6;border-color:#d3dce8}.ld-page .lp-grade-buttons button:not(:disabled):hover{border-color:#1b50a0;box-shadow:0 0 0 1px #497acc}
.ld-selection{display:flex;justify-content:space-between;flex-wrap:wrap;gap:6px;padding:7px 13px;background:#edf3fc;color:#2b4978;font-size:11px;border-top:1px solid #d1def0}
.ld-stages{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:8px 12px;background:#f8faff}.ld-stage{display:grid;gap:3px;align-content:start;border:1px solid #d5e1f1;border-left:3px solid #a7b9d4;border-radius:4px;padding:7px 9px;min-width:0;font-size:11px;color:#62728a}.ld-stage strong{color:#264575}.ld-stage small{font-size:10px}.ld-stage-recorded{border-left-color:#336cc1;background:#eaf2ff}.ld-stage select{min-width:0;width:100%;padding:4px;font-size:11px}
.ld-table-scroll{max-width:100%;max-height:72vh;overflow:auto;scrollbar-color:#6687c2 #edf3fc}.ld-table{border-collapse:separate;border-spacing:0;table-layout:fixed;width:100%;min-width:900px;font:11px/1.3 Arial,sans-serif;color:#172b50}.ld-year{width:40px}.ld-level{width:60px}.ld-grade{width:44px}.ld-area{width:110px}.ld-competency{width:280px}.ld-count{width:30px}
.ld-table th,.ld-table td{border-right:1px solid #7d9dd1;border-bottom:1px solid #7d9dd1;padding:4px 3px;white-space:normal;overflow-wrap:break-word}.ld-table thead{position:sticky;top:0;z-index:3}.ld-table thead th{background:#31589c;color:#fff;text-transform:uppercase;text-align:center;letter-spacing:0;font-size:10px;font-weight:700}.ld-table tbody th{text-transform:none;letter-spacing:0;font-size:11px;font-weight:400;text-align:left;color:inherit}.ld-table tbody td{text-align:center}.ld-table .ld-area-cell{text-align:left}.ld-table tbody tr:nth-child(even){background:#f5f8ff}.ld-table .ld-value{background:#e1eaf8}.ld-table tbody tr:nth-child(even) .ld-value{background:#d8e5f6}.ld-table .ld-group-start{border-left:1px solid #3c63a4}.ld-table .ld-competency-cell{position:sticky;left:0;z-index:1;background:#fff}.ld-table tbody tr:nth-child(even) .ld-competency-cell{background:#f5f8ff}.ld-table thead .ld-competency-cell{background:#31589c;z-index:4}.ld-table tbody tr:hover th,.ld-table tbody tr:hover td{background:#fff6d0!important}
.ld-note{margin:0;padding:11px 14px;background:#f5f8fd;color:#526786;font-size:11px;line-height:1.5;border-top:1px solid #cddcf1}.ld-page button:focus-visible,.ld-table-scroll:focus-visible,.ld-page select:focus-visible{outline:3px solid #eca900;outline-offset:2px}
@media(max-width:600px){.ld-stages{grid-template-columns:1fr}.ld-page .lp-selector h1{font-size:11px}}
.ldi-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:14px;background:#fff;border-block:1px solid #dce6f4}.ldi-toolbar>div:first-child{display:grid;gap:4px}.ldi-toolbar strong{display:flex;align-items:center;gap:7px;font-size:14px;color:#183f76}.ldi-toolbar span{font-size:12px;color:#60728d}.ldi-buttons{display:flex;gap:9px;flex-wrap:wrap}.btn.ldi-export,.btn.ldi-import{min-height:42px;padding:10px 15px;gap:8px;font-size:13px;font-weight:700;border-radius:7px;box-shadow:0 2px 5px #173b7118}.btn.ldi-export{background:#087e53;color:#fff;border-color:#076842}.btn.ldi-export:hover{background:#06683f}.btn.ldi-import{background:#1764bd;color:#fff;border-color:#12539f}.btn.ldi-import:hover{background:#124e99}.ld-source{display:flex;align-items:center;gap:4px;color:#087549}
.ldi-intro{display:flex;gap:14px;align-items:center;margin-bottom:16px}.ldi-intro-icon{display:grid;place-items:center;flex-shrink:0;width:52px;height:52px;background:#e5efff;color:#185dab;border-radius:12px}.ldi-intro h3,.ldi-preview h3{margin:0 0 5px;color:#163e72}.ldi-intro p,.ldi-template-hint p{margin:0;font-size:13px;line-height:1.6;color:#63748d}.ldi-destination{display:grid;gap:5px;padding:14px;border:1px solid #c8dcef;border-radius:8px;background:#f0f6fd;color:#204774;font-size:13px}.ldi-destination small{font-size:11px;line-height:1.6;color:#627994}.ldi-template-hint{display:flex;align-items:center;gap:18px;margin:18px 0}.ldi-template-hint a{flex-shrink:0}.ldi-file{padding:16px;border:1px dashed #8faed5;background:#f9fbff;border-radius:8px}.ldi-file input{max-width:100%;font-size:13px}.ldi-file small{font-size:12px;color:#62758e}.ldi-preview{margin-top:22px;padding-top:18px;border-top:1px solid #d6e2f1}.ldi-filename{overflow-wrap:anywhere;font-size:12px;color:#62748b}.ldi-counts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.ldi-counts>div{display:grid;gap:4px;padding:12px;background:#eff5fd;border:1px solid #dce7f6;border-radius:8px}.ldi-counts strong{font-size:24px;color:#164b8d}.ldi-counts span{font-size:12px;color:#566b85}.ldi-differences{max-height:280px;overflow:auto}.ldi-differences th[scope=row]{max-width:330px;white-space:normal;text-transform:none;letter-spacing:0;font-weight:500;font-size:12px}.ldi-differences small{display:block;margin-top:5px;color:#1562b5}.ldi-differences td{font-size:12px;white-space:normal;min-width:110px}.ldi-ready{display:flex;align-items:center;gap:7px;color:#0a724f;background:#eaf8f0;padding:12px;border-radius:7px;font-size:13px}
@media(max-width:600px){.ldi-template-hint{align-items:flex-start;flex-direction:column;gap:10px}.ldi-counts{grid-template-columns:repeat(2,minmax(0,1fr))}.ldi-buttons{width:100%}.ldi-buttons .btn{flex:1;text-align:center}.ldi-intro{align-items:flex-start}}
.ld-board>p{font-size:13px;color:#61728a;line-height:1.6}.ld-board-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:16px 0}.ld-board-cards article{padding:20px;background:#fff;border:1px solid #cbdcf0;border-radius:12px}.ld-board-cards h2{margin:0;font-size:18px;color:#1f4b82}.ld-board-cards p,.ld-board-cards small{font-size:12px;color:#63768e}.ld-board-bar{display:flex;align-items:center;gap:8px;margin:12px 0;font-size:13px}.ld-board-bar>strong{width:25px}.ld-board-bar>span{height:16px;flex:1;background:#edf2f8;border-radius:3px;overflow:hidden}.ld-board-bar i{display:block;height:100%}.ld-board-bar b{min-width:35px;text-align:right}.ld-board th[scope=row]{text-transform:none;letter-spacing:0}.ld-board td{text-align:center}@media(max-width:850px){.ld-board-cards{grid-template-columns:1fr}}