:root{color:#0f172a;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background-color:#f1f5f9;line-height:1.5}*{box-sizing:border-box}body{margin:0;background:#f1f5f9}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer;border:none;border-radius:.5rem;background:#2563eb;color:#fff;padding:.55rem 1rem;font-weight:600;transition:transform .15s ease,background .15s ease}button:hover{background:#1d4ed8}button:disabled{opacity:.6;cursor:not-allowed}button.secondary{background:#0f172a14;color:#0f172a}button.secondary:hover{background:#0f172a29}button.danger{background:#ef4444}input,select,textarea{width:100%;font:inherit;padding:.55rem .75rem;border-radius:.5rem;border:1px solid rgba(15,23,42,.15);background:#fff;transition:border .15s ease,box-shadow .15s ease}input:focus,select:focus,textarea:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb2e}textarea{resize:vertical}.app-shell{min-height:100vh;display:flex;flex-direction:column}.app-header{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:1rem 2rem;background:#0f172a;color:#f8fafc;position:sticky;top:0;z-index:10}.app-header a{color:inherit}.app-header__brand a{font-weight:700;font-size:1.25rem}.app-header__nav{display:flex;gap:1rem;align-items:center}.app-header__nav a{padding-bottom:.25rem;border-bottom:2px solid transparent;font-weight:500}.app-header__nav a.active{border-color:#38bdf8}.app-header__actions{display:flex;align-items:center;gap:.75rem}.auth-links{display:flex;gap:.5rem}.auth-links a{padding:.45rem .85rem;border-radius:.5rem;background:#94a3b833;font-weight:600}.auth-links a.primary{background:#38bdf8;color:#0f172a}.user-popover{position:relative}.user-popover__trigger{display:inline-flex;align-items:center;gap:.4rem;background:#94a3b826;color:inherit;padding:.45rem .85rem;border-radius:.5rem;font-weight:600}.user-popover__trigger:hover{background:#94a3b84d}.user-popover__caret{font-size:.8rem}.user-popover__menu{position:absolute;right:0;top:calc(100% + .5rem);background:#fff;color:#0f172a;border-radius:.75rem;padding:.75rem;display:flex;flex-direction:column;gap:.5rem;min-width:200px;box-shadow:0 20px 38px #0f172a2e;z-index:20}.user-popover__menu a{font-weight:500}.user-popover__logout{background:transparent;color:#ef4444;padding:0;text-align:left;justify-content:flex-start}.app-main{flex:1;max-width:1100px;margin:0 auto;width:100%;padding:2rem 1.25rem 3rem}.page{display:flex;flex-direction:column;gap:2rem}.page-header{display:flex;justify-content:space-between;align-items:flex-end;gap:1.5rem;flex-wrap:wrap}.page-header h1{margin:0}.page-header p{margin:.25rem 0 0;color:#475569}.page-controls{display:flex;gap:.75rem;flex-wrap:wrap}.page-controls input,.page-controls select{width:auto;min-width:180px}.page-message{background:#e2e8f0;color:#0f172a;padding:1rem;border-radius:.75rem;text-align:center}.page-message.error{background:#fee2e2;color:#b91c1c}.problem-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.25rem}.problem-table-wrapper{background:#fff;border-radius:.9rem;border:1px solid rgba(15,23,42,.08);box-shadow:0 12px 32px #0f172a14;overflow-x:auto}.problem-table{width:100%;border-collapse:collapse;min-width:720px}.problem-table th,.problem-table td{padding:.85rem 1rem;text-align:left;border-bottom:1px solid rgba(15,23,42,.08);background:#fff}.problem-table th{background:#f8fafc;color:#64748b;font-size:.85rem;text-transform:uppercase;letter-spacing:.04em;font-weight:600}.problem-table tr:nth-child(2n) td{background:#f8fafc}.problem-table__id{font-weight:600;white-space:nowrap}.problem-table__title{display:flex;flex-direction:column;gap:.35rem}.problem-table__badge{display:inline-flex;align-items:center;background:#f97316;color:#fff;border-radius:999px;padding:.2rem .6rem;font-size:.65rem;text-transform:uppercase;letter-spacing:.04em}.problem-table__algorithms{font-size:.85rem;color:#475569;margin-top:.1rem}.problem-table__actions{display:flex;gap:.5rem;flex-wrap:wrap}.problem-table__empty{padding:1.5rem 0;text-align:center;color:#475569}.problem-card{position:relative;background:#fff;border-radius:.9rem;padding:1.25rem;display:flex;flex-direction:column;gap:.75rem;border:1px solid rgba(15,23,42,.08);box-shadow:0 12px 30px #0f172a14;transition:transform .18s ease,box-shadow .18s ease}.problem-card:hover{transform:translateY(-4px);box-shadow:0 16px 40px #0f172a1f}.problem-card__title{font-weight:600;font-size:1.1rem}.problem-card__difficulty{font-weight:600;font-size:.9rem;text-transform:uppercase}.difficulty-tag{display:inline-flex;align-items:center;font-weight:600;font-size:.85rem;text-transform:uppercase;gap:.25rem}.problem-card__meta{display:flex;justify-content:space-between;color:#475569;font-size:.85rem}.problem-card__badge{position:absolute;top:1rem;right:1rem;background:#f97316;color:#fff;padding:.25rem .65rem;border-radius:999px;font-size:.7rem;text-transform:uppercase;letter-spacing:.04em}.difficulty-basic{color:#0ea5e9}.difficulty-easy{color:#10b981}.difficulty-medium{color:#f59e0b}.difficulty-hard{color:#ef4444}.problem-detail{display:flex;flex-direction:column;gap:2rem;background:transparent}.problem-detail__header{display:flex;justify-content:space-between;gap:1.5rem;flex-wrap:wrap}.problem-detail__id{margin-left:.5rem;font-size:1rem;color:#64748b}.problem-labels{display:flex;gap:.75rem;align-items:center}.problem-detail__meta{display:flex;flex-direction:column;align-items:flex-end;gap:.75rem}.problem-detail__actions{display:flex;gap:.5rem;flex-wrap:wrap}.problem-stats{display:flex;gap:1.25rem;align-items:center;color:#475569}.problem-section{background:#fff;padding:1.5rem;border-radius:.9rem;border:1px solid rgba(15,23,42,.08);box-shadow:0 10px 28px #0f172a14}.problem-section h2,.problem-section h3{margin-top:0}.problem-text{white-space:pre-wrap;margin:0}.samples-grid,.testcase-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}.sample-card,.testcase-card{background:#f8fafc;border-radius:.75rem;padding:1rem;border:1px solid rgba(15,23,42,.08)}.sample-card pre,.testcase-card pre{background:#0f172abf;color:#f8fafc;padding:.75rem;border-radius:.5rem;font-size:.85rem;overflow:auto}.callout{background:#e0f2fe;color:#0f172a}.submission-form{display:flex;flex-direction:column;gap:1rem}.submission-form button{align-self:flex-start}.form-message{padding:.75rem 1rem;border-radius:.65rem;font-size:.9rem}.form-message.success{background:#dcfce7;color:#166534}.form-message.error{background:#fee2e2;color:#b91c1c}.form-message.info{background:#e0f2fe;color:#0f172a}.muted{color:#64748b;font-size:.85rem}.form-actions{display:flex;gap:.6rem;flex-wrap:wrap}.checkbox{display:inline-flex;align-items:center;gap:.4rem;font-weight:500}.checkbox.inline{display:inline-flex}.home-page .home-grid{display:grid;grid-template-columns:minmax(0,2.25fr) minmax(0,1.5fr);gap:1.5rem}@media (max-width: 960px){.home-page .home-grid{grid-template-columns:1fr}}.home-announcements,.home-updates{background:#fff;border-radius:.9rem;border:1px solid rgba(15,23,42,.08);box-shadow:0 12px 28px #0f172a14;padding:1.5rem;display:flex;flex-direction:column;gap:1.25rem}.section-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}.announcement-form{display:flex;flex-direction:column;gap:.75rem;background:#f8fafc;padding:1rem;border-radius:.75rem;border:1px solid rgba(15,23,42,.1)}.announcement-form label{font-weight:500}.announcement-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1rem}.announcement-list li.pinned .announcement-card{border-color:#f97316;box-shadow:0 0 0 1px #f9731629}.announcement-card{display:flex;flex-direction:column;gap:.75rem;background:#f8fafc;border-radius:.75rem;border:1px solid rgba(15,23,42,.1);padding:1rem}.announcement-card header{display:flex;gap:1rem;justify-content:space-between;align-items:flex-start}.announcement-meta{display:flex;align-items:center;gap:.6rem;color:#475569;font-size:.85rem;margin:.35rem 0 0}.badge{display:inline-flex;align-items:center;border-radius:999px;padding:.2rem .6rem;background:#f97316;color:#fff;font-size:.7rem;text-transform:uppercase;letter-spacing:.04em}.announcement-actions{display:flex;flex-wrap:wrap;gap:.5rem}.announcement-body{margin:0;color:#0f172a;white-space:pre-wrap}.updates-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1rem}.updates-list li{background:#f8fafc;border:1px solid rgba(15,23,42,.1);border-radius:.75rem;padding:1rem;display:flex;flex-direction:column;gap:.5rem}.update-date{font-size:.85rem;color:#475569}.filters-panel{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;background:#fff;border-radius:.9rem;border:1px solid rgba(15,23,42,.08);box-shadow:0 12px 28px #0f172a14;padding:1.25rem 1.5rem}.filter-group{display:flex;flex-direction:column;gap:.45rem;font-weight:500}.status-filters{display:flex;flex-wrap:wrap;gap:.6rem}.date-range{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.75rem}.submissions-table-wrapper{background:#fff;border-radius:.9rem;border:1px solid rgba(15,23,42,.08);box-shadow:0 12px 28px #0f172a14;overflow-x:auto}.status-badge{display:inline-flex;align-items:center;font-weight:600;font-size:.75rem;border-radius:999px;padding:.2rem .6rem;letter-spacing:.04em;text-transform:uppercase}.status-queued{background:#94a3b833;color:#334155}.status-running{background:#38bdf833;color:#0369a1}.status-accepted{background:#22c55e29;color:#15803d}.status-wrong-answer{background:#f8717133;color:#b91c1c}.status-tle,.status-rte{background:#fbbf2433;color:#c2410c}.status-ce{background:#a855f733;color:#7c3aed}.status-failed{background:#94a3b840;color:#475569}.table-footer{background:#fff;border-radius:.9rem;border:1px solid rgba(15,23,42,.08);box-shadow:0 12px 28px #0f172a14;padding:1rem 1.5rem;display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}.pagination{display:flex;align-items:center;gap:.75rem}.user-dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.dashboard-card{background:#fff;border-radius:.9rem;border:1px solid rgba(15,23,42,.08);box-shadow:0 12px 28px #0f172a14;padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.dashboard-card h2{margin:0}.dashboard-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.75rem}.dashboard-list li{display:flex;justify-content:space-between;align-items:center;gap:1rem;background:#f8fafc;border-radius:.75rem;border:1px solid rgba(15,23,42,.08);padding:.85rem 1rem}.card-empty{background:#f8fafc;border:1px solid rgba(15,23,42,.08);border-radius:.75rem;padding:1rem;text-align:center;color:#475569}.user-dashboard-page .page-message{align-self:stretch}.submissions-table,.users-table{width:100%;border-collapse:collapse;border-radius:.75rem;overflow:hidden;box-shadow:0 12px 30px #0f172a14}.submissions-table th,.submissions-table td,.users-table th,.users-table td{padding:.75rem 1rem;background:#fff;border-bottom:1px solid rgba(15,23,42,.08);text-align:left}.submissions-table tr:nth-child(2n),.users-table tr:nth-child(2n){background:#f8fafc}.submissions-table .actions-header{width:1%;white-space:nowrap;text-align:right}.submission-actions{text-align:right}.link-button{background:none;border:none;color:inherit;font:inherit;padding:0;cursor:pointer}.link-button:focus-visible{outline:2px solid #2563eb;border-radius:.25rem}.link-button:disabled{cursor:default;opacity:.6}.verdict-link .verdict{text-decoration:underline;text-decoration-color:#2563eb80;text-underline-offset:2px}.verdict{font-weight:600}.verdict-ac{color:#16a34a}.verdict-wa{color:#ef4444}.verdict-tle,.verdict-rte{color:#f97316}.verdict-ce{color:#6366f1}.verdict-partial{color:#0ea5e9}.page.auth-page{align-items:center;justify-content:center}.auth-card{width:min(420px,100%);background:#fff;border-radius:1rem;padding:2rem;box-shadow:0 16px 38px #0f172a1f;border:1px solid rgba(15,23,42,.08)}.auth-card h1{margin:0 0 .25rem}.auth-card p{margin:0;color:#475569}.auth-form{display:flex;flex-direction:column;gap:1rem;margin-top:1.5rem}.auth-form button{width:100%}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem}.summary-card{background:#fff;border-radius:.9rem;padding:1.25rem;border:1px solid rgba(15,23,42,.08);box-shadow:0 12px 30px #0f172a14}.summary-card__value{font-size:1.8rem;font-weight:700}.summary-card__label{color:#475569;margin-top:.35rem}.summary-success{border-color:#16a34a66}.dashboard-section{background:#fff;border-radius:.9rem;border:1px solid rgba(15,23,42,.08);padding:1.5rem;box-shadow:0 12px 32px #0f172a14}.heatmap{display:flex;flex-direction:column;gap:.75rem}.heatmap-grid{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(10px,14px);gap:3px;overflow-x:auto;padding-bottom:.5rem}.heatmap-week{display:grid;grid-template-rows:repeat(7,14px);gap:3px}.heatmap-cell{width:14px;height:14px;border-radius:3px;background:#e2e8f0}.heatmap-cell.empty{background:transparent}.heatmap-cell.level-1{background:#bfdbfe}.heatmap-cell.level-2{background:#60a5fa}.heatmap-cell.level-3{background:#2563eb}.heatmap-cell.level-4{background:#1e3a8a}.heatmap-legend{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:#475569}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem}.settings-card{background:#fff;border-radius:.9rem;padding:1.5rem;border:1px solid rgba(15,23,42,.08);box-shadow:0 12px 32px #0f172a14;display:flex;flex-direction:column;gap:1rem}.settings-card h2{margin:0}.settings-card button{align-self:flex-start}.settings-page label,.admin-card label{display:flex;flex-direction:column;gap:.4rem;font-weight:500}.algorithm-field{position:relative;display:flex;flex-direction:column;gap:.4rem}.algorithm-chips{display:flex;flex-wrap:wrap;gap:.4rem;padding:.35rem;border:1px solid rgba(15,23,42,.15);border-radius:.5rem;background:#fff;min-height:2.5rem;align-items:center}.algorithm-chips input{flex:1;min-width:160px;border:none;padding:.4rem;box-shadow:none;outline:none}.algorithm-chips input:focus{box-shadow:none}.algorithm-chip{display:inline-flex;align-items:center;gap:.35rem;background:#e2e8f0;color:#0f172a;border-radius:999px;padding:.25rem .6rem;font-size:.85rem}.algorithm-chip button{background:transparent;padding:0;color:inherit;line-height:1}.algorithm-suggestions{position:absolute;top:calc(100% + .3rem);left:0;background:#fff;border-radius:.65rem;box-shadow:0 16px 36px #0f172a24;display:flex;flex-direction:column;overflow:hidden;min-width:220px;z-index:12}.algorithm-suggestions button{background:transparent;color:#0f172a;padding:.6rem .85rem;text-align:left;border-bottom:1px solid rgba(15,23,42,.06);border-radius:0}.algorithm-suggestions button:hover{background:#f1f5f9}.algorithm-suggestions button:last-child{border-bottom:none}.algorithm-helper{font-size:.8rem;color:#64748b}.admin-page .admin-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.admin-card{background:#fff;border-radius:.9rem;padding:1.5rem;border:1px solid rgba(15,23,42,.08);box-shadow:0 12px 32px #0f172a14;display:flex;flex-direction:column;gap:1rem}.grid-two-columns{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.language-picker{display:flex;flex-direction:column;gap:.75rem}.language-picker h3{margin:0}.language-picker__content{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.language-chips{display:flex;flex-wrap:wrap;gap:.5rem}.language-chips .algorithm-chip{background:#2563eb1f}.helper-text{color:#64748b;font-size:.9rem}.testcase-section{border-top:1px solid rgba(15,23,42,.08);padding-top:1.5rem;display:flex;flex-direction:column;gap:1rem}.testcase-section__header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.testcase-section__header h3{margin:0}.testcase-section__stats{display:flex;gap:1rem;font-weight:600;color:#0f172a}.testcase-toolbar{display:flex;flex-wrap:wrap;gap:.75rem}.zip-options{display:flex;align-items:center;justify-content:space-between}.zip-warnings{background:#fff7ed;color:#9a3412;border:1px solid #fed7aa;border-radius:.75rem;padding:.75rem 1rem}.zip-warnings ul{margin:.5rem 0 0;padding-left:1.25rem}.testcase-table{width:100%;border-collapse:collapse;background:#fff;border-radius:.75rem;overflow:hidden}.testcase-table th,.testcase-table td{padding:.75rem;border-bottom:1px solid rgba(15,23,42,.08);vertical-align:top}.testcase-table th{text-align:left;font-weight:600;background:#0f172a08}.testcase-table pre{margin:0;background:#0f172a0d;padding:.5rem;border-radius:.5rem;max-height:140px;overflow:auto}.testcase-table__actions{display:flex;gap:.5rem}.testcase-table tr:last-child td{border-bottom:none}.testcase-empty{padding:1.5rem;border:1px dashed rgba(15,23,42,.2);border-radius:.75rem;text-align:center;color:#475569;background:#f8fafc}.checkbox{flex-direction:row;align-items:center;gap:.5rem}.admin-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1rem}.admin-list li{display:flex;justify-content:space-between;align-items:center;gap:1rem;border:1px solid rgba(15,23,42,.1);border-radius:.75rem;padding:.75rem 1rem;background:#f8fafc}.admin-actions{display:flex;gap:.5rem}.confirm-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a66;display:flex;align-items:center;justify-content:center;padding:1.5rem;z-index:40}.confirm-modal{background:#fff;border-radius:.9rem;padding:1.5rem;max-width:420px;width:min(420px,100%);box-shadow:0 24px 48px #0f172a2e}.submission-modal{max-width:900px;width:min(900px,100%);display:flex;flex-direction:column;gap:1rem}.submission-modal__header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.icon-button{border:none;background:none;font-size:1.5rem;line-height:1;cursor:pointer;color:#1e293b}.icon-button:hover{color:#0f172a}.icon-button:focus-visible{outline:2px solid #2563eb;border-radius:.25rem}.submission-modal__status{color:#475569}.submission-modal__status.error{color:#ef4444}.submission-modal__body{display:flex;flex-direction:column;gap:1rem}.submission-modal__meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.75rem;font-size:.95rem}.submission-modal__meta .label{display:block;font-weight:600;color:#475569}.submission-modal__code{max-height:480px;overflow:auto;border:1px solid rgba(15,23,42,.12);border-radius:.75rem;background:#0f172a}.submission-modal__code pre{margin:0;padding:1rem;overflow:auto}.code-block{font-family:Fira Code,JetBrains Mono,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.9rem;line-height:1.5;color:#e5e7eb;white-space:pre}.token.keyword{color:#93c5fd}.token.string{color:#facc15}.token.number{color:#f472b6}.token.comment{color:#94a3b8;font-style:italic}.submission-modal__actions{justify-content:space-between;align-items:center}.test-case-modal,.validate-modal{max-width:680px;width:min(680px,100%)}.test-case-modal__form,.validate-modal__form{display:flex;flex-direction:column;gap:1rem}.validate-modal__form textarea{min-height:200px}.test-case-modal textarea{min-height:140px}.validate-modal__results{margin-top:1rem;display:flex;flex-direction:column;gap:.75rem}.validate-modal__summary{display:flex;flex-wrap:wrap;gap:1rem;font-weight:600}.validate-modal__table{width:100%;border-collapse:collapse;font-size:.95rem}.validate-modal__table th,.validate-modal__table td{border-bottom:1px solid rgba(15,23,42,.1);padding:.5rem .75rem;text-align:left}.validate-modal__table th{background:#0f172a0d}.validate-modal__table tr:last-child td{border-bottom:none}.confirm-modal h3{margin:0 0 .75rem}.confirm-modal__content{color:#475569}.confirm-modal__actions{margin-top:1.5rem;display:flex;justify-content:flex-end;gap:.75rem}.users-table button{padding:.35rem .75rem;font-size:.85rem}@media (max-width: 720px){.app-header{flex-direction:column;align-items:flex-start}.app-header__nav{flex-wrap:wrap}.app-main{padding:1.5rem 1rem 2.5rem}}