:root{--bg: #f3f6fb;--card: #ffffff;--text: #1e293b;--muted: #64748b;--line: #dbe3ef;--primary: #2563eb;--primary-dark: #1d4ed8;--danger: #dc2626;--success: #16a34a;--warning: #f59e0b;--shadow: 0 10px 30px rgba(15, 23, 42, .08);--radius: 18px}*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:var(--text)}button,input,select{font:inherit}.center-screen{min-height:100vh;display:grid;place-items:center;padding:24px}.card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:24px}.narrow{width:100%;max-width:420px}.login-title{margin:0 0 8px;font-size:28px}.login-subtitle{margin:0 0 20px;color:var(--muted)}.form-group{margin-bottom:14px}.form-group label{display:block;margin-bottom:6px;font-weight:700}.form-group input{width:100%;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:#fff}.form-error{color:var(--danger);min-height:20px;margin:8px 0 0}.pass-toggle-wrap{position:relative}.pass-toggle-wrap input{padding-right:40px}.pass-toggle-btn{position:absolute;right:6px;top:50%;transform:translateY(-50%);background:transparent;border:0;cursor:pointer;font-size:16px;line-height:1;padding:6px;color:var(--muted)}.pass-toggle-btn:hover{color:var(--primary)}.btn{border:0;border-radius:12px;padding:12px 16px;cursor:pointer;font-weight:700}.btn.primary{background:var(--primary);color:#fff}.btn.primary:hover{background:var(--primary-dark)}.btn.secondary{background:#e8eefc;color:var(--primary)}.btn.danger{background:#fee2e2;color:var(--danger)}.btn.full{width:100%}.layout{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.sidebar{background:#0f172a;color:#fff;padding:24px 16px}.sidebar-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.sidebar h2{margin:0 0 6px;font-size:22px}.sidebar p{margin:0 0 20px;color:#cbd5e1}.sidebar-close-btn{display:none;background:#ffffff1f;color:#fff;border:none;border-radius:10px;width:34px;height:34px;font-size:16px;cursor:pointer;flex-shrink:0}.sidebar-overlay{display:none}.nav-btn{width:100%;text-align:left;margin-bottom:10px;padding:12px 14px;background:transparent;color:#fff;border:1px solid rgba(255,255,255,.12);border-radius:12px;cursor:pointer}.nav-btn.active,.nav-btn:hover{background:#ffffff1f}.content{padding:24px;min-width:0}.topbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;position:sticky;top:0;z-index:500;background:var(--bg);margin-left:-24px;margin-right:-24px;padding:14px 24px}.topbar-left{display:flex;align-items:center;gap:12px;min-width:0}.topbar h1{margin:0}.topbar p{margin:6px 0 0;color:var(--muted)}.menu-toggle-btn{display:none;background:#fff;border:1px solid var(--line);border-radius:12px;width:42px;height:42px;font-size:19px;cursor:pointer;flex-shrink:0;box-shadow:var(--shadow)}.back-btn{display:inline-flex;align-items:center;justify-content:center;background:#fff;border:1px solid var(--line);border-radius:12px;width:42px;height:42px;font-size:16px;cursor:pointer;flex-shrink:0;box-shadow:var(--shadow);color:var(--primary);font-weight:800}.back-btn:hover{background:#eef2ff}@media (max-width: 900px){.layout{grid-template-columns:1fr}.menu-toggle-btn,.sidebar-close-btn{display:flex;align-items:center;justify-content:center}.sidebar{position:fixed;top:0;left:0;bottom:0;width:min(280px,82vw);z-index:1200;transform:translate(-100%);transition:transform .25s ease;overflow-y:auto;box-shadow:8px 0 30px #00000040}.sidebar.open{transform:translate(0)}.sidebar-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a80;z-index:1100;opacity:0;pointer-events:none;transition:opacity .25s ease}.sidebar-overlay.visible{opacity:1;pointer-events:auto}.content{padding:16px}.topbar{flex-wrap:wrap;gap:10px;margin-left:-16px;margin-right:-16px;padding:12px 16px}}@media (max-width: 480px){.topbar h1{font-size:18px}.content{padding:12px}.topbar{margin-left:-12px;margin-right:-12px;padding:10px 12px}}.notif-bell-wrap{position:relative}.notif-bell-btn{position:relative;background:#fff;border:1.5px solid var(--line);border-radius:12px;width:44px;height:44px;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center}.notif-bell-btn.has-unread{animation:bellShake 2.5s ease-in-out infinite}@keyframes bellShake{0%,88%,to{transform:rotate(0)}90%{transform:rotate(-12deg)}92%{transform:rotate(10deg)}94%{transform:rotate(-8deg)}96%{transform:rotate(6deg)}98%{transform:rotate(0)}}.notif-bell-badge{position:absolute;top:-6px;right:-6px;background:var(--danger);color:#fff;font-size:10px;font-weight:800;min-width:18px;height:18px;border-radius:999px;align-items:center;justify-content:center;padding:0 4px;border:2px solid #fff}.notif-dropdown{position:absolute;top:52px;right:0;width:340px;max-width:90vw;background:#fff;border-radius:16px;box-shadow:0 16px 40px #0f172a2e;border:1px solid var(--line);z-index:50;overflow:hidden}.notif-dropdown-head{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid var(--line);background:#f8fafc}.notif-markall-btn{background:none;border:none;color:var(--primary);font-size:12px;font-weight:700;cursor:pointer;padding:0}.notif-list{max-height:380px;overflow-y:auto}.notif-item{padding:12px 16px;border-bottom:1px solid #f1f5f9;cursor:pointer;transition:background .15s}.notif-item:hover{background:#f8fafc}.notif-item.unread{background:#eff6ff;border-left:3px solid var(--primary)}.notif-item-title{font-weight:800;font-size:13px;margin-bottom:3px}.notif-item-content{font-size:12.5px;color:var(--muted);line-height:1.4}.notif-item-time{font-size:11px;color:#94a3b8;margin-top:4px}.notif-empty{padding:30px 16px;text-align:center;color:var(--muted);font-size:13px}.notif-bulk-bar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:10px 14px;margin-bottom:12px;background:var(--card-alt, #f5f6fa);border-radius:10px}.notif-bulk-selectall{display:flex;align-items:center;gap:7px;font-weight:700;font-size:13px;cursor:pointer;-webkit-user-select:none;user-select:none}.notif-bulk-selectall input[type=checkbox]{width:16px;height:16px;cursor:pointer}.notif-bulk-count{font-size:12.5px;color:var(--muted);margin-right:auto}.notif-page-list{display:flex;flex-direction:column;gap:8px}.notif-page-item{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border-radius:14px;border:1px solid var(--line);background:#fff;position:relative;cursor:default}.notif-page-checkbox{width:17px;height:17px;flex-shrink:0;margin-top:3px;cursor:pointer}.notif-page-item.unread{background:#eff6ff;border-color:#bfdbfe;cursor:pointer}.notif-page-icon{font-size:22px;flex-shrink:0}.notif-page-body{flex:1;min-width:0}.notif-page-title{font-weight:800;font-size:14px;margin-bottom:3px}.notif-page-content{font-size:13px;color:var(--muted);line-height:1.5}.notif-page-time{font-size:11.5px;color:#94a3b8;margin-top:6px}.notif-page-dot{width:10px;height:10px;border-radius:50%;background:var(--primary);flex-shrink:0;margin-top:4px}.notif-page-delete-btn{flex-shrink:0;background:transparent;border:0;cursor:pointer;font-size:15px;padding:4px 6px;border-radius:8px;color:#94a3b8;align-self:flex-start}.notif-page-delete-btn:hover{background:#fee2e2;color:var(--danger)}@media (max-width: 640px){.notif-dropdown{position:fixed;top:70px;left:12px;right:12px;width:auto}}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:20px}.grid>*{min-width:0}@media (max-width: 640px){.grid{grid-template-columns:repeat(2,1fr)!important}}@media (max-width: 400px){.grid{grid-template-columns:1fr!important}}.stat-box{background:#fff;border-radius:16px;box-shadow:var(--shadow);padding:20px}.stat-box .label{color:var(--muted);font-size:14px;margin-bottom:8px}.stat-box .value{font-size:32px;font-weight:800}.section-card{background:#fff;border-radius:16px;box-shadow:var(--shadow);padding:20px;margin-bottom:18px}.section-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;flex-wrap:wrap}.section-head h3{margin:0}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse;min-width:760px}.table th,.table td{padding:12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.table th{background:#f8fafc;font-size:14px}.badge{display:inline-block;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:700}.badge.admin{background:#dbeafe;color:#1d4ed8}.badge.teacher{background:#dcfce7;color:#166534}.badge.student{background:#fef3c7;color:#92400e}.badge.parent{background:#f3e8ff;color:#7e22ce}.muted{color:var(--muted)}.empty{color:var(--muted);padding:10px 0}.att-grid{display:grid;gap:10px}.att-row{display:flex;align-items:center;gap:14px;background:#fff;border-radius:12px;padding:14px 16px;box-shadow:var(--shadow);border:2px solid transparent;transition:background .15s,border-color .15s;flex-wrap:wrap}.att-row.absent{border-color:#f44336;background:#fff5f5}.att-row.late{border-color:#f4b400;background:#fffaf0}.att-row.absent .att-name{color:#b71c1c}.att-row.late .att-name{color:#9a6700}.att-name{flex:1;font-weight:700;font-size:15px;display:flex;gap:10px;align-items:center;min-width:200px}.att-no-chip{background:#eef2f9;color:#475569;border-radius:8px;padding:4px 9px;font-size:13px;font-weight:700}.att-btn-group{display:flex;gap:8px}.att-choice{display:flex;align-items:center;gap:6px;border:1.5px solid var(--line);background:#fff;border-radius:10px;padding:9px 14px;font-weight:800;font-size:13px;cursor:pointer;color:#475569;transition:all .12s}.att-choice .tickbox{display:none;width:16px;height:16px;border-radius:50%;align-items:center;justify-content:center;font-size:11px}.att-choice:before{content:"";display:inline-block;width:16px;height:16px;border-radius:50%;border:2px solid #cbd5e1;background:#fff}.att-choice.yok.active{background:#f44336;border-color:#f44336;color:#fff}.att-choice.yok.active:before{border-color:#fff;background:#fff;box-shadow:inset 0 0 0 3px #f44336}.att-choice.gec.active{background:#f4b400;border-color:#f4b400;color:#5c4400}.att-choice.gec.active:before{border-color:#fff;background:#fff;box-shadow:inset 0 0 0 3px #f4b400}.att-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0f172a8c;display:flex;align-items:center;justify-content:center;padding:20px;z-index:1000}.att-modal{background:#fff;border-radius:18px;padding:26px;max-width:560px;width:100%;max-height:88vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.att-modal h3{margin-top:0}.att-modal h4{margin:16px 0 8px;font-size:15px}.att-confirm-list{list-style:none;margin:0 0 10px;padding:0;display:grid;gap:6px}.att-confirm-list li{background:#f8fafc;border-radius:8px;padding:8px 12px;font-weight:600;font-size:14px}@media (max-width: 640px){.att-row{flex-direction:column;align-items:stretch}.att-btn-group{width:100%}.att-choice{flex:1;justify-content:center}.att-modal{padding:18px;border-radius:14px}}#attFilterForm{background:#f8fafc;border-radius:14px;padding:16px;border:1px solid var(--line)}#attFilterForm .form-group label{font-size:12px;text-transform:uppercase;letter-spacing:.03em;color:var(--muted);margin-bottom:4px}#attFilterForm select,#attFilterForm input[type=date]{background:#fff;border:1.5px solid var(--line);border-radius:10px;padding:10px 12px;font-weight:600;color:var(--text);min-height:42px}#attFilterForm select:focus,#attFilterForm input[type=date]:focus{outline:none;border-color:var(--primary)}#attFilterForm button[type=submit]{height:42px;align-self:flex-end}@media (max-width: 640px){#attFilterForm{flex-direction:column;align-items:stretch}#attFilterForm .form-group,#attFilterForm button[type=submit]{width:100%;min-width:0}}table.sch-editor{min-width:920px;border-collapse:separate;border-spacing:0;width:100%}.sch-editor th{position:sticky;top:0;z-index:2;background:#e8f7fa;color:#006064;text-align:center;border-bottom:1px solid var(--line);padding:10px 6px;font-size:13px}.sch-editor th:first-child{left:0;z-index:3}.sch-row-head{position:sticky;left:0;background:#f8f9fa;z-index:1;font-weight:800;color:var(--muted);text-align:center;width:92px;font-size:13px}.sch-editor td{min-width:160px;height:86px;padding:8px;vertical-align:top;background:#fff;border-bottom:1px solid var(--line);border-right:1px solid var(--line)}.sch-editor td:hover{background:#f8feff}.sch-off{background:#f3f4f6!important;color:#aaa;text-align:center;vertical-align:middle;font-size:12px}.sch-time{font-size:11px;color:#00838f;font-weight:800;margin-bottom:6px;display:flex;justify-content:space-between;align-items:center}.sch-today-th{background:linear-gradient(135deg,#ffe082,#ffca28)!important;color:#4e342e!important;box-shadow:inset 0 -3px #f57f17}.sch-today-pill{display:inline-flex;align-items:center;margin-left:6px;padding:3px 8px;border-radius:999px;background:#d50000;color:#fff;font-size:10px;font-weight:900;letter-spacing:.5px;animation:pulse 1.5s infinite}.sch-slot-cell{position:relative}.sch-cell-input{width:100%;height:46px;border:1.5px solid #edf1f5;background:#f8fafc;border-radius:8px;padding:9px 10px;font-size:13px;font-weight:700;color:var(--text);outline:none;text-align:center}.sch-cell-input:focus{border-color:#00acc1;background:#fff;box-shadow:0 0 0 3px #00acc11f}.sch-slot-cell.has-lesson{border:2px solid #e53935!important;background:snow!important}.sch-slot-cell.has-lesson .sch-cell-input{background:#fff;border-color:#e53935;color:#b71c1c}.sch-slot-cell.empty-lesson{background:#fff!important;cursor:text}.sch-slot-cell.empty-lesson .sch-time{display:none}.sch-slot-cell.empty-lesson .sch-cell-input{opacity:0;height:100%;border:0;background:transparent;box-shadow:none;color:transparent}.sch-slot-cell.empty-lesson:hover{background:#fbfdff!important;outline:1px dashed #cfd8dc;outline-offset:-8px}.sch-slot-cell.empty-lesson:focus-within .sch-cell-input{opacity:1;height:46px;border:1.5px solid #00acc1;background:#fff;color:var(--text);box-shadow:0 0 0 3px #00acc11f}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.sch-desktop-only{display:block}.sch-mobile-only{display:none}@media (max-width: 760px){.sch-desktop-only{display:none}.sch-mobile-only{display:block}}.sch-day-tabs{display:flex;gap:6px;background:#f1f5f9;border-radius:14px;padding:6px;margin-bottom:14px}.sch-day-tab{flex:1;border:none;background:transparent;padding:10px 4px;border-radius:10px;font-size:13px;font-weight:800;color:#64748b;cursor:pointer;position:relative}.sch-day-tab.active{background:#fff;color:var(--primary);box-shadow:0 2px 8px #0f172a1a}.sch-day-tab.is-today:after{content:"";position:absolute;bottom:4px;left:50%;transform:translate(-50%);width:5px;height:5px;border-radius:50%;background:#dc2626}.sch-mobile-list{display:flex;flex-direction:column;gap:8px}.sch-mobile-row{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#fff;border:1.5px solid var(--line);border-radius:12px;padding:10px 12px}.sch-mobile-row.has-lesson{border-color:#e53935;background:snow}.sch-mobile-row-left{display:flex;flex-direction:column;flex-shrink:0;min-width:78px}.sch-mobile-slotno{font-size:12.5px;font-weight:800;color:var(--text)}.sch-mobile-time{font-size:11px;color:#00838f;font-weight:700}.sch-mobile-input{flex:1;height:40px;border:1.5px solid #edf1f5;background:#f8fafc;border-radius:8px;padding:8px 10px;font-size:13px;font-weight:700;color:var(--text);outline:none;text-align:right;min-width:0}.sch-mobile-row.has-lesson .sch-mobile-input{background:#fff;border-color:#e53935;color:#b71c1c}.sch-mobile-input:focus{border-color:#00acc1;background:#fff;box-shadow:0 0 0 3px #00acc11f}.sch-summary-bar{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.sch-summary-chip{background:#f1f5f9;color:var(--text);border-radius:999px;padding:7px 14px;font-size:12.5px;font-weight:600;white-space:nowrap}.sch-summary-chip strong{font-weight:800}.sch-summary-chip-ok{background:#dcfce7;color:#166534}.sch-summary-chip-empty{background:#fef3c7;color:#92400e}@media (max-width: 480px){.sch-summary-chip{font-size:11.5px;padding:6px 10px}}.dav-picker-row{display:flex;gap:8px;margin-bottom:14px;flex-wrap:wrap}.dav-picker-chip{flex:1;min-width:100px;display:flex;align-items:center;gap:8px;background:#f8fafc;border:1.5px solid var(--line);border-radius:12px;padding:8px 12px;cursor:pointer;text-align:left;transition:border-color .15s,background .15s}.dav-picker-chip:disabled{opacity:.5;cursor:not-allowed}.dav-picker-chip.dav-picker-filled{background:#eff6ff;border-color:#93c5fd}.dav-picker-icon{font-size:18px;flex-shrink:0}.dav-picker-text{display:flex;flex-direction:column;min-width:0}.dav-picker-label{font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.03em;color:var(--muted)}.dav-picker-value{font-size:13.5px;font-weight:700;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dav-picker-chip.dav-picker-filled .dav-picker-value{color:#1d4ed8}.dav-pick-item{display:block;width:100%;text-align:left;background:#f8fafc;border:1.5px solid transparent;border-radius:10px;padding:12px 14px;font-size:14px;font-weight:600;color:var(--text);cursor:pointer}.dav-pick-item:hover{background:#eff6ff;border-color:#bfdbfe}.dav-labels-block{margin-bottom:14px}.dav-labels-head{font-size:12px;font-weight:700;margin-bottom:8px}.dav-labels-head-ok{color:var(--success)}.dav-labels-head-bad{color:var(--danger)}.dav-labels-scroll{display:flex;flex-wrap:wrap;gap:8px;max-height:160px;overflow-y:auto;padding:2px}.dav-filt-wrap{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.dav-filt-wrap select{flex:1;min-width:140px;padding:10px 12px;border:1.5px solid var(--line);border-radius:10px;font-size:13.5px;font-weight:600}.btn-active-filter{background:#dbeafe!important;color:#1d4ed8!important;border-color:#93c5fd!important}@media (max-width: 480px){.dav-picker-row{flex-direction:column}.dav-picker-chip{width:100%}.dav-labels-scroll{max-height:200px}}.dav-form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:16px}.dav-field{position:relative}.dav-field label{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:800;color:#475569;margin-bottom:7px;text-transform:uppercase;letter-spacing:.04em}.dav-field-icon{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:7px;font-size:14px}#davSinif~.dav-field-icon,.dav-field:nth-child(1) .dav-field-icon{background:#dbeafe;color:#2563eb}.dav-field:nth-child(1) select{border-color:#bfdbfe;background:#eff6ff}.dav-field:nth-child(1) select:focus{border-color:#2563eb;box-shadow:0 0 0 4px #2563eb24}.dav-field:nth-child(2) .dav-field-icon{background:#ede9fe;color:#7c3aed}.dav-field:nth-child(2) select{border-color:#ddd6fe;background:#f5f3ff}.dav-field:nth-child(2) select:focus{border-color:#7c3aed;box-shadow:0 0 0 4px #7c3aed24}.dav-field:nth-child(3) .dav-field-icon{background:#ffedd5;color:#ea580c}.dav-field:nth-child(3) select{border-color:#fed7aa;background:#fff7ed}.dav-field:nth-child(3) select:focus{border-color:#ea580c;box-shadow:0 0 0 4px #ea580c24}.dav-field select,.dav-field input{width:100%;padding:14px 44px 14px 16px;border:2px solid var(--line);border-radius:14px;font-size:15px;font-weight:700;color:#1e293b;min-height:54px;transition:border-color .15s,box-shadow .15s,background .15s;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;box-shadow:0 1px 3px #0000000a}.dav-field select{background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 14px center}.dav-field select:focus,.dav-field input:focus{outline:none}.dav-field input{background:#f8fafc;border-color:#e2e8f0;font-weight:500}.dav-field input:focus{border-color:var(--primary);box-shadow:0 0 0 4px #2563eb1f;background:#fff}.dav-auto-fill-banner{background:linear-gradient(135deg,#eff6ff,#f0fdf4);border:2px solid #93c5fd;border-radius:16px;padding:14px 18px;margin-bottom:16px;color:#1e3a8a;font-size:13.5px;line-height:1.5}.dav-summary-strip{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:linear-gradient(135deg,#f0f9ff,#eff6ff);border:1.5px solid #bfdbfe;border-radius:14px;padding:12px 16px;margin-bottom:16px;font-size:13px;font-weight:700;color:#1e40af}.dav-summary-strip .chip{display:inline-flex;align-items:center;gap:4px;background:#fff;border-radius:999px;padding:5px 12px;font-size:12px;font-weight:700;box-shadow:0 1px 3px #0000000f}.etiket-grid{display:flex;flex-wrap:wrap;gap:10px}.etiket-btn{display:inline-flex;align-items:center;gap:8px;padding:14px 18px;border-radius:14px;border:2px solid var(--line);background:#fff;font-size:15px;font-weight:700;cursor:pointer;transition:transform .15s,box-shadow .15s,background .15s,border-color .15s;min-height:50px;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.etiket-btn.olumlu{border-color:#bbf7d0;background:#f0fdf4;color:#166534}.etiket-btn.olumsuz{border-color:#fecaca;background:#fef2f2;color:#991b1b}.etiket-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #00000014}.etiket-btn.olumlu.active{background:#16a34a;border-color:#16a34a;color:#fff;box-shadow:0 8px 20px #16a34a52;transform:translateY(-2px)}.etiket-btn.olumsuz.active{background:#dc2626;border-color:#dc2626;color:#fff;box-shadow:0 8px 20px #dc262652;transform:translateY(-2px)}.etiket-puan{display:inline-flex;align-items:center;justify-content:center;min-width:30px;padding:3px 9px;border-radius:999px;font-size:12px;font-weight:800;background:#00000014}.etiket-btn.active .etiket-puan{background:#ffffff47}.etiket-ozel{position:relative}.etiket-ozel:after{content:"★";position:absolute;top:-6px;right:-6px;font-size:16px;color:#f59e0b;filter:drop-shadow(0 1px 2px rgba(0,0,0,.2))}.etiket-item{display:inline-flex;align-items:center;gap:6px;padding:9px 15px;border-radius:999px;font-size:13px;font-weight:700;box-shadow:0 1px 4px #0000000d}.etiket-item.olumlu{background:#dcfce7;color:#166534}.etiket-item.olumsuz{background:#fee2e2;color:#991b1b}.badge-olumlu{background:#dcfce7;color:#166534}.badge-olumsuz{background:#fee2e2;color:#991b1b}.dav-toplam{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:800;background:#eef2ff;color:#3730a3}.dav-toplam.neg{background:#fee2e2;color:#991b1b}.dav-toplam.poz{background:#dcfce7;color:#166534}@media (max-width: 768px){.dav-form-grid{grid-template-columns:1fr 1fr;gap:10px}.dav-field:nth-child(3){grid-column:1 / -1}.dav-field select,.dav-field input{font-size:16px;min-height:56px;padding:14px 44px 14px 14px}.etiket-btn{flex:1 1 calc(50% - 10px);justify-content:center;padding:16px 10px;font-size:14px;min-height:58px;border-radius:16px}.etiket-btn .etiket-puan{font-size:13px;padding:4px 10px}}@media (max-width: 480px){.dav-form-grid{grid-template-columns:1fr}.dav-field:nth-child(3){grid-column:auto}}.flt-th{position:relative;transition:background .15s;white-space:nowrap}.flt-th:hover{background:#e8f0fe!important}.flt-th.flt-active{background:#dbeafe!important;color:#1d4ed8!important}.flt-icon{display:inline-block;font-size:10px;opacity:.6;margin-left:2px}.flt-th.flt-active .flt-icon{opacity:1}.flt-table-active{border:2px solid #93c5fd;border-radius:12px;box-shadow:0 0 0 3px #93c5fd33}.flt-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;background:linear-gradient(135deg,#dbeafe,#e0e7ff);border:1.5px solid #93c5fd;border-radius:12px;padding:10px 16px;margin-bottom:12px;font-size:13px;font-weight:700;color:#1e40af;animation:fltSlideIn .3s ease}@keyframes fltSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 640px){.flt-banner{flex-direction:column;gap:8px;text-align:center}.flt-th{font-size:12px}.flt-icon{display:none}}.att-filter-form{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap}.att-filter-form .dav-field{flex:1;min-width:150px}.att-filter-form .att-submit-btn{min-height:54px;font-size:15px;padding:14px 22px;white-space:nowrap}.badge-late{background:#fef3c7;color:#92400e}@media (max-width: 640px){.att-filter-form{flex-direction:column;align-items:stretch}.att-filter-form .dav-field{min-width:100%}.att-filter-form .att-submit-btn{width:100%}}.att-slots-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}.att-slot{display:flex;flex-direction:column;gap:4px;padding:16px 12px;border:2px solid var(--line);border-radius:16px;background:#fff;cursor:pointer;transition:transform .15s,box-shadow .15s,border-color .15s,background .15s;text-align:center;min-height:110px;justify-content:center;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.att-slot:hover{transform:translateY(-3px);box-shadow:0 8px 20px #0000001a;border-color:var(--primary)}.att-slot.has-lesson{background:linear-gradient(135deg,#eff6ff,#f0f9ff);border-color:#bfdbfe}.att-slot.has-lesson:hover{border-color:#2563eb;box-shadow:0 8px 20px #2563eb2e}.att-slot-no{font-size:11px;font-weight:800;color:#2563eb;letter-spacing:.5px}.att-slot-time{font-size:12px;font-weight:700;color:#64748b}.att-slot-name{font-size:15px;font-weight:800;color:#1e293b;margin-top:4px;word-break:break-word}.att-slot:active{transform:scale(.97)}@media (max-width: 640px){.att-slots-grid{grid-template-columns:repeat(2,1fr);gap:10px}.att-slot{min-height:100px;padding:14px 8px}.att-slot-name{font-size:14px}}.att-now-banner{display:flex;align-items:center;gap:14px;background:linear-gradient(135deg,#fee2e2,#fef3c7);border:2px solid #fca5a5;border-radius:16px;padding:14px 18px;margin-bottom:16px;color:#991b1b;font-size:14px;animation:attBannerPulse 2s ease-in-out infinite}@keyframes attBannerPulse{0%,to{box-shadow:0 0 #ef444466}50%{box-shadow:0 0 0 12px #ef444400}}.att-now-pulse{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;background:#dc2626;flex-shrink:0;animation:attDotPulse 1.2s ease-in-out infinite}@keyframes attDotPulse{0%,to{transform:scale(1);box-shadow:0 0 #dc262699}50%{transform:scale(1.3);box-shadow:0 0 0 8px #dc262600}}.att-slot-now{border:3px solid #dc2626!important;background:linear-gradient(135deg,#fef2f2,#fff7ed)!important;box-shadow:0 0 0 4px #dc262626,0 8px 24px #dc262633!important;animation:attSlotGlow 1.5s ease-in-out infinite}@keyframes attSlotGlow{0%,to{box-shadow:0 0 0 4px #dc262626,0 8px 24px #dc262633;transform:translateY(-2px)}50%{box-shadow:0 0 0 10px #dc26260d,0 12px 30px #dc26264d;transform:translateY(-4px)}}.att-now-badge{position:absolute;top:-10px;right:-8px;background:#dc2626;color:#fff;font-size:10px;font-weight:800;padding:3px 9px;border-radius:999px;white-space:nowrap;box-shadow:0 2px 8px #dc262666}.att-slot{position:relative}.att-slot-past{opacity:.55;background:#f8fafc!important;border-color:#e2e8f0!important}.att-slot-past .att-slot-no{color:#94a3b8}.att-slot-past .att-slot-name{color:#64748b}@media (max-width: 640px){.att-now-banner{flex-direction:column;text-align:center;gap:8px;padding:12px}.att-now-badge{font-size:9px;padding:2px 7px}}.odev-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.odev-card{background:#fff;border-radius:18px;padding:20px;box-shadow:var(--shadow);border-top:4px solid var(--primary);transition:transform .15s,box-shadow .15s}.odev-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px #0f172a1f}.odev-card.gecmis{border-top-color:var(--danger);opacity:.85}.odev-card h4{font-size:16px;margin:0 0 8px;font-weight:800;overflow-wrap:break-word;word-break:break-word}.odev-meta{font-size:12px;color:var(--muted);margin-bottom:10px;display:flex;gap:12px}.odev-acik{font-size:13px;color:var(--text);margin-bottom:12px;line-height:1.5;background:#f8fafc;padding:10px;border-radius:10px;overflow-wrap:break-word;word-break:break-word;white-space:pre-wrap}.odev-son{font-size:12px;font-weight:700;color:var(--danger)}.odev-son.ok{color:var(--success)}.odev-actions{display:flex;gap:6px;flex-wrap:wrap}.odev-control-progress{margin-top:10px;padding:8px 10px;border-radius:10px;font-size:12px;font-weight:700;text-align:center}.odev-control-progress-none{background:#f1f5f9;color:var(--muted)}.odev-control-progress-full{background:#dcfce7;color:#15803d}.odev-control-progress-partial{background:#fef3c7;color:#92400e}.odev-seen-progress{margin-top:8px;padding:8px 10px;border-radius:10px;font-size:12px;font-weight:700;text-align:center}.odev-seen-progress-none{background:#fef9c3;color:#854d0e}.odev-seen-progress-full{background:#dcfce7;color:#15803d}.odev-seen-progress-partial{background:#eff6ff;color:#1e40af}.hw-seen-modal-summary{font-size:14px;font-weight:700;margin-bottom:14px}.hw-seen-modal-columns{display:grid;grid-template-columns:1fr 1fr;gap:16px}.hw-seen-modal-col-head{margin:0 0 8px;font-size:13.5px}.hw-seen-modal-col-ok{color:#16a34a}.hw-seen-modal-col-no{color:#dc2626}.hw-seen-modal-list{list-style:none;margin:0;padding:0;max-height:320px;overflow-y:auto}.hw-seen-modal-list li{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 10px;border-radius:8px;font-size:13px}.hw-seen-modal-list li:nth-child(odd){background:#f8fafc}.hw-seen-modal-time{font-size:11px;color:var(--muted);font-weight:700;white-space:nowrap}@media (max-width: 560px){.hw-seen-modal-columns{grid-template-columns:1fr}}.hw-check-seen-tag{display:inline-flex;align-items:center;font-size:10.5px;font-weight:800;padding:2px 8px;border-radius:999px;margin-left:6px;vertical-align:middle}.hw-check-seen-tag.seen{background:#dcfce7;color:#15803d}.hw-check-seen-tag.unseen{background:#fef9c3;color:#854d0e}.badge-bekliyor{background:#fef3c7;color:#92400e}.badge-late{background:#ede9fe;color:#5b21b6}.att-modal.odev-control-modal{max-width:900px;padding:0;overflow:hidden;background:#f6f8fb;display:flex;flex-direction:column}.odev-control-modal .odev-control-topbar,.odev-control-modal .odev-control-toolbar,.odev-control-modal .att-modal-footer{flex-shrink:0}.odev-control-topbar{background:linear-gradient(135deg,#eff6ff,#f0fdf4);border-bottom:1px solid #dbeafe;padding:10px 16px;display:flex;justify-content:space-between;align-items:center;gap:10px}.odev-control-topbar-info{font-size:13px;color:var(--text);line-height:1.4;min-width:0}.odev-control-topbar-meta{display:block;font-size:11px;color:var(--muted);font-weight:600;margin-top:2px}.odev-control-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:8px 16px;background:#fff;border-bottom:2px solid #e2e8f0}.odev-guide-toggle{background:#eff6ff;border:1px solid #dbeafe;border-radius:8px;padding:6px 12px;display:flex;align-items:center;gap:6px;cursor:pointer;font-size:12px;font-weight:800;color:#1e3a8a}.odev-guide-toggle:hover{background:#dbeafe}.odev-guide-arrow{font-size:12px;transition:transform .15s}.odev-guide-body{padding:12px 16px;background:#f8fafc;border-bottom:1px solid #e2e8f0;flex-shrink:0}.odev-control-guide-list{margin:0;padding-left:20px;font-size:12.5px;color:#334155;line-height:1.8}.odev-control-guide-list li{margin-bottom:2px}.guide-badge{display:inline-block;padding:2px 8px;border-radius:6px;font-size:11px;font-weight:800}.guide-badge-red{background:#fee2e2;color:#b91c1c}.guide-badge-orange{background:#fef3c7;color:#92400e}.guide-badge-purple{background:#ede9fe;color:#6d28d9}.guide-badge-green{background:#dcfce7;color:#15803d}.odev-sort-toggle{display:flex;align-items:center;gap:6px;background:#f1f5f9;padding:3px;border-radius:10px;flex-shrink:0}.odev-sort-btn{background:transparent;border:none;border-radius:8px;padding:6px 12px;font-size:11.5px;font-weight:700;color:var(--muted);cursor:pointer;transition:all .15s}.odev-sort-btn:hover{color:var(--text)}.odev-sort-btn.active{background:var(--primary);color:#fff;box-shadow:0 2px 8px #2563eb4d}@media (max-width: 640px){.odev-control-topbar{flex-direction:column;align-items:flex-start}.odev-control-toolbar{flex-direction:column;align-items:stretch}.odev-sort-toggle{width:100%}.odev-sort-btn{flex:1;text-align:center}}.odev-confirm-bar{display:none;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:14px 20px;background:#fff7ed;border-bottom:2px solid #f59e0b;position:sticky;top:0;z-index:20;animation:odevConfirmSlideIn .2s ease-out}.odev-confirm-bar.active{display:flex}@keyframes odevConfirmSlideIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.odev-confirm-text{font-size:13px;font-weight:700;color:#9a3412;line-height:1.5;flex:1;min-width:220px}.odev-confirm-actions{display:flex;gap:8px;flex-shrink:0}.odev-confirm-actions .btn{width:auto;padding:10px 16px;font-size:13px;white-space:nowrap}@media (max-width: 640px){.odev-confirm-bar{flex-direction:column;align-items:stretch}.odev-confirm-actions{justify-content:flex-end}}.odev-control-list{padding:10px 16px 16px;display:flex;flex-direction:column;gap:0;flex:1 1 auto;min-height:0;overflow-y:auto}.odev-check-row{display:flex;align-items:center;gap:10px;padding:10px 12px;border-bottom:1px solid #eef2f7;border-left:4px solid transparent;transition:background .12s,border-color .12s;flex-wrap:nowrap}.odev-check-row.row-even{background:#fff}.odev-check-row.row-odd{background:#fafbfc}.odev-check-row:hover{background:#f1f5f9}.odev-check-row.row-yapti{background:#f0fdf4;border-left-color:#16a34a}.odev-check-row.row-yapmadi{background:#fef2f2;border-left-color:#ef4444}.odev-check-row.row-mazeretli{background:#fffbeb;border-left-color:#f59e0b}.odev-check-row.row-yok{background:#f5f3ff;border-left-color:#8b5cf6}.odev-check-row.odev-check-row-locked{background:#f8fafc;opacity:.72;cursor:not-allowed}.odev-check-row.odev-check-row-locked .odev-status-choice{cursor:not-allowed}.hw-check-locked-tag{display:inline-flex;align-items:center;font-size:10.5px;font-weight:800;padding:2px 8px;border-radius:999px;margin-left:6px;vertical-align:middle;background:#e2e8f0;color:#475569}.odev-ai-eval-btn{display:inline-flex;align-items:center;gap:4px;font-size:11.5px;font-weight:800;padding:4px 10px;border-radius:999px;border:1px solid #c4b5fd;background:linear-gradient(135deg,#ede9fe,#ddd6fe);color:#5b21b6;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease;white-space:nowrap}.odev-ai-eval-btn:hover{transform:translateY(-1px);box-shadow:0 3px 10px #7c3aed40}.odev-check-row .odev-ai-eval-btn{margin-top:4px}.odev-ai-eval-score{display:inline-block;font-size:15px;font-weight:800;padding:8px 16px;border-radius:12px;background:linear-gradient(135deg,#ede9fe,#ddd6fe);color:#5b21b6;margin-bottom:14px}.odev-ai-eval-images{margin-bottom:14px}.odev-ai-eval-text{font-size:13.5px;line-height:1.65;color:var(--text, #1f2937);background:#faf9ff;border:1px solid #ede9fe;border-radius:10px;padding:14px 16px;max-height:50vh;overflow-y:auto}.odev-ai-eval-text .odev-ai-eval-heading{margin:12px 0 6px;font-size:14px;font-weight:800;color:#5b21b6}.odev-ai-eval-text .odev-ai-eval-heading:first-child{margin-top:0}.odev-ai-eval-text li{margin-left:18px}.odev-check-identity{display:flex;align-items:center;gap:8px;min-width:150px;max-width:220px;flex-shrink:0}.odev-check-no{background:#eff6ff;color:var(--primary);font-weight:800;padding:5px 9px;border-radius:8px;font-size:12px;min-width:36px;text-align:center;flex-shrink:0}.odev-check-name{font-size:13.5px;font-weight:800;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.odev-status-choices{display:flex;gap:5px;flex:1;min-width:0}.odev-status-choice{border:1.5px solid #e2e8f0;background:#fff;border-radius:9px;padding:7px 4px;cursor:pointer;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:4px;font-size:11px;font-weight:700;color:#64748b;transition:all .12s;flex:1;min-width:0}.odev-status-choice span:last-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.odev-status-choice .mini-tick{width:15px;height:15px;border-radius:5px;border:2px solid #cbd5e1;display:flex;align-items:center;justify-content:center;color:transparent;font-size:10px;flex-shrink:0}.odev-status-choice.yapti.active{background:#dcfce7;border-color:#16a34a;color:#15803d}.odev-status-choice.yapti.active .mini-tick{background:#16a34a;border-color:#16a34a;color:#fff}.odev-status-choice.yapmadi.active{background:#fee2e2;border-color:#ef4444;color:#b91c1c}.odev-status-choice.yapmadi.active .mini-tick{background:#ef4444;border-color:#ef4444;color:#fff}.odev-status-choice.mazeretli.active{background:#fef3c7;border-color:#f59e0b;color:#92400e}.odev-status-choice.mazeretli.active .mini-tick{background:#f59e0b;border-color:#f59e0b;color:#fff}.odev-status-choice.yok.active{background:#ede9fe;border-color:#8b5cf6;color:#6d28d9}.odev-status-choice.yok.active .mini-tick{background:#8b5cf6;border-color:#8b5cf6;color:#fff}.odev-yorum-toggle{background:#f1f5f9;border:none;border-radius:8px;width:32px;height:32px;font-size:14px;cursor:pointer;flex-shrink:0;color:inherit;transition:background .12s,color .12s}.odev-yorum-toggle.has-yorum{background:#dbeafe}.odev-yorum-toggle.is-open{background:#fee2e2;color:#b91c1c;font-weight:800}.odev-yorum-box{width:100%;margin-top:8px;flex-basis:100%}.odev-yorum-box .tesYorum{width:100%;border:1.5px solid var(--line);border-radius:8px;padding:8px 10px;font-size:12.5px}.odev-guide-toggle{width:100%;background:transparent;border:none;padding:12px 20px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;font-size:13px;font-weight:800;color:#1e3a8a}.odev-guide-toggle:hover{background:#1e3a8a0d}.odev-guide-arrow{font-size:14px;transition:transform .15s}.odev-guide-toggle.open .odev-guide-arrow{transform:rotate(180deg)}.odev-guide-body{padding:0 20px 14px}@media (max-width: 720px){.odev-check-row{flex-wrap:wrap;padding:12px 10px}.odev-check-identity{min-width:0;max-width:none;width:100%;margin-bottom:8px}.odev-check-name{white-space:normal;overflow:visible;text-overflow:unset}.odev-status-choices{width:100%;order:3}.odev-status-choice{padding:9px 2px;font-size:10px;flex-direction:column;gap:2px}.odev-status-choice .mini-tick{width:18px;height:18px}.odev-yorum-toggle{order:2;margin-left:auto}}.att-modal{border-radius:20px!important;box-shadow:0 20px 60px #00000040!important;border:1px solid rgba(255,255,255,.1)}.att-modal h3{font-size:18px}.att-modal .form-group input,.att-modal .form-group select,.att-modal .form-group textarea{border-width:2px!important;border-radius:12px!important;padding:12px 14px!important;font-size:15px!important;transition:border-color .15s,box-shadow .15s}.att-modal .form-group input:focus,.att-modal .form-group select:focus,.att-modal .form-group textarea:focus{border-color:var(--primary)!important;box-shadow:0 0 0 4px #2563eb1f!important;outline:none!important}.att-modal .btn{border-radius:12px!important;font-weight:700!important}.hw-bulk-modal{max-width:1100px!important;padding:0!important;overflow:hidden}.hw-bulk-table{font-size:13px;border-collapse:collapse}.hw-bulk-table th{background:#f1f5f9;padding:10px 6px;font-weight:800;font-size:12px;text-transform:uppercase;border-bottom:2px solid #cbd5e1;position:sticky;top:0;z-index:4}.hw-bulk-table td{padding:10px 6px;border-bottom:1px solid #e2e8f0;vertical-align:middle}.hw-bulk-table tbody tr:hover{background:#f8fafc}@media (max-width: 640px){.att-modal{max-width:100%!important;max-height:92vh!important;border-radius:16px!important}.hw-bulk-modal{max-width:100%!important}}.hw-student-filter{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:16px}.hw-student-filter label{font-weight:700;font-size:13px;color:var(--muted);margin:0}.hw-student-filter select{width:auto;min-width:200px}.hw-student-tabs{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}.hw-student-tab{background:#f1f5f9;color:var(--muted);border:1.5px solid var(--line);border-radius:12px;padding:10px 16px;font-weight:700;font-size:13px;cursor:pointer}.hw-student-tab.active{background:var(--primary);color:#fff;border-color:var(--primary)}.hw-student-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:18px}.hw-student-choice-btn{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:22px 16px;border-radius:18px;border:2px solid var(--line);background:#fff;cursor:pointer;box-shadow:0 4px 14px #0f172a0f;transition:transform .15s,box-shadow .15s,border-color .15s}.hw-student-choice-btn:hover{transform:translateY(-2px);box-shadow:0 10px 24px #0f172a1f}.hw-choice-icon{font-size:30px;line-height:1}.hw-choice-label{font-weight:800;font-size:14.5px;color:var(--text);text-align:center}.hw-choice-count{font-size:12px;font-weight:700;padding:2px 10px;border-radius:999px;background:#f1f5f9;color:var(--muted)}.hw-choice-guncel{border-color:#bbf7d0;background:linear-gradient(135deg,#f0fdf4,#fff)}.hw-choice-guncel:hover{border-color:var(--success)}.hw-choice-guncel.active{border-color:var(--success);background:linear-gradient(135deg,#dcfce7,#f0fdf4);box-shadow:0 0 0 3px #16a34a26}.hw-choice-guncel.active .hw-choice-count{background:var(--success);color:#fff}.hw-choice-gecmis{border-color:#fecaca;background:linear-gradient(135deg,#fef2f2,#fff)}.hw-choice-gecmis:hover{border-color:var(--danger)}.hw-choice-gecmis.active{border-color:var(--danger);background:linear-gradient(135deg,#fee2e2,#fef2f2);box-shadow:0 0 0 3px #dc262626}.hw-choice-gecmis.active .hw-choice-count{background:var(--danger);color:#fff}.hw-teacher-class-pills{display:flex;flex-wrap:wrap;gap:5px;justify-content:center;margin-top:6px}.hw-teacher-class-pill{font-size:10.5px;font-weight:700;padding:2px 8px;border-radius:999px;background:#0f172a0f;color:var(--text);white-space:nowrap}.hw-choice-plusminus{border-color:#bfdbfe;background:linear-gradient(135deg,#eff6ff,#fff)}.hw-choice-plusminus:hover{border-color:var(--primary)}.hw-choice-plusminus:active{border-color:var(--primary);background:linear-gradient(135deg,#dbeafe,#eff6ff);box-shadow:0 0 0 3px #2563eb26}.hw-student-choice-grid-3{grid-template-columns:1fr 1fr 1fr}@media (max-width: 560px){.hw-student-choice-grid,.hw-student-choice-grid-3{grid-template-columns:1fr}}.hw-choice-guncel.hw-has-unseen{border-color:var(--success);border-width:2.5px;background:linear-gradient(135deg,#dcfce7,#f0fdf4);animation:hwUnseenGlow 1.8s ease-in-out infinite}@keyframes hwUnseenGlow{0%,to{box-shadow:0 0 #16a34a59,0 4px 14px #0f172a0f}50%{box-shadow:0 0 0 9px #16a34a00,0 10px 24px #16a34a2e}}.hw-unseen-badge{position:absolute;top:-10px;right:-8px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;font-size:11px;font-weight:800;padding:4px 10px;border-radius:999px;box-shadow:0 3px 8px #dc262666;animation:hwUnseenBadgePulse 1.8s ease-in-out infinite}@keyframes hwUnseenBadgePulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.hw-unseen-lessons{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-top:8px;max-width:100%}.hw-unseen-lesson-pill{display:inline-flex;align-items:center;gap:4px;background:#ffffffbf;border:1px solid var(--success);color:#15803d;font-size:11px;font-weight:800;padding:4px 10px;border-radius:999px;white-space:nowrap;animation:hwUnseenPillIn .3s ease}@keyframes hwUnseenPillIn{0%{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}.hw-seen-tag{display:inline-flex;align-items:center;gap:4px;font-size:11.5px;font-weight:700;padding:4px 10px;border-radius:999px}.hw-seen-yes{background:#dcfce7;color:#15803d;border:1px solid #bbf7d0}.hw-seen-no{background:#fef9c3;color:#854d0e;border:1px solid #fde68a}.hw-expired-toggle-wrap{margin:16px 0}.hw-expired-toggle-btn{width:100%;background:#f8fafc;border:1.5px dashed var(--line);border-radius:12px;padding:12px 16px;font-weight:700;font-size:13.5px;color:var(--muted);cursor:pointer;text-align:left}.hw-expired-toggle-btn:hover{background:#f1f5f9}.hw-expired-toggle-btn.open{color:var(--danger);border-color:#fca5a5;background:#fef2f2}.hw-class-picker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:10px}.hw-class-picker-btn{background:#eff6ff;border:1.5px solid #bfdbfe;border-radius:12px;padding:14px 8px;font-weight:800;font-size:14px;color:var(--primary);cursor:pointer;text-align:center}.hw-class-picker-btn:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.odev-lesson-tag{display:inline-block;background:#ede9fe;color:#6d28d9;font-size:11px;font-weight:800;padding:3px 10px;border-radius:8px;margin-bottom:8px}.odev-kalan{display:block;font-size:11px;font-weight:700;color:var(--success);margin-top:2px}.odev-card.gecmis .odev-kalan{color:var(--danger)}.odev-countdown{display:inline-block;font-size:11px;font-weight:800;padding:2px 9px;border-radius:999px;margin-left:6px;white-space:nowrap;vertical-align:middle}.odev-countdown-ok{background:#dcfce7;color:#166534}.odev-countdown-warn{background:#fef3c7;color:#92400e}.odev-countdown-urgent{background:#fee2e2;color:#991b1b;animation:odevCountdownPulse 1.4s ease-in-out infinite}.odev-countdown-over{background:#e2e8f0;color:#475569}@keyframes odevCountdownPulse{0%,to{opacity:1}50%{opacity:.55}}@media (max-width: 640px){.hw-student-filter select{width:100%}}.odev-card-no{display:inline-block;background:linear-gradient(135deg,#2563eb,#3b82f6);color:#fff;font-size:11px;font-weight:800;padding:4px 12px;border-radius:999px;margin-bottom:10px;letter-spacing:.5px;box-shadow:0 2px 6px #2563eb33}.odev-card.gecmis .odev-card-no{background:linear-gradient(135deg,#dc2626,#ef4444);box-shadow:0 2px 6px #dc262633}.modal-header-bar{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid var(--line);border-radius:20px 20px 0 0}.modal-header-bar h3{margin:0;font-size:17px;font-weight:800}.modal-x-btn{background:#fee2e2;color:#dc2626;border:none;border-radius:10px;width:36px;height:36px;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,transform .15s;flex-shrink:0}.modal-x-btn:hover{background:#fecaca;transform:scale(1.1)}.hw-bulk-table{border-collapse:separate;border-spacing:0}.hw-bulk-table thead th{background:#1e293b;color:#fff;padding:12px 8px;font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.3px;position:sticky;top:0;z-index:5;border-bottom:2px solid #0f172a}.hw-bulk-table .hw-bulk-hw{text-align:center;min-width:70px;font-size:13px;border-left:2px solid #334155}.hw-bulk-table .hw-bulk-sticky{position:sticky;left:0;z-index:3;min-width:60px;text-align:center}.hw-bulk-table .hw-bulk-sticky2{position:sticky;left:60px;z-index:3;min-width:180px;text-align:left;border-right:2px solid #334155}.hw-bulk-table tbody .hw-bulk-sticky,.hw-bulk-table tbody .hw-bulk-sticky2{background:#fff;z-index:2}.hw-bulk-table tbody tr:nth-child(2n) .hw-bulk-sticky,.hw-bulk-table tbody tr:nth-child(2n) .hw-bulk-sticky2{background:#f8fafc}.hw-bulk-table tbody tr:hover .hw-bulk-sticky,.hw-bulk-table tbody tr:hover .hw-bulk-sticky2{background:#eff6ff}.hw-bulk-cell{text-align:center;font-weight:800;font-size:18px;padding:10px 8px;border-left:2px solid #e2e8f0;border-right:1px solid #f1f5f9;position:relative;white-space:nowrap}.hw-bulk-cell-sym{display:inline-block}.odev-ai-eval-btn-mini{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;min-width:0;padding:0;margin-left:3px;border-radius:50%;border:1px solid #c4b5fd;background:linear-gradient(135deg,#ede9fe,#ddd6fe);font-size:9px;line-height:1;vertical-align:middle;cursor:pointer}.odev-ai-eval-btn-mini:hover{transform:scale(1.15)}.hw-bulk-score{text-align:center;min-width:90px;font-size:15px;font-weight:800;border-left:2px solid #334155}.hw-bulk-score-good{color:var(--success)}.hw-bulk-score-bad{color:var(--danger)}@media (max-width: 640px){.hw-bulk-table .hw-bulk-sticky2{min-width:130px}.hw-bulk-cell{font-size:16px}}.hw-admin-filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-top:8px}.hw-admin-filters .dav-field select{width:100%;padding:12px 14px;border:2px solid var(--line);border-radius:12px;font-size:14px;font-weight:600;background:#fff;cursor:pointer;transition:border-color .15s,box-shadow .15s}.hw-admin-filters .dav-field select:focus{border-color:var(--primary);box-shadow:0 0 0 4px #2563eb1f;outline:none}@media (max-width: 640px){.hw-admin-filters{grid-template-columns:1fr}}.login-wrap{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;background:linear-gradient(135deg,#1e3a8a,#2563eb,#3b82f6)}.login-hero{text-align:center;margin-bottom:32px;color:#fff}.login-logo{font-size:56px;margin-bottom:8px;filter:drop-shadow(0 4px 12px rgba(0,0,0,.2))}.login-brand{font-size:28px;font-weight:800;margin:0 0 6px;text-shadow:0 2px 8px rgba(0,0,0,.2)}.login-tagline{font-size:15px;opacity:.85;margin:0}.login-cards{display:flex;gap:20px;flex-wrap:wrap;justify-content:center;max-width:720px;width:100%}.login-card{flex:1;min-width:280px;max-width:360px;min-height:220px;background-color:#0f172a;background-size:cover;background-position:center;background-repeat:no-repeat;border:none;border-radius:24px;padding:32px 24px;cursor:pointer;text-align:left;transition:transform .2s,box-shadow .2s;box-shadow:0 8px 32px #00000026;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end}.login-card:hover{transform:translateY(-6px);box-shadow:0 16px 40px #00000059}.login-card:active{transform:scale(.98)}.login-card-content{position:relative;z-index:2}.login-card-title{font-size:22px;font-weight:800;color:#fff;margin-bottom:6px;text-shadow:0 2px 8px rgba(0,0,0,.6)}.login-card-desc{font-size:14px;color:#ffffffe6;text-shadow:0 2px 8px rgba(0,0,0,.6)}.login-card-arrow{position:absolute;right:24px;top:50%;transform:translateY(-50%);font-size:32px;font-weight:800;color:#cbd5e1;transition:color .2s,transform .2s}.login-card:hover .login-card-arrow{color:var(--primary);transform:translateY(-50%) translate(4px)}.login-form-box{background:#fff;border-radius:24px;padding:32px;max-width:440px;width:100%;box-shadow:0 12px 40px #0003;animation:formSlideIn .3s ease}@keyframes formSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.login-back-btn{background:none;border:none;color:var(--primary);font-size:15px;font-weight:700;cursor:pointer;padding:0 0 16px;margin-bottom:8px}.login-back-btn:hover{text-decoration:underline}.login-form-title{font-size:22px;font-weight:800;color:#1e293b;margin:0 0 24px}.role-toggle{display:flex;gap:0;background:#f1f5f9;border-radius:14px;padding:5px;margin-bottom:24px}.role-btn{flex:1;padding:14px;border:none;border-radius:10px;background:transparent;font-size:14px;font-weight:700;color:#64748b;cursor:pointer;transition:all .15s}.role-btn.active{background:#fff;color:var(--primary);box-shadow:0 2px 8px #0000001a}.login-field{margin-bottom:18px}.login-field label{display:block;font-size:13px;font-weight:700;color:#475569;margin-bottom:8px}.login-field input{width:100%;padding:16px 18px;border:2px solid #e2e8f0;border-radius:14px;font-size:16px;font-weight:600;transition:border-color .15s,box-shadow .15s;background:#f8fafc}.login-field input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px #2563eb1f;background:#fff}.login-field-input{width:100%;padding:14px 16px;border:2px solid #e2e8f0;border-radius:12px;font-size:15px}.login-error{color:#dc2626;font-size:13px;font-weight:600;min-height:20px;margin:0 0 12px}.login-submit-btn{width:100%;padding:16px;background:var(--primary);color:#fff;border:none;border-radius:14px;font-size:16px;font-weight:800;cursor:pointer;transition:background .15s,transform .1s}.login-submit-btn:hover{background:var(--primary-dark)}.login-submit-btn:active{transform:scale(.98)}.login-submit-btn:disabled{opacity:.6;cursor:wait}.login-cancel-btn{flex:1;padding:14px;background:#f1f5f9;color:#64748b;border:none;border-radius:12px;font-size:14px;font-weight:700;cursor:pointer}.login-forgot-wrap{text-align:center;margin-top:16px}.login-forgot-btn{background:none;border:none;color:var(--primary);font-size:14px;font-weight:600;cursor:pointer}.login-forgot-btn:hover{text-decoration:underline}.login-forgot-box{margin-top:16px;background:#eff6ff;border:1.5px solid #93c5fd;border-radius:14px;padding:16px}.login-forgot-label{font-size:13px;color:#1e40af;margin:0 0 10px}@media (max-width: 640px){.login-cards{flex-direction:column}.login-card{min-width:100%}.login-form-box{padding:24px 20px}.login-brand{font-size:22px}}.import-tabs{display:flex;gap:6px;background:#f1f5f9;border-radius:16px;padding:6px;margin-bottom:18px;overflow-x:auto}.import-tab-btn{flex:1;min-width:max-content;padding:14px 20px;border:none;border-radius:12px;background:transparent;font-size:14px;font-weight:700;color:#64748b;cursor:pointer;transition:all .15s;white-space:nowrap}.import-tab-btn.active{background:#fff;color:var(--primary);box-shadow:0 2px 8px #00000014}.import-tab-btn:hover:not(.active):not(:disabled){background:#ffffff80}@media (max-width: 640px){.import-tabs{flex-direction:column}.import-tab-btn{width:100%}}.stu-filter-bar{display:flex;gap:12px;align-items:flex-end;margin-bottom:14px}.stu-filter-bar .dav-field{flex:1;min-width:160px}.stu-filter-bar .dav-field select,.stu-filter-bar .dav-field input{width:100%;padding:12px 14px;border:2px solid var(--line);border-radius:12px;font-size:14px;font-weight:600;background:#fff}.stu-filter-bar .dav-field select:focus,.stu-filter-bar .dav-field input:focus{border-color:var(--primary);box-shadow:0 0 0 4px #2563eb1f;outline:none}.stu-stats-strip{margin-bottom:14px}.stu-stat-chip{display:inline-flex;align-items:center;gap:4px;background:#eff6ff;border:1px solid #bfdbfe;border-radius:999px;padding:8px 16px;font-size:13px;font-weight:700;color:#1e40af}.dav-lesson-filter-wrap{margin-bottom:16px}.dav-lesson-filter-label{font-weight:800;font-size:12.5px;text-transform:uppercase;letter-spacing:.03em;color:var(--muted);margin-bottom:10px}.dav-lesson-chips{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;scrollbar-width:thin}.dav-lesson-chips::-webkit-scrollbar{height:5px}.dav-lesson-chips::-webkit-scrollbar-thumb{background:var(--line);border-radius:999px}.dav-lesson-chip{display:inline-flex;align-items:center;gap:8px;flex-shrink:0;background:#fff;border:1.5px solid var(--line);border-radius:999px;padding:9px 8px 9px 16px;font-size:13.5px;font-weight:700;color:var(--text);cursor:pointer;white-space:nowrap;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease,background .15s ease}.dav-lesson-chip:hover{border-color:#93c5fd;transform:translateY(-1px);box-shadow:0 3px 10px #2563eb1a}.dav-lesson-chip-count{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:#f1f5f9;color:var(--muted);font-size:12px;font-weight:800;transition:background .15s ease,color .15s ease}.dav-lesson-chip.active{background:linear-gradient(135deg,#2563eb,#1d4ed8);border-color:#1d4ed8;color:#fff;box-shadow:0 4px 14px #2563eb59}.dav-lesson-chip.active .dav-lesson-chip-count{background:#ffffff40;color:#fff}.dav-filtered-summary{background:linear-gradient(135deg,#f8fafc,#eff6ff);border:1.5px solid #dbeafe;border-radius:16px;padding:16px;margin-bottom:16px;animation:dav-filtered-summary-in .25s ease}@keyframes dav-filtered-summary-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.dav-filtered-summary-head{font-size:14px;font-weight:700;color:#1e3a8a;margin-bottom:12px}@media (max-width: 640px){.dav-lesson-chip{padding:8px 6px 8px 14px;font-size:13px}}.dav-lesson-select-wrap{margin-bottom:16px}.dav-lesson-select-label{font-weight:800;font-size:12.5px;text-transform:uppercase;letter-spacing:.03em;color:var(--muted);margin-bottom:10px;display:flex;align-items:center;gap:6px}.dav-lesson-select-box{position:relative;max-width:360px}.dav-lesson-select{width:100%;appearance:none;-webkit-appearance:none;-moz-appearance:none;background:linear-gradient(135deg,#fff,#f8fafc);border:1.5px solid var(--line);border-radius:14px;padding:13px 42px 13px 16px;font-size:14px;font-weight:700;color:var(--text);cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}.dav-lesson-select:hover{border-color:#93c5fd;box-shadow:0 3px 12px #2563eb1a}.dav-lesson-select:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb26}.dav-lesson-select.dav-lesson-select-filtered{background:linear-gradient(135deg,#2563eb,#1d4ed8);border-color:#1d4ed8;color:#fff;box-shadow:0 4px 14px #2563eb4d}.dav-lesson-select option{background:#fff;color:var(--text);font-weight:600}.dav-lesson-select-box:after{content:"▾";position:absolute;right:16px;top:50%;transform:translateY(-50%);font-size:13px;color:var(--muted);pointer-events:none;transition:color .15s ease}.dav-lesson-select-box:has(.dav-lesson-select-filtered):after{color:#fff}.dav-desktop-only{display:block}.dav-mobile-only{display:none}.dav-record-card{background:#fff;border:1.5px solid var(--line);border-left:4px solid var(--line);border-radius:14px;padding:12px 14px;margin-bottom:10px}.dav-record-card-olumlu{border-left-color:#16a34a}.dav-record-card-olumsuz{border-left-color:#dc2626}.dav-record-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.dav-record-card-point{font-size:16px;font-weight:800}.dav-record-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12.5px;color:var(--muted);flex-wrap:wrap}@media (max-width: 900px){.dav-desktop-only{display:none}.dav-mobile-only{display:block}}@media (max-width: 640px){.stu-filter-bar{flex-direction:column}.stu-filter-bar .dav-field{min-width:100%}.stu-filter-bar button{width:100%}}.last-update-box{display:inline-flex;align-items:center;gap:6px;background:#f0fdf4;border:1.5px solid #86efac;border-radius:12px;padding:10px 16px;font-size:13px;font-weight:600;color:#166534}.login-logo{margin-bottom:8px}.login-logo-img{max-width:140px;max-height:140px;border-radius:24px;box-shadow:0 8px 24px #0000004d;animation:logoFadeIn .6s ease}@keyframes logoFadeIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.sidebar h2{display:flex;align-items:center;gap:6px}.sidebar h2 img{flex-shrink:0}@media (max-width: 640px){.login-logo-img{max-width:110px;max-height:110px}}.logo-zoom-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;z-index:9999;display:flex;align-items:center;justify-content:center;padding:24px;cursor:zoom-out;animation:logoZoomFadeIn .25s ease}.logo-zoom-img{max-width:90vw;max-height:90vh;border-radius:24px;box-shadow:0 20px 60px #00000080;animation:logoZoomIn .3s cubic-bezier(.34,1.56,.64,1)}@keyframes logoZoomFadeIn{0%{opacity:0}to{opacity:1}}@keyframes logoZoomIn{0%{transform:scale(.3);opacity:0}to{transform:scale(1);opacity:1}}.login-logo{margin-bottom:12px}.heart-logo{width:150px;height:auto;cursor:zoom-in;clip-path:path("M75 138 C 75 138 5 95 5 50 C 5 25 25 5 50 5 C 62 5 70 12 75 22 C 80 12 88 5 100 5 C 125 5 145 25 145 50 C 145 95 75 138 75 138 Z");filter:drop-shadow(0 8px 20px rgba(0,0,0,.25));animation:heartbeat 1.6s ease-in-out infinite;transition:filter .2s}.heart-logo:hover{filter:drop-shadow(0 12px 30px rgba(0,0,0,.35))}@keyframes heartbeat{0%{transform:scale(1)}15%{transform:scale(1.08)}30%{transform:scale(1)}45%{transform:scale(1.06)}70%{transform:scale(1)}to{transform:scale(1)}}@media (max-width: 640px){.heart-logo{width:120px}}.today-header-card{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,var(--primary),#7c3aed);color:#fff;border-radius:18px;padding:18px 22px;margin-bottom:16px;box-shadow:var(--shadow)}.today-date{font-size:15px;font-weight:700;opacity:.95}.today-clock{font-size:26px;font-weight:800;font-variant-numeric:tabular-nums}.today-now-card{display:flex;align-items:center;gap:16px;background:linear-gradient(135deg,#fee2e2,#fef3c7);border:2px solid #fca5a5;border-radius:18px;padding:18px 20px;margin-bottom:16px;color:#991b1b}.today-now-pulse{display:inline-flex;width:18px;height:18px;border-radius:50%;background:#dc2626;flex-shrink:0;animation:attDotPulse 1.2s ease-in-out infinite}.today-now-label{font-size:12.5px;font-weight:800;letter-spacing:.02em;margin-bottom:4px}.today-now-class{font-size:19px;font-weight:800;color:#7f1d1d}.today-now-time{font-size:13px;font-weight:600;margin-top:2px}.today-next-card{background:#eef2ff;border:2px solid #c7d2fe;border-radius:18px;padding:18px 20px;margin-bottom:16px;color:#3730a3}.today-next-label{font-size:12.5px;font-weight:800;margin-bottom:4px}.today-next-class{font-size:19px;font-weight:800}.today-next-time{font-size:13px;font-weight:600;margin-top:2px}.today-done-card,.today-empty-card{background:#f8fafc;border:1px solid var(--line);border-radius:18px;padding:20px;margin-bottom:16px;text-align:center;color:var(--muted);font-weight:600}.today-lesson-strip-wrap{margin-bottom:16px;overflow-x:auto;-webkit-overflow-scrolling:touch}.today-lesson-strip{display:flex;gap:10px;padding-bottom:4px}.today-strip-item{flex:0 0 auto;min-width:110px;background:#fff;border:1.5px solid var(--line);border-radius:14px;padding:10px 12px;text-align:center;position:relative;box-shadow:var(--shadow)}.today-strip-slot{font-size:11.5px;font-weight:800;color:var(--primary);margin-bottom:2px;white-space:nowrap}.today-strip-time{font-size:11px;font-weight:700;color:var(--muted);margin-bottom:4px;white-space:nowrap}.today-strip-lesson{font-size:13px;font-weight:800;color:var(--text);overflow-wrap:break-word}.today-strip-teacher{font-size:10.5px;color:var(--muted);margin-top:3px;overflow-wrap:break-word}.today-strip-item-now{border:2px solid #dc2626;background:linear-gradient(135deg,#fef2f2,#fff7ed);box-shadow:0 0 0 3px #dc262626,0 6px 16px #dc262633}.today-strip-now-badge{position:absolute;top:-9px;left:50%;transform:translate(-50%);background:#dc2626;color:#fff;font-size:9px;font-weight:800;border-radius:999px;padding:2px 8px;white-space:nowrap;box-shadow:0 2px 6px #dc262666}.today-quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.today-quick-btn{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px 10px;cursor:pointer;box-shadow:var(--shadow);transition:transform .15s,box-shadow .15s}.today-quick-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 14px 30px #0f172a1f}.today-quick-btn-disabled{opacity:.55;cursor:not-allowed}.today-quick-icon{font-size:28px}.today-quick-label{font-size:13px;font-weight:700;color:var(--text);text-align:center}.today-quick-soon{position:absolute;top:8px;right:8px;background:#f1f5f9;color:var(--muted);font-size:9.5px;font-weight:800;padding:2px 6px;border-radius:999px}@media (max-width: 640px){.today-header-card{padding:14px 16px}.today-clock{font-size:21px}.today-quick-grid{grid-template-columns:repeat(2,1fr)}.today-quick-btn{padding:16px 8px}}.usage-modal{max-height:none!important;overflow-y:visible!important}.usage-modal .table-wrap{overflow:visible}.usage-modal .table{min-width:0}.usage-modal .table th,.usage-modal .table td{padding:8px;font-size:13px}@media (max-width: 640px){.usage-modal .table-wrap{overflow:visible}.usage-modal .table{min-width:0}.usage-modal .table thead{display:none}.usage-modal .table,.usage-modal .table tbody{display:block}.usage-modal .table tr{display:block;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:10px;padding:6px 12px;background:#fff;box-shadow:0 1px 3px #0f172a0d}.usage-modal .table tr td{display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px dashed #eef2f7;padding:8px 2px;text-align:right;font-size:13px}.usage-modal .table tr td:last-child{border-bottom:none}.usage-modal .table tr td:before{content:attr(data-label);font-weight:700;font-size:11.5px;color:#64748b;text-align:left}}.grow-modal{max-height:none!important;overflow-y:visible!important;margin:auto}.hw-plusminus-cards{display:none}@media (max-width: 640px){.hw-plusminus-desktop{display:none!important}.hw-plusminus-cards{display:block;padding:14px}}.hw-pm-card{border:1px solid #e2e8f0;border-radius:14px;padding:12px 14px;margin-bottom:12px;background:#fff;box-shadow:0 1px 3px #0f172a0d}.hw-pm-card-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;font-size:14.5px}.hw-pm-tiles{display:flex;flex-wrap:wrap;gap:8px}.hw-pm-tile{width:58px;min-height:54px;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.hw-pm-tile-no{font-size:10px;font-weight:700;color:#94a3b8}.hw-pm-tile-sym{font-size:17px;font-weight:800;line-height:1}.hw-pm-score{font-weight:800;font-size:15px;padding:4px 10px;border-radius:999px;background:#f1f5f9;color:#334155;white-space:nowrap}.hw-pm-score small{font-weight:600;color:#94a3b8}.hw-pm-score-good{background:#dcfce7;color:#166534}.hw-pm-score-bad{background:#fee2e2;color:#991b1b}