:root{--bg:#edf1f5;--surface:#fff;--surface-soft:#f7f9fb;--surface-soft-2:#fbfcfe;--surface-dark:#102033;--surface-dark-2:#172b43;--line:#d8e1ea;--line-dark:#ffffff1a;--text:#142033;--muted:#64748b;--blue:#2c6df6;--blue-soft:#e8f0ff;--teal:#0d8a83;--teal-soft:#e7f6f5;--green:#1e9a58;--green-soft:#e8f7ee;--orange:#e77b35;--orange-soft:#fff0e4;--red:#d45353;--red-soft:#fceaea;--shadow:0 24px 60px #1020331f;--shadow-soft:0 12px 28px #10203314;--radius-xl:28px;--radius-lg:20px;--radius-md:16px;--radius-sm:12px;--font-ui:"Avenir Next", "Segoe UI", sans-serif;--font-display:"Georgia", "Iowan Old Style", serif}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{font-family:var(--font-ui);color:var(--text);background:radial-gradient(circle at 0 0,#2c6df614,#0000 20%),linear-gradient(#f7f9fc 0%,#edf1f5 100%)}button,input,textarea,select{font:inherit}button{cursor:pointer;background:0 0;border:none}a{color:inherit;text-decoration:none}#root{min-height:100vh}h1,h2,h3,p{margin:0}h1,h2{font-family:var(--font-display)}.kicker,.field-label,.filter-label{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:0;font-size:.72rem}.kicker-light{color:#ffffffa3}.muted-text,.page-subtitle,.section-subtitle,.login-hint,.inline-note,.modal-subtitle,.table-hint,.hint-text{color:var(--muted);line-height:1.55}.loading{min-height:100vh;color:var(--muted);place-items:center;display:grid}.login-screen{grid-template-columns:1.05fr .95fr;min-height:100vh;display:grid}.login-hero{color:#fff;background:radial-gradient(circle at top left, #66a3ff2e, transparent 30%), linear-gradient(180deg, var(--surface-dark), #0f1b2d);align-content:space-between;gap:28px;padding:56px;display:grid}.login-brand,.sidebar-brand{align-items:center;gap:16px;display:flex}.login-logo,.sidebar-logo{color:#fff;background:linear-gradient(135deg,#2f79ff,#52b3ff);border-radius:14px;place-items:center;width:48px;height:48px;font-weight:700;display:grid}.login-hero h1{font-size:4rem}.login-copy h2{margin-bottom:12px;font-size:2.2rem}.login-copy p{color:#ffffffc2;max-width:520px}.login-panel-wrap{place-items:center;padding:24px;display:grid}.login-panel,.toolbar-card,.table-card,.form-card,.empty-card,.result-card,.preview-card,.duplicate-card,.turn-card,.status-banner{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-soft)}.login-panel{border-radius:var(--radius-xl);width:min(540px,100%);padding:32px}.login-panel.centered{place-items:center;min-height:220px;display:grid}.login-panel h3{margin:6px 0 8px;font-size:2rem}.login-hint{border-top:1px solid var(--line);margin-top:18px;padding-top:18px}.app-shell{grid-template-columns:260px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{background:linear-gradient(180deg, var(--surface-dark), var(--surface-dark-2));color:#fff;flex-direction:column;gap:20px;padding:24px;display:flex}.sidebar h2{font-size:1.6rem}.sidebar-nav{gap:8px;display:grid}.nav-link,.logout-button,.primary-button,.secondary-button,.danger-button,.icon-button{transition:all .16s}.nav-link,.logout-button{text-align:left;color:#ffffffc7;border-radius:14px;width:100%;padding:12px 14px}.nav-link.active,.nav-link:hover{color:#fff;background:#ffffff14}.logout-button{border:1px solid var(--line-dark);margin-top:auto}.logout-button:hover{color:#fff;background:#ffffff14}.content{padding:24px 28px}.page{gap:18px;display:grid}.page-header,.section-header,.toolbar,.toolbar-actions,.header-actions,.form-actions,.pagination,.active-filter-row,.actions-cell,.turn-actions,.status-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.page-header,.section-header{justify-content:space-between}.page-title-wrap{align-items:flex-start;gap:12px;display:flex}.page-header h1{font-size:2.4rem}.toolbar-spread{justify-content:space-between}.toolbar-card,.form-card,.empty-card,.duplicate-card,.preview-card,.status-banner{border-radius:var(--radius-lg);padding:18px}.toolbar-card,.stack{gap:14px;display:grid}.field{gap:8px;display:grid}.text-input,.select-input,.text-area{border:1px solid var(--line);background:var(--surface-soft-2);width:100%;color:var(--text);border-radius:16px;outline:none;padding:14px 16px}.text-input:focus,.select-input:focus,.text-area:focus{border-color:#2c6df673;box-shadow:0 0 0 4px #2c6df61a}.text-area{resize:vertical;min-height:120px}.otp-input{letter-spacing:.32em;text-align:center}.search-input{min-width:min(420px,100%)}.primary-button,.secondary-button,.danger-button,.icon-button{border:1px solid #0000;border-radius:14px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 16px;font-weight:600;display:inline-flex}.primary-button{background:linear-gradient(135deg, var(--blue), #5b89ff);color:#fff;box-shadow:0 12px 24px #2c6df638}.primary-button:hover{filter:brightness(1.03)}.secondary-button,.icon-button{border-color:var(--line);background:var(--surface-soft);color:var(--text)}.secondary-button:hover,.icon-button:hover{background:#fff;border-color:#2c6df659}.danger-button{background:var(--red-soft);color:var(--red);border-color:#d453533d}.primary-button:disabled,.secondary-button:disabled,.danger-button:disabled,.icon-button:disabled{opacity:.55;cursor:not-allowed}.inline-error{background:var(--red-soft);color:var(--red);border:1px solid #d4535338;border-radius:14px;padding:12px 14px}.inline-badge{border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;min-height:28px;padding:0 10px;font-size:.78rem;font-weight:600;display:inline-flex}.badge-blue{background:var(--blue-soft);color:var(--blue)}.badge-teal{background:var(--teal-soft);color:var(--teal)}.badge-muted{background:var(--surface-soft);color:var(--muted)}.cefr-badge,.cefr-a1,.cefr-a2{background:var(--green-soft);color:var(--green)}.cefr-b1,.cefr-b2{background:var(--blue-soft);color:var(--blue)}.cefr-c1,.cefr-c2{background:var(--orange-soft);color:var(--orange)}.active-filter-pill{border:1px solid var(--line);background:var(--surface-soft);color:var(--text);border-radius:999px;align-items:center;gap:8px;padding:8px 12px;font-size:.84rem;display:inline-flex}.table-card{border-radius:var(--radius-lg);overflow:hidden}.data-table{border-collapse:collapse;background:#fff;width:100%}.data-table th,.data-table td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:14px 16px}.data-table th{background:var(--surface-soft);text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-size:.72rem}.click-row,.clickable-row{cursor:pointer}.click-row:hover,.clickable-row:hover{background:#2c6df60a}.child-row,.child-form-row{background:#fbfcff}.child-greek,.child-form-row .form-cell{color:var(--muted);padding-left:28px}.empty-cell{color:var(--muted)}.expand-cell{width:52px}.article{color:var(--muted)}.example-hint{color:var(--muted);margin-top:6px;font-size:.88rem}.form-tags{background:var(--surface-soft);color:var(--muted);border-radius:999px;align-items:center;gap:4px;margin:2px 6px 2px 0;padding:4px 8px;font-size:.78rem;display:inline-flex}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.full-span{grid-column:1/-1}.back-link{width:42px;height:42px;color:var(--muted);border-radius:999px;justify-content:center;align-items:center;display:inline-flex}.back-link:hover{color:var(--blue);background:#2c6df614}.modal-overlay,.drawer-overlay{z-index:40;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#10203352;position:fixed;inset:0}.modal-overlay{place-items:center;padding:24px;display:grid}.modal{border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--line);width:min(720px,100%);max-height:min(88vh,960px);box-shadow:var(--shadow);padding:20px;overflow:auto}.modal-wide{width:min(880px,100%)}.modal-header,.drawer-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.drawer-close{width:40px;height:40px;color:var(--muted);border-radius:999px;place-items:center;display:grid}.drawer-close:hover{color:var(--blue);background:#2c6df614}.drawer-panel{background:var(--surface);border-left:1px solid var(--line);width:min(420px,100vw);height:100%;box-shadow:var(--shadow);flex-direction:column;padding:20px;display:flex;position:absolute;top:0;right:0}.drawer-body{flex:1;align-content:start;min-height:0;padding-right:2px;overflow:auto}.drawer-footer{border-top:1px solid var(--line);justify-content:space-between;gap:12px;margin-top:16px;padding-top:16px;display:flex}.filter-group{gap:10px;display:grid}.filter-check-grid{flex-wrap:wrap;gap:8px;display:flex}.filter-check{border:1px solid var(--line);background:var(--surface-soft-2);border-radius:14px;align-items:center;gap:8px;padding:10px 12px;display:inline-flex}.filter-check input{margin:0}.filter-check.active{background:var(--blue-soft);border-color:#2c6df647}.preview-meta{flex-wrap:wrap;gap:8px;margin:12px 0;display:flex}.preview-list{gap:8px;display:grid}.preview-list-row{border:1px solid var(--line);background:var(--surface-soft-2);border-radius:14px;grid-template-columns:24px minmax(0,1fr);align-items:start;gap:12px;padding:12px;display:grid}.preview-select-row.selected{background:var(--blue-soft);border-color:#2c6df647}.preview-select-content{gap:4px;display:grid}.status-banner{gap:10px;display:grid}.status-warning{background:var(--orange-soft);border-color:#e77b3538}.banner-close{cursor:pointer;color:var(--text-muted);background:0 0;border:none;border-radius:4px;margin-left:auto;padding:2px 6px;font-size:1rem;line-height:1}.banner-close:hover{color:var(--text-primary);background:#0000000f}.duplicates-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:18px;display:grid}.duplicate-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:14px;display:grid}.duplicate-item{background:var(--surface-soft);border:1px solid var(--line);border-radius:16px;gap:10px;padding:14px;display:grid}.turn-list,.turns-list{gap:12px;display:grid}.turn-card{border-radius:var(--radius-lg);grid-template-columns:24px 36px minmax(0,1fr) auto;align-items:start;gap:12px;padding:16px;display:grid}.turn-handle,.turn-drag-handle{color:var(--muted)}.turn-number{color:var(--blue);font-weight:700}.turn-content{gap:6px;display:grid}.turn-greek{font-weight:700}.turn-russian,.turn-meta,.secondary,.responses,.hint{color:var(--muted)}.actions-inline{flex-wrap:wrap;gap:8px;display:inline-flex}.page-empty{text-align:center;color:var(--muted);padding:40px}.menu-toggle,.sidebar-overlay{display:none}@media (width<=1080px){.login-screen,.app-shell{grid-template-columns:1fr}.menu-toggle{z-index:50;background:var(--surface);border:1px solid var(--line);width:44px;height:44px;box-shadow:var(--shadow-soft);border-radius:999px;place-items:center;display:grid;position:fixed;top:16px;left:16px}.sidebar{z-index:45;width:260px;transition:transform .16s;position:fixed;inset:0 auto 0 0;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar-overlay{z-index:44;background:#10203352;display:block;position:fixed;inset:0}.content{padding:72px 16px 16px}.page-header,.section-header,.toolbar,.toolbar-actions,.header-actions,.form-actions,.pagination,.status-row,.page-title-wrap{align-items:stretch}.form-grid,.duplicate-columns{grid-template-columns:1fr}.turn-card{grid-template-columns:24px 28px minmax(0,1fr)}.turn-actions{grid-column:1/-1}}