.assignment-layout{display:grid;grid-template-columns:minmax(300px,.8fr) minmax(0,1.2fr);gap:26px;align-items:start}.assignment-create,.assignment-list-panel{background:#fff;border:1px solid #dce4e0;border-radius:22px;padding:27px}.assignment-create h2,.assignment-list-panel h2{margin:8px 0}.assignment-create form{display:grid;gap:17px;margin-top:22px}.assignment-create label,.assignment-settings label{display:grid;gap:7px;font-size:.92rem;font-weight:600;color:#435955}.assignment-create input,.assignment-create select,.assignment-settings input,.assignment-settings select{min-width:0;width:100%;padding:12px 13px;font:inherit;border:1px solid #d3dfd9;border-radius:10px;color:#263c37;background:#fff;box-sizing:border-box}.assignment-form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.assignment-level-field{border:1px solid #dce4e0;border-radius:13px;padding:12px}.assignment-level-field legend{padding:0 6px;font-size:.9rem;font-weight:600}.assignment-select-actions{display:flex;gap:16px;margin-bottom:10px}.assignment-lesson-options{max-height:280px;overflow:auto;display:grid;gap:7px;scrollbar-width:thin}.assignment-lesson-options label{display:flex;align-items:flex-start;gap:10px;padding:9px;border-radius:8px;background:#f5f8f5;font-size:.85rem;font-weight:400;cursor:pointer}.assignment-lesson-options input{width:18px;height:18px;flex:0 0 18px;padding:0;accent-color:#3c837b;margin:2px 0 0}.assignment-note{font-size:.83rem;line-height:1.7;color:#71817b;margin:0}.assignment-create [type="submit"]{justify-content:center;min-height:50px}.assignment-empty{text-align:center;padding:40px 20px;border:1px dashed #d0dcd5;border-radius:16px;background:#f6f9f6;color:#72827c}.assignment-empty h3{color:#39564c}.assignment-list{display:grid;gap:16px;margin-top:20px}.assignment-list-card{padding:20px;border:1px solid #e0e5df;border-radius:16px;background:linear-gradient(120deg,#fff,#f6f9f4)}.assignment-list-top,.assignment-list-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px}.assignment-list-card h3{font-size:1.15rem;color:#283f38;margin:16px 0 6px}.assignment-list-card p{font-size:.87rem;margin:6px 0}.assignment-language{color:#6b57a0;background:#efebf8;padding:4px 10px;border-radius:7px;font-size:.78rem}.assignment-status{color:#357264;font-size:.78rem;background:#e4f2e7;border-radius:30px;padding:4px 10px}.assignment-status.archived{background:#eeeff0;color:#73817b}.assignment-progress{height:7px;background:#e1e9df;border-radius:10px;overflow:hidden;margin:15px 0}.assignment-progress>span{height:100%;display:block;border-radius:inherit;background:linear-gradient(90deg,#628d7e,#a4c98b)}.assignment-list-bottom{font-size:.85rem;color:#667c72}.assignment-list-bottom strong{color:#335a4d;font-family:'JetBrains Mono',monospace}.assignment-list-bottom .secondary-btn{font-size:.85rem;padding:9px 15px}.assignment-report-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin:42px 0 20px;scroll-margin-top:20px}.assignment-report-heading h2{font-size:1.7rem;margin:7px 0}.assignment-report-heading p{color:#78877e}.assignment-report-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:20px}.assignment-report-stats>div{border:1px solid #dbe3d6;background:#f4f7ec;padding:20px;border-radius:15px}.assignment-report-stats>div:nth-child(2){background:#e9f3ed}.assignment-report-stats>div:nth-child(3){background:#fcf3e4}.assignment-report-stats small{display:block;color:#72816e;font-size:.85rem}.assignment-report-stats strong{font:700 2rem 'JetBrains Mono',monospace;color:#3c5c4b;display:block;margin-top:10px}.assignment-report-stats em{font:400 .85rem 'Kanit',sans-serif}.assignment-report-body{background:#fff;border:1px solid #dce4e0;border-radius:18px;overflow:hidden}.assignment-report-actions{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px}.assignment-report-actions p{font-size:.85rem;color:#6b7c72}.assignment-report-actions button{white-space:nowrap}.assignment-table-scroll{overflow:auto}.assignment-report-table{width:100%;border-collapse:collapse;min-width:850px;text-align:left}.assignment-report-table th{background:#f1f6f2;padding:16px;font-size:.8rem;color:#6a7e71;font-weight:600;border-block:1px solid #e0e8e1}.assignment-report-table td{padding:18px 16px;border-bottom:1px solid #edf0eb;font-size:.86rem;color:#435c4d;vertical-align:top}.assignment-report-table tbody tr:hover{background:#f7faf5}.assignment-report-table small{display:block;color:#8a978e;font-size:.77rem;margin-top:4px}.assignment-report-table .assignment-progress{min-width:80px;margin-top:8px}.report-status{font-size:.76rem;white-space:nowrap;padding:5px 10px;border-radius:30px;background:#eff2ef;color:#768078}.report-success{color:#347451;background:#e7f6ec}.report-warning{color:#a36a26;background:#fff0d8}.report-progress{color:#6d5aaf;background:#f1eafa}.assignment-settings{padding:20px;border-top:1px solid #e5eae3}.assignment-settings summary{font-weight:600;color:#547262;cursor:pointer}.assignment-settings form{display:grid;grid-template-columns:2fr 1.3fr 1.3fr;gap:16px;margin-top:20px;align-items:end}.assignment-settings .error-text{grid-column:1/-1;margin:0}.assignment-settings [type="submit"]{grid-column:1/-1;justify-self:start}.error-text{color:#b44c40}.assignment-create input:focus,.assignment-create select:focus,.assignment-settings input:focus,.assignment-settings select:focus{outline:3px solid #c5dec8;outline-offset:2px}.assignment-create input[type="checkbox"]:focus{outline-offset:1px}
@media(max-width:1000px){.assignment-layout{grid-template-columns:1fr}.assignment-create form{grid-template-columns:1fr 1fr}.assignment-create form>.assignment-form-row,.assignment-level-field,.assignment-note,.assignment-create-error,.assignment-create .error-text,.assignment-create [type="submit"]{grid-column:1/-1}.assignment-level-field{min-width:0}.assignment-settings form{grid-template-columns:1fr 1fr}.assignment-settings form>label:first-of-type{grid-column:1/-1}}
@media(max-width:600px){.assignment-create,.assignment-list-panel{padding:19px}.assignment-create form{grid-template-columns:1fr}.assignment-create form>label{grid-column:1/-1}.assignment-form-row{grid-template-columns:1fr}.assignment-report-stats{grid-template-columns:1fr 1fr;gap:10px}.assignment-report-stats>div{padding:15px}.assignment-report-stats small{font-size:.75rem}.assignment-report-heading,.assignment-report-actions{flex-direction:column}.assignment-report-heading h2{font-size:1.4rem}.assignment-settings form{grid-template-columns:1fr}.assignment-report-actions{align-items:stretch}.assignment-list-top{flex-wrap:wrap}.assignment-list-bottom{align-items:flex-start;flex-wrap:wrap}}