:root{--primary-color:#1e3a5f;--primary-dark:#0d253f;--primary-light:#2d4a6f;--primary-lighter:#3b6b9a;--secondary-color:#10b981;--secondary-dark:#059669;--danger-color:#ef4444;--danger-dark:#dc2626;--danger-light:#fef2f2;--info-color:#3b82f6;--success-bg:#dcfce7;--success-text:#166534;--success-border:#bbf7d0;--text-primary:#111827;--text-secondary:#6b7280;--text-light:#9ca3af;--bg-primary:#fff;--bg-secondary:#f8fafc;--bg-tertiary:#f1f5f9;--bg-hover:#f1f5f9;--border-color:#e2e8f0;--border-light:#f1f5f9;--primary-alpha-04:#1e3a5f0a;--primary-alpha-06:#1e3a5f0f;--primary-alpha-10:#1e3a5f1a;--primary-alpha-12:#1e3a5f1f;--primary-alpha-15:#1e3a5f26;--primary-alpha-20:#1e3a5f33;--primary-alpha-25:#1e3a5f40;--primary-alpha-30:#1e3a5f4d;--primary-alpha-35:#1e3a5f59;--shadow-xs:0 1px 2px 0 #0000000a;--shadow-sm:0 1px 3px 0 #0000000f,0 1px 2px 0 #0000000a;--shadow-md:0 4px 6px -1px #00000012,0 2px 4px -1px #0000000a;--shadow-lg:0 10px 15px -3px #00000014,0 4px 6px -2px #0000000a;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:.75rem;--spacing-lg:1rem;--spacing-xl:1.5rem;--spacing-2xl:2rem;--spacing-3xl:3rem;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.25rem;--radius-full:9999px;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-size-xs:.75rem;--font-size-sm:.8125rem;--font-size-base:.875rem;--font-size-md:.9375rem;--font-size-lg:1rem;--font-size-xl:1.125rem;--font-size-2xl:1.5rem;--transition-fast:.15s cubic-bezier(.4,0,.2,1);--transition-base:.2s cubic-bezier(.4,0,.2,1);--transition-slow:.3s cubic-bezier(.4,0,.2,1);--header-height:60px;--max-content-width:1400px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);color:var(--text-primary);background-color:var(--bg-secondary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;font-size:15px;line-height:1.6}#root{flex-direction:column;min-height:100vh;display:flex}h1,h2,h3,h4,h5,h6{letter-spacing:-.01em;font-weight:600;line-height:1.3}h1{font-size:1.75rem}h2{font-size:1.5rem}h3{font-size:1.25rem}a{color:var(--primary-color);text-decoration:none}a:hover{text-decoration:underline}.container{max-width:var(--max-content-width);padding:var(--spacing-xl)var(--spacing-xl);margin:0 auto}.card{background:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border-color);transition:all var(--transition-base)}.card:hover{box-shadow:var(--shadow-md);border-color:var(--primary-alpha-20)}.btn{font-size:14px;font-weight:600;font-family:var(--font-sans);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);white-space:nowrap;letter-spacing:-.01em;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;min-height:38px;padding:.5rem 1.125rem;line-height:1.4;text-decoration:none;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:focus-visible{box-shadow:0 0 0 3px var(--primary-alpha-20);outline:none}.btn-primary{background:linear-gradient(135deg,var(--primary-color)0%,var(--primary-dark)100%);color:#fff;box-shadow:0 2px 8px var(--primary-alpha-25)}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,var(--primary-dark)0%,#091a2e 100%);box-shadow:0 4px 12px var(--primary-alpha-35);transform:translateY(-1px)}.btn-secondary{background:linear-gradient(135deg,var(--secondary-color)0%,var(--secondary-dark)100%);color:#fff;box-shadow:0 2px 8px #10b98140}.btn-secondary:hover:not(:disabled){background:linear-gradient(135deg,var(--secondary-dark)0%,#047857 100%);transform:translateY(-1px);box-shadow:0 4px 12px #10b98159}.btn-danger{background:linear-gradient(135deg,var(--danger-color)0%,var(--danger-dark)100%);color:#fff;box-shadow:0 2px 8px #ef444440}.btn-danger:hover:not(:disabled){background:linear-gradient(135deg,var(--danger-dark)0%,#b91c1c 100%);transform:translateY(-1px);box-shadow:0 4px 12px #ef444459}.btn-ghost{color:var(--text-secondary);border:1px solid var(--border-color);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-color)}.btn-sm{min-height:32px;padding:.375rem .75rem;font-size:13px}.btn-icon{border-radius:var(--radius-full);width:38px;min-width:38px;height:38px;min-height:38px;padding:.5rem}.input{width:100%;font-size:14px;font-family:var(--font-sans);color:var(--text-primary);background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:all var(--transition-base);min-height:38px;padding:.5rem .75rem}.input:hover{border-color:#94a3b8}.input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-alpha-12);outline:none}.input::placeholder{color:var(--text-light)}.select{width:100%;font-size:14px;font-family:var(--font-sans);color:var(--text-primary);background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2364748b'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:16px;min-height:38px;padding:.5rem 2.5rem .5rem .75rem}.select:hover{border-color:#94a3b8}.select:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-alpha-12);outline:none}.textarea{width:100%;color:var(--text-primary);background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);resize:vertical;min-height:100px;font-size:14px;font-family:var(--font-sans);transition:all var(--transition-base);padding:.75rem 1rem;line-height:1.6}.textarea:hover{border-color:#94a3b8}.textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-alpha-12);outline:none}.label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;margin-bottom:.375rem;font-size:.8125rem;font-weight:600;display:block}.login-container{background:linear-gradient(135deg,var(--primary-color)0%,var(--primary-dark)100%);min-height:100vh;padding:var(--spacing-xl);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.login-container:before{content:"";background:radial-gradient(circle at 30% 30%,var(--primary-alpha-15)0%,transparent 50%);width:200%;height:200%;animation:20s ease-in-out infinite float;position:absolute;top:-50%;left:-50%}.login-container:after{content:"";background:radial-gradient(circle at 70% 70%,var(--primary-alpha-20)0%,transparent 50%);width:200%;height:200%;animation:25s ease-in-out infinite reverse float;position:absolute;bottom:-50%;right:-50%}@keyframes float{0%,to{transform:translate(0)}50%{transform:translate(30px,30px)}}.login-card{background:var(--bg-primary);border-radius:var(--radius-2xl);z-index:1;width:100%;max-width:420px;padding:2.5rem 2rem 2rem;animation:.5s cubic-bezier(.16,1,.3,1) slideUp;position:relative;box-shadow:0 25px 50px -12px #00000059}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.login-brand{justify-content:center;align-items:center;gap:12px;margin-bottom:4px;display:flex}.login-brand__icon{font-size:2rem}.login-title{background:linear-gradient(135deg,var(--primary-color)0%,var(--primary-lighter)100%);-webkit-text-fill-color:transparent;letter-spacing:-.03em;-webkit-background-clip:text;background-clip:text;margin:0;font-size:2rem;font-weight:800}.login-subtitle{font-size:var(--font-size-base);text-align:center;color:var(--text-secondary);margin:0 0 var(--spacing-xl);font-weight:500}.login-error{background:var(--danger-light);border-radius:var(--radius-lg);margin-bottom:var(--spacing-lg);border:1px solid #ef444433;align-items:center;gap:10px;padding:12px 14px;animation:.2s ease-out slideUp;display:flex}.login-error__icon{flex-shrink:0;font-size:16px}.login-error__text{font-size:var(--font-size-sm);color:var(--danger-dark);flex:1;font-weight:500}.login-error__dismiss{cursor:pointer;color:var(--danger-color);border-radius:var(--radius-sm);opacity:.6;transition:opacity var(--transition-fast);background:0 0;border:none;padding:2px 6px;font-size:12px}.login-error__dismiss:hover{opacity:1}.login-form{gap:var(--spacing-lg);flex-direction:column;display:flex}.login-field{flex-direction:column;gap:6px;display:flex}.login-label{font-size:var(--font-size-xs);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em;font-weight:700}.login-input-wrap{border:1.5px solid var(--border-color);border-radius:var(--radius-lg);background:var(--bg-primary);transition:all var(--transition-base);align-items:center;display:flex;overflow:hidden}.login-input-wrap:focus-within{border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-alpha-12)}.login-input-icon{opacity:.5;flex-shrink:0;padding-left:14px;font-size:16px}.login-input{font-size:15px;font-family:var(--font-sans);color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;min-height:46px;padding:14px 14px 14px 10px}.login-input::placeholder{color:var(--text-light)}.login-input:disabled{opacity:.6}.login-input-toggle{cursor:pointer;opacity:.4;transition:opacity var(--transition-fast);background:0 0;border:none;padding:8px 14px 8px 8px;font-size:16px}.login-input-toggle:hover{opacity:.7}.login-submit{background:linear-gradient(135deg,var(--primary-color)0%,var(--primary-dark)100%);color:#fff;border-radius:var(--radius-lg);font-size:16px;font-weight:700;font-family:var(--font-sans);cursor:pointer;transition:all var(--transition-base);letter-spacing:-.01em;min-height:50px;box-shadow:0 4px 12px var(--primary-alpha-30);margin-top:var(--spacing-sm);border:none;justify-content:center;align-items:center;gap:8px;padding:14px 24px;display:flex}.login-submit:hover:not(:disabled){box-shadow:0 6px 20px var(--primary-alpha-35);transform:translateY(-1px)}.login-submit:active:not(:disabled){transform:translateY(0)}.login-submit:disabled{opacity:.5;cursor:not-allowed}.login-submit__arrow{transition:transform var(--transition-fast);font-size:18px}.login-submit:hover:not(:disabled) .login-submit__arrow{transform:translate(3px)}.login-submit__loader{border:2.5px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.landing-content{z-index:1;text-align:center;width:100%;max-width:600px;padding:0 1.5rem;animation:.6s cubic-bezier(.16,1,.3,1) slideUp;position:relative}.landing-title{color:#fff;letter-spacing:-.03em;margin:0 0 1rem;font-size:3rem;font-weight:800;line-height:1.1}.landing-desc{color:#fffc;margin:0 0 2.5rem;font-size:1.125rem;line-height:1.7}.landing-features{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-2xl);text-align:left;background:#ffffff1a;border:1px solid #ffffff26;margin-bottom:2rem;padding:2rem}.landing-features__title{color:#fff;text-align:center;margin:0 0 1rem;font-size:1.125rem;font-weight:700}.landing-features__list{gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.landing-features__item{color:#ffffffe6;font-size:var(--font-size-md);align-items:center;gap:10px;display:flex}.landing-features__check{color:#fff;background:#10b9814d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;display:flex}.landing-cta{color:var(--primary-color);border-radius:var(--radius-xl);transition:all var(--transition-base);background:#fff;justify-content:center;align-items:center;gap:8px;padding:.875rem 2.5rem;font-size:1rem;font-weight:700;text-decoration:none;display:inline-flex;box-shadow:0 4px 16px #0003}.landing-cta:hover{text-decoration:none;transform:translateY(-2px);box-shadow:0 8px 24px #00000040}.landing-footer{color:#ffffff80;font-size:var(--font-size-sm);margin-top:2rem}.header{background:var(--bg-primary);border-bottom:1px solid var(--border-color);margin-bottom:var(--spacing-lg);z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff2;position:sticky;top:0;box-shadow:0 1px 3px #0000000a}.header .container{padding-top:var(--spacing-md);padding-bottom:var(--spacing-md);justify-content:space-between;align-items:center;display:flex}.logo{background:linear-gradient(135deg,#1e3a5f 0%,#3b82f6 100%);-webkit-text-fill-color:transparent;align-items:center;gap:var(--spacing-xs);letter-spacing:-.03em;-webkit-background-clip:text;background-clip:text;margin:0;font-size:1.75rem;font-weight:800;display:flex}.app-header{margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;display:flex}.tab{padding:var(--spacing-sm)var(--spacing-lg);font-size:var(--font-size-base);border-radius:var(--radius-md);cursor:pointer;color:var(--text-secondary);background:0 0;border:none;flex:1;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative}.tab:hover{background:var(--bg-hover);color:var(--text-primary)}.tab.active{color:#fff;box-shadow:0 2px 8px var(--primary-alpha-30);background:linear-gradient(135deg,#1e3a5f 0%,#0d253f 100%)}.filter-group{flex-direction:column;gap:.375rem;display:flex}.entity-toolbar{background:var(--bg-primary);border-radius:var(--radius-lg);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);transition:all var(--transition-base);flex-wrap:wrap;align-items:flex-end;gap:14px;margin-bottom:1.5rem;padding:1rem 1.25rem;display:flex}.entity-toolbar:focus-within{box-shadow:var(--shadow-md);border-color:var(--primary-alpha-20)}.entity-toolbar .filter-group{flex:0 200px;min-width:140px}.entity-toolbar .filter-group:first-child{flex:180px;max-width:220px}@media (max-width:640px){.entity-toolbar{flex-direction:column;align-items:stretch}.entity-toolbar .filter-group,.entity-toolbar .filter-group:first-child{flex:1;max-width:100%}}.toolbar-count{font-size:var(--font-size-sm);color:var(--text-light);white-space:nowrap}.grammar-category-group{background:var(--bg-primary);border-radius:var(--radius-lg);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-base);margin-bottom:1.75rem;overflow:hidden}.grammar-category-group:hover{box-shadow:var(--shadow-md)}.grammar-category-header{background:linear-gradient(135deg,var(--primary-alpha-04),#1e3a5f05);border-bottom:1px solid var(--border-color);align-items:center;gap:10px;padding:.875rem 1.25rem;display:flex}.grammar-category-header .category-icon{font-size:18px}.grammar-category-header .category-name{color:var(--text-primary);letter-spacing:-.01em;font-size:15px;font-weight:700}.grammar-category-header .category-count{color:var(--text-light);margin-left:4px;font-size:12px}.grammar-rule-row{border-bottom:1px solid var(--border-light);transition:background var(--transition-fast);cursor:pointer;align-items:center;gap:14px;padding:.875rem 1.25rem;display:flex}.grammar-rule-row:last-child{border-bottom:none}.grammar-rule-row:hover{background:var(--bg-hover)}.grammar-rule-info{flex:1;min-width:0}.grammar-rule-title{color:var(--text-primary);font-size:15px;font-weight:600}.grammar-rule-subtitle{color:var(--text-secondary);margin-top:3px;font-size:13px}.grammar-tag{background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-color);border-radius:10px;padding:2px 8px;font-size:11px}.grammar-word-type-tag{background:var(--primary-alpha-06);color:var(--primary-color);border:1px solid var(--primary-alpha-15);border-radius:10px;padding:2px 6px;font-size:10px}.grammar-published-badge{cursor:pointer;transition:all var(--transition-fast);border:1px solid;border-radius:12px;flex-shrink:0;padding:4px 12px;font-size:12px;font-weight:500}.grammar-published-badge.published{background:var(--success-bg);color:var(--success-text);border-color:var(--success-border)}.grammar-published-badge.draft{background:var(--bg-secondary);color:var(--text-secondary);border-color:var(--border-color)}.grammar-rule-actions{flex-shrink:0;gap:2px;display:flex}.grammar-rule-actions button{cursor:pointer;border-radius:var(--radius-sm);transition:background var(--transition-fast);background:0 0;border:none;padding:6px}.grammar-rule-actions .edit-btn{color:var(--text-secondary)}.grammar-rule-actions .edit-btn:hover{background:var(--bg-secondary)}.grammar-rule-actions .delete-btn{color:var(--danger-color)}.grammar-rule-actions .delete-btn:hover{background:var(--danger-light)}.form-stack{flex-direction:column;gap:16px;display:flex}.form-field{flex-direction:column;gap:4px;display:flex}.form-field--checkbox{flex-direction:row;align-items:center;gap:6px;padding-bottom:8px}.form-grid-4{grid-template-columns:1fr 1fr 100px 100px;align-items:end;gap:12px;display:grid}.form-actions{justify-content:flex-end;gap:8px;margin-top:8px;display:flex}.tag-group{flex-wrap:wrap;flex-shrink:0;gap:4px;display:flex}.toggle-group{flex-wrap:wrap;gap:6px;display:flex}.toggle-chip{border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);border:1px solid var(--border-color);background:var(--bg-primary);color:var(--text-secondary);align-items:center;gap:4px;padding:4px 10px;font-size:12px;font-weight:500;display:inline-flex}.toggle-chip.active{border-color:var(--primary-color);background:var(--primary-alpha-06);color:var(--primary-color)}@media (max-width:640px){.form-grid-2,.form-grid-4{grid-template-columns:1fr}}.word-card{background:var(--bg-primary);border-radius:var(--radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow-sm);border:1px solid var(--border-color);transition:all var(--transition-base)}.word-card:hover{box-shadow:var(--shadow-md);border-color:var(--primary-alpha-20);transform:translateY(-2px)}.word-type-badge{text-transform:uppercase;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--bg-tertiary)0%,var(--bg-hover)100%);color:var(--primary-color);border:1px solid var(--border-color);letter-spacing:.05em;align-items:center;gap:4px;padding:.375rem .75rem;font-size:.6875rem;font-weight:600;display:inline-flex}.category-badge{background:linear-gradient(135deg,var(--bg-tertiary)0%,var(--bg-hover)100%);color:var(--text-secondary);border:1px solid var(--border-color);border-radius:var(--radius-full);padding:.375rem .625rem;font-size:.75rem;font-weight:500;transition:all .15s}.category-badge:hover{background:var(--bg-hover);border-color:var(--primary-alpha-30);color:#1e3a5f}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;padding:var(--spacing-xl);background:#00000080;justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:var(--bg-primary);border-radius:var(--radius-xl);flex-direction:column;width:100%;max-width:680px;max-height:90vh;animation:.25s cubic-bezier(.16,1,.3,1) slideUp;display:flex;position:relative;overflow:hidden;box-shadow:0 25px 60px -12px #0000004d}.modal-header{background:linear-gradient(135deg,#1e3a5f 0%,#0d253f 100%);border-bottom:none;justify-content:space-between;align-items:center;padding:.875rem 1.25rem;display:flex}.modal-header h2,.modal-header h3{color:#fff;letter-spacing:-.01em;margin:0;font-size:1rem;font-weight:700}.modal-close{color:#fff;cursor:pointer;border-radius:var(--radius-full);width:32px;height:32px;transition:all var(--transition-fast);background:#ffffff26;border:none;justify-content:center;align-items:center;padding:0;font-size:1.25rem;line-height:1;display:flex}.modal-close:hover{color:#fff;background:#ffffff40}.modal-body{flex:1;padding:1.5rem 1.25rem;overflow-y:auto}.confirm-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1100;padding:var(--spacing-xl);background:#00000073;justify-content:center;align-items:center;animation:.15s ease-out fadeIn;display:flex;position:fixed;inset:0}.confirm-dialog{background:var(--bg-primary);border-radius:var(--radius-xl);width:100%;max-width:420px;animation:.2s cubic-bezier(.16,1,.3,1) slideUp;overflow:hidden;box-shadow:0 25px 60px -12px #0000004d}.confirm-body{align-items:flex-start;gap:1rem;padding:1.5rem 1.5rem 1.25rem;display:flex}.confirm-icon{border-radius:var(--radius-lg);border:1px solid;justify-content:center;align-items:center;width:44px;min-width:44px;height:44px;display:flex}.confirm-icon svg{width:22px;height:22px}.confirm-text{flex:1;min-width:0}.confirm-title{color:var(--text-primary);margin:0 0 .375rem;font-size:1rem;font-weight:700;line-height:1.3}.confirm-message{color:var(--text-secondary);margin:0;font-size:.875rem;line-height:1.55}.confirm-actions{justify-content:flex-end;gap:.625rem;padding:0 1.5rem 1.5rem;display:flex}.confirm-btn{border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);font-size:.875rem;font-weight:600;font-family:var(--font-sans);justify-content:center;align-items:center;gap:.375rem;min-height:38px;padding:.5rem 1.125rem;display:inline-flex}.confirm-btn:disabled{opacity:.6;cursor:not-allowed}.confirm-btn--cancel{background:var(--bg-primary);color:var(--text-secondary);border:1px solid var(--border-color)}.confirm-btn--cancel:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary)}.confirm-btn--confirm{color:#fff;border:1px solid #0000}.confirm-btn--confirm:hover:not(:disabled){filter:brightness(.9);box-shadow:0 2px 8px #00000026}.dp-actions{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.dp-actions .dp-action-btn{cursor:pointer;letter-spacing:.01em;border:none;border-radius:8px;align-items:center;gap:.375rem;padding:.5rem 1rem;font-size:.8125rem;font-weight:600;transition:all .15s;display:inline-flex}.dp-head{border-bottom:1px solid var(--border-color);margin-bottom:1.75rem;padding-bottom:1.75rem}.dp-head-row{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.dp-actions .dp-action-btn--edit{background:var(--primary-color);color:#fff}.dp-actions .dp-action-btn--edit:hover{background:var(--primary-dark);box-shadow:0 2px 8px var(--primary-alpha-25);transform:translateY(-1px)}.dp-actions .dp-action-btn--delete{color:#fff;background:#dc2626;border:none}.dp-actions .dp-action-btn--delete:hover{background:#b91c1c;transform:translateY(-1px);box-shadow:0 2px 8px #dc262640}.dp-actions .dp-action-btn svg{flex-shrink:0;width:15px;height:15px}.dp{animation:.35s dpFadeIn}@keyframes dpFadeIn{0%{opacity:0}to{opacity:1}}.dp-type{text-transform:uppercase;letter-spacing:.08em;color:var(--dp-accent,var(--primary-color));align-items:center;gap:6px;margin-bottom:.5rem;font-size:.6875rem;font-weight:700;display:inline-flex}.dp-type__dot{background:var(--dp-accent,var(--primary-color));border-radius:50%;width:7px;height:7px}.dp-word{letter-spacing:-.03em;color:var(--text-primary);margin:0;font-size:2.5rem;font-weight:800;line-height:1.15}.dp-word__article{color:var(--text-tertiary,var(--text-secondary));font-weight:400}.dp-translation{color:var(--text-secondary);margin:.5rem 0 0;font-size:1.125rem;line-height:1.5}.dp-badges{flex-wrap:wrap;gap:6px;margin-top:.875rem;display:flex}.dp-badge{letter-spacing:.03em;text-transform:uppercase;background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-color);border-radius:6px;padding:3px 10px;font-size:.6875rem;font-weight:600}.dp-badge--accent{background:color-mix(in srgb,var(--dp-accent,var(--primary-color))10%,transparent);color:var(--dp-accent,var(--primary-color));border-color:color-mix(in srgb,var(--dp-accent,var(--primary-color))20%,transparent)}.dp-badge--warn{color:#dc2626;background:#fef2f2;border-color:#fecaca}.dp-badge--cat{color:var(--text-tertiary,var(--text-secondary));border:1px dashed var(--border-color);background:0 0;font-weight:500}.dp-body{flex-direction:column;gap:2rem;display:flex}.dp-block{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:all var(--transition-base);padding:1.25rem}.dp-block:hover{border-color:var(--primary-alpha-15);box-shadow:var(--shadow-sm)}.dp-block__label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary);border-bottom:2px solid var(--border-color);margin:0 0 .75rem;padding-bottom:.75rem;font-size:.6875rem;font-weight:700}.dp-props{grid-template-columns:auto 1fr;align-items:center;gap:.75rem 1.5rem;display:grid}.dp-prop-key{color:var(--text-secondary);font-size:.8125rem;font-weight:600}.dp-prop-val{color:var(--text-primary);font-size:.9375rem;font-weight:500}.dp-translations{flex-direction:column;display:flex}.dp-tr-row{align-items:baseline;gap:1rem;padding:.625rem 0;display:flex}.dp-tr-row+.dp-tr-row{border-top:1px solid var(--border-light,var(--border-color))}.dp-tr-lang{text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);flex-shrink:0;width:80px;font-size:.6875rem;font-weight:700}.dp-tr-text{color:var(--text-primary);font-size:1rem}.dp-notes{color:var(--text-secondary);background:var(--bg-secondary);border-left:3px solid var(--dp-accent,var(--primary-color));border-radius:0 8px 8px 0;margin:0;padding:.875rem 1.25rem;font-size:.9375rem;line-height:1.7}.dp-links{flex-wrap:wrap;gap:.5rem;display:flex}.dp-link{color:var(--primary-color);background:var(--primary-alpha-06);border:1px solid #0000;border-radius:6px;align-items:center;padding:.375rem .875rem;font-size:.8125rem;font-weight:500;text-decoration:none;transition:background .15s,color .15s;display:inline-flex}.dp-link:hover{background:var(--primary-alpha-12);color:var(--primary-color);text-decoration:none}.dp-link--sentence{color:var(--text-primary);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:.5rem .875rem;font-size:.8125rem;line-height:1.4}.dp-link--sentence:hover{border-color:var(--primary-color);color:var(--primary-color);background:var(--primary-alpha-06)}.dp-image{border-radius:var(--radius-lg);object-fit:cover;max-width:100%;max-height:320px;box-shadow:var(--shadow-sm);display:block}.dp-case-card{border:none;border-top:1px solid var(--border-light,#f1f5f9);box-shadow:none;background:0 0;border-radius:0;overflow:hidden}.dp-case-table{border-collapse:collapse;width:100%;font-size:.875rem}.dp-case-table th{text-align:center;text-transform:uppercase;letter-spacing:.05em;color:var(--text-light,#9ca3af);border-bottom:1px solid var(--border-light,#f1f5f9);background:0 0;padding:.5rem .75rem;font-size:.6875rem;font-weight:600}.dp-case-table th:first-child{text-align:left}.dp-case-table td{text-align:center;border-bottom:1px solid var(--border-light,#f1f5f9);color:var(--text-primary);padding:.5rem .75rem;font-weight:500}.dp-case-table td:first-child{text-align:left}.dp-case-pronoun{font-size:.8125rem;color:var(--text-secondary)!important;font-weight:600!important}.dp-case-table tbody tr:nth-child(2n){background:0 0}.dp-case-table tr:last-child td{border-bottom:none}.dp-case-table tr:hover td{background:var(--primary-alpha-06)}.dp-rich{color:var(--text-primary);font-size:.9375rem;line-height:1.8}.dp-rich h1,.dp-rich h2,.dp-rich h3{color:var(--text-primary);margin:1.5em 0 .5em}.dp-rich h1:first-child,.dp-rich h2:first-child,.dp-rich h3:first-child{margin-top:0}.dp-rich p{margin:.75em 0}.dp-rich ul,.dp-rich ol{margin:.75em 0;padding-left:1.5em}.dp-rich table{border-collapse:collapse;border:1px solid var(--border-color);border-radius:6px;width:100%;margin:1em 0;overflow:hidden}.dp-rich table th,.dp-rich table td{border:1px solid var(--border-color);text-align:left;vertical-align:top;min-width:80px;padding:.5rem .75rem}.dp-rich table th{font-weight:600;color:#fff!important;background:#1e3a5f!important;border-color:#0d253f!important}.dp-rich table tr:nth-child(2n) td{background:var(--bg-secondary)}.dp-rich table tr:hover td{background:var(--bg-hover)}@media (max-width:768px){.dp-word{font-size:1.75rem}.dp-translation{font-size:1rem}.dp-props{grid-template-columns:auto 1fr}.dp-tr-row{flex-direction:column;gap:.125rem}.dp-tr-lang{width:auto}}.wd-dialog{background:var(--bg-primary);border-radius:16px;width:100%;max-width:480px;max-height:90vh;animation:.25s cubic-bezier(.16,1,.3,1) slideUp;overflow-y:auto;box-shadow:0 25px 60px -12px #0000004d}.wd-hero{text-align:center;color:#fff;background:linear-gradient(135deg,#1e3a5f 0%,#0d253f 100%);padding:2rem 1.5rem 1.25rem;position:relative}.wd-close{color:#fff;cursor:pointer;background:#ffffff26;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:1rem;line-height:1;transition:background .15s;display:flex;position:absolute;top:.75rem;right:.75rem}.wd-close:hover{background:#ffffff40}.wd-word{letter-spacing:-.02em;margin:0;font-size:1.75rem;font-weight:700}.wd-article{opacity:.6;font-weight:400}.wd-translation{opacity:.75;margin:.25rem 0 0;font-size:.9375rem}.wd-badges{flex-wrap:wrap;justify-content:center;gap:5px;margin-top:.75rem;display:flex}.wd-badge{color:#ffffffe6;letter-spacing:.03em;text-transform:uppercase;background:#ffffff26;border-radius:10px;padding:2px 8px;font-size:.6875rem;font-weight:600}.wd-badge-warn{color:#fca5a5;background:#ef444440}.wd-badge-accent{color:#fde68a;background:#fbbf2440}.wd-categories{flex-wrap:wrap;justify-content:center;gap:6px;margin-top:.75rem;display:flex}.wd-cat-tag{letter-spacing:.03em;color:#ffffff8c;border:1px solid #ffffff26;border-radius:4px;padding:2px 8px;font-size:.65rem;font-weight:500}.wd-body{padding:1rem 1.5rem 1.5rem}.wd-row{align-items:baseline;padding:.5rem 0;display:flex}.wd-row-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;flex-shrink:0;width:90px;font-size:.75rem;font-weight:600}.wd-row-value{color:var(--text-primary);font-size:.9375rem;font-weight:500}.wd-conj-section{border-top:1px solid var(--border-light);margin-top:1rem;padding-top:.75rem}.wd-conj-label{color:var(--primary-color);text-transform:uppercase;letter-spacing:.06em;margin-bottom:.5rem;font-size:.7rem;font-weight:700}.conj-dialog{background:var(--bg-primary);border-radius:14px;width:100%;max-width:360px;animation:.2s cubic-bezier(.16,1,.3,1) slideUp;overflow:hidden;box-shadow:0 25px 60px -12px #00000059}.conj-dialog-header{background:linear-gradient(135deg,#1e3a5f 0%,#0d253f 100%);justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.conj-dialog-title{color:#fff;margin-right:.5rem;font-size:1rem;font-weight:700}.conj-dialog-verb{color:#ffffffa6;font-size:.875rem;font-weight:400}.conj-dialog-close{color:#fff;cursor:pointer;background:#ffffff26;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:1rem;line-height:1;transition:background .15s;display:flex}.conj-dialog-close:hover{background:#ffffff40}.conj-dialog-body{padding:0}.conj-dialog-row{border-bottom:1px solid #0000000a;align-items:center;padding:.625rem 1.25rem;font-size:.9375rem;display:flex}.conj-dialog-row:last-child{border-bottom:none}.conj-dialog-row-even{background:#1e3a5f08}.conj-dialog-pronoun{color:var(--text-secondary);margin-right:.3em;font-size:.9375rem;font-weight:500}.conj-dialog-form{color:var(--text-primary);font-size:.9375rem;font-weight:600}.conj-tbl-wrap{-webkit-overflow-scrolling:touch;margin-top:.5rem;overflow-x:auto}.conj-tbl{border-collapse:collapse;width:100%;font-size:.875rem}.conj-tbl-corner{width:48px}.conj-tbl th.conj-tbl-tense{text-align:left;letter-spacing:.05em;text-transform:uppercase;color:var(--text-light,#9ca3af);border-bottom:1px solid var(--border-light,#f1f5f9);white-space:nowrap;padding:.5rem 1rem .4rem 0;font-size:.6875rem;font-weight:600}.conj-tbl-group-row td{padding:0}.conj-tbl-group{letter-spacing:.07em;text-transform:uppercase;color:var(--text-light,#9ca3af);opacity:.7;font-size:.5625rem;font-weight:600;padding:.6rem 0 .15rem!important}.conj-tbl td.conj-tbl-pronoun{width:48px;color:var(--text-secondary,#6b7280);white-space:nowrap;vertical-align:baseline;padding:.35rem 0;font-size:.8125rem;font-weight:500}.conj-tbl td.conj-tbl-form{color:var(--text-primary,#111827);border-bottom:1px solid var(--border-light,#f1f5f9);vertical-align:baseline;padding:.35rem 1rem .35rem 0;font-weight:600}.conj-tbl tbody tr:last-child td.conj-tbl-form{border-bottom:none}@media (max-width:500px){.conj-tbl{font-size:.8125rem}.conj-tbl td.conj-tbl-form{padding-right:.5rem}}.form-group{margin-bottom:.75rem}.form-group:last-child{margin-bottom:0}.form-row{align-items:flex-start;gap:.5rem;display:flex}.form-section{border-top:1px solid var(--border-light);margin-top:.5rem;margin-bottom:.375rem;padding-top:.5rem}.form-section-title{color:var(--primary-color);text-transform:uppercase;letter-spacing:.06em;margin-bottom:.375rem;font-size:.75rem;font-weight:700}.app-layout{flex-direction:column;min-height:100vh;display:flex}.app-header-bar{z-index:100;background:linear-gradient(135deg,#1e3a5f 0%,#0d253f 100%);position:sticky;top:0;box-shadow:0 2px 12px #00000026}.app-header-inner{max-width:var(--max-content-width);padding:0 var(--spacing-xl);height:var(--header-height);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.app-logo{color:#fff;align-items:center;gap:10px;text-decoration:none;display:flex}.app-logo:hover{text-decoration:none}.app-logo-icon{font-size:28px;line-height:1}.app-logo-text{color:#fff;letter-spacing:-.02em;font-size:22px;font-weight:800}.app-nav{align-items:center;gap:2px;display:flex}.app-nav-link{border-radius:var(--radius-md);color:#ffffffd9;transition:all var(--transition-fast);white-space:nowrap;letter-spacing:-.01em;background:0 0;align-items:center;gap:7px;padding:8px 14px;font-size:14px;font-weight:500;text-decoration:none;display:flex}.app-nav-link:hover{color:#fff;background:#ffffff1a;text-decoration:none}.app-nav-link--active{color:#fff;background:#fff3}.app-nav-link__icon{font-size:16px;line-height:1}.app-nav-divider{background:#fff3;width:1px;height:24px;margin:0 8px}.app-logout-btn{border-radius:var(--radius-md);cursor:pointer;color:#ffffffd9;transition:all var(--transition-fast);font-size:14px;font-weight:500;font-family:var(--font-sans);background:0 0;border:none;align-items:center;gap:7px;padding:8px 14px;display:flex}.app-logout-btn:hover{color:#fff;background:#ffffff1f}.app-hamburger{border-radius:var(--radius-md);cursor:pointer;width:40px;height:40px;transition:all var(--transition-fast);background:#ffffff1a;border:none;justify-content:center;align-items:center;padding:0;display:none}.app-hamburger:hover{background:#fff3}.app-hamburger__line{width:20px;height:2px;transition:all var(--transition-base);background:#fff;border-radius:2px;display:block;position:relative}.app-hamburger__line:before,.app-hamburger__line:after{content:"";width:20px;height:2px;transition:all var(--transition-base);background:#fff;border-radius:2px;display:block;position:absolute;left:0}.app-hamburger__line:before{top:-6px}.app-hamburger__line:after{top:6px}.app-hamburger--open .app-hamburger__line{background:0 0}.app-hamburger--open .app-hamburger__line:before{top:0;transform:rotate(45deg)}.app-hamburger--open .app-hamburger__line:after{top:0;transform:rotate(-45deg)}.app-mobile-nav-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:99;background:#0006;animation:.2s ease-out fadeIn;display:none;position:fixed;inset:0}.app-mobile-nav-overlay--open{display:block}.app-mobile-nav{top:var(--header-height);width:280px;max-width:85vw;height:calc(100vh - var(--header-height));z-index:100;transition:right var(--transition-slow);padding:var(--spacing-lg)0;background:linear-gradient(#1e3a5f 0%,#0d253f 100%);display:none;position:fixed;right:-100%;overflow-y:auto;box-shadow:-8px 0 24px #0003}.app-mobile-nav--open{right:0}.app-mobile-nav-link{color:#ffffffd9;transition:all var(--transition-fast);border-left:3px solid #0000;align-items:center;gap:12px;padding:14px 24px;font-size:15px;font-weight:500;text-decoration:none;display:flex}.app-mobile-nav-link:hover{color:#fff;background:#ffffff14;text-decoration:none}.app-mobile-nav-link--active{color:#fff;background:#ffffff1f;border-left-color:#fff9}.app-mobile-nav-link__icon{text-align:center;width:24px;font-size:20px;line-height:1}.app-mobile-nav-divider{height:1px;margin:var(--spacing-sm)var(--spacing-xl);background:#ffffff1a}.app-mobile-logout{cursor:pointer;color:#ffffffd9;transition:all var(--transition-fast);text-align:left;width:100%;font-size:15px;font-weight:500;font-family:var(--font-sans);background:0 0;border:none;border-left:3px solid #0000;align-items:center;gap:12px;padding:14px 24px;display:flex}.app-mobile-logout:hover{color:#fff;background:#ffffff14}.app-main{padding-top:var(--spacing-xl);padding-bottom:var(--spacing-xl);flex:1;animation:.3s ease-out fadeIn}.app-footer{color:#fff;padding:20px var(--spacing-xl);background:linear-gradient(135deg,#1e3a5f 0%,#0d253f 100%)}.app-footer-inner{max-width:var(--max-content-width);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:0 auto;display:flex}.app-footer-copy{opacity:.85;font-size:14px}.app-footer-links{gap:24px;display:flex}.app-footer-link{color:#fff;opacity:.75;transition:opacity var(--transition-fast);font-size:13px;text-decoration:none}.app-footer-link:hover{opacity:1;text-decoration:none}.home-stats-row{gap:var(--spacing-md);padding:var(--spacing-lg)0 var(--spacing-2xl);flex-wrap:wrap;justify-content:center;animation:.5s ease-out .1s both fadeInUp;display:flex}.home-stat{padding:var(--spacing-md)var(--spacing-xl);background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);min-width:100px;transition:all var(--transition-base);flex-direction:column;align-items:center;display:flex}.home-stat:hover{border-color:var(--primary-alpha-25);box-shadow:var(--shadow-sm)}.home-stat__number{font-size:var(--font-size-2xl);color:var(--primary-color);font-weight:800;line-height:1.2}.home-stat__label{font-size:var(--font-size-xs);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-top:2px;font-weight:600}.home-section{margin-bottom:var(--spacing-2xl);animation:.5s ease-out .15s both fadeInUp}.home-section__title{font-size:var(--font-size-lg);color:var(--text-primary);margin:0 0 var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--border-color);letter-spacing:-.01em;font-weight:700}.home-quick-links{gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.home-quick-link{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm)var(--spacing-lg);background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-full);color:var(--text-primary);font-size:var(--font-size-sm);transition:all var(--transition-base);white-space:nowrap;font-weight:600;text-decoration:none;display:flex}.home-quick-link:hover{border-color:var(--primary-color);color:var(--primary-color);background:var(--primary-alpha-04);box-shadow:var(--shadow-sm);text-decoration:none;transform:translateY(-1px)}.home-quick-link__icon{font-size:18px}.home-quick-link__label{line-height:1}.home-actions-grid{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.content-hub-grid{gap:var(--spacing-lg);padding-bottom:var(--spacing-2xl);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));animation:.5s ease-out .1s both fadeInUp;display:grid}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@media (max-width:900px){.app-nav{display:none}.app-hamburger{display:flex}.app-mobile-nav{display:block}.home-stats-row{gap:var(--spacing-sm)}.home-stat{padding:var(--spacing-sm)var(--spacing-md);min-width:80px}.home-stat__number{font-size:var(--font-size-xl)}.home-actions-grid{grid-template-columns:1fr}.content-hub-grid{gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}}@media (max-width:480px){.app-header-inner{padding:0 var(--spacing-md)}.app-logo-text{font-size:18px}.home-quick-links{gap:var(--spacing-xs)}.home-quick-link{padding:var(--spacing-xs)var(--spacing-md);font-size:var(--font-size-xs)}.content-hub-hero{padding:var(--spacing-xl)var(--spacing-md)var(--spacing-md)}.content-hub-hero__title{font-size:var(--font-size-2xl)}.content-hub-grid{gap:var(--spacing-md);grid-template-columns:1fr}.container{padding:var(--spacing-md)}}.wf-dialog{max-width:850px}.wf-row{gap:.5rem;margin-bottom:.5rem;display:flex}.wf-col{flex-direction:column;display:flex}.wf-bottom-grid{grid-template-columns:1fr 1fr;gap:.75rem;margin-top:.375rem;display:grid}.wf-bottom-left,.wf-bottom-right{min-width:0}@media (max-width:600px){.wf-dialog{max-width:100%}.wf-row{flex-direction:column;gap:0}.wf-bottom-grid{grid-template-columns:1fr}}.form-actions{background:var(--bg-hover);border-top:1px solid var(--border-color);gap:.5rem;padding:.75rem 1.25rem;display:flex}.pagination{background:var(--bg-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);border:1px solid var(--border-color);justify-content:center;align-items:center;gap:.5rem;margin-top:1.5rem;padding:.875rem 1.25rem;display:flex}.alert{padding:var(--spacing-md)var(--spacing-lg);border-radius:var(--radius-lg);margin-bottom:var(--spacing-lg);font-size:var(--font-size-base);align-items:center;gap:var(--spacing-sm);border-left:4px solid;display:flex}.alert-success{border-color:var(--secondary-color);color:#065f46;background:linear-gradient(135deg,#d1fae5 0%,#a7f3d0 100%)}.alert-info{border-color:var(--info-color);color:#1e40af;background:linear-gradient(135deg,#dbeafe 0%,#bfdbfe 100%)}.import-section{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg);box-shadow:var(--shadow-sm)}.import-section h3{margin-bottom:var(--spacing-sm);color:var(--text-primary);font-size:var(--font-size-lg);font-weight:600}.import-actions{gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.file-input-label{align-items:center;gap:var(--spacing-sm);background:var(--primary-color);color:#fff;border-radius:var(--radius-md);cursor:pointer;font-weight:500;font-size:var(--font-size-sm);font-family:var(--font-sans);transition:all var(--transition-fast);box-shadow:var(--shadow-sm);border:1px solid #0000;padding:.5rem .875rem;display:inline-flex}.file-input-label:hover{background:var(--primary-dark);box-shadow:var(--shadow-md);transform:translateY(-1px)}@media (max-width:768px){.container{padding:var(--spacing-md)}.app-header{gap:var(--spacing-md);flex-direction:column;align-items:flex-start}.modal-overlay{padding:var(--spacing-sm)}.modal-content{border-radius:var(--radius-lg);max-width:100%;max-height:95vh}.form-actions{flex-direction:column}.btn{width:100%}.app-footer-inner{text-align:center;flex-direction:column}}.spinner{border:3px solid #fff3;border-top-color:#fff;border-radius:50%;width:24px;height:24px;animation:.7s linear infinite spin;display:inline-block}.loading-container{padding:var(--spacing-2xl);color:var(--text-secondary);font-size:var(--font-size-base);justify-content:center;align-items:center;gap:var(--spacing-md);display:flex}.loading-container .spinner{border-width:3px;width:32px;height:32px}.empty-state{text-align:center;background:linear-gradient(135deg,var(--bg-primary)0%,var(--bg-secondary)100%);border-radius:var(--radius-xl);border:2px dashed var(--border-color);color:var(--text-secondary);padding:4rem 2rem;animation:.3s ease-out fadeIn}.empty-state-icon{opacity:.5;filter:grayscale(20%);margin-bottom:1.25rem;font-size:4rem}.empty-state-title{font-size:var(--font-size-xl);color:var(--text-primary);margin-bottom:.5rem;font-weight:700}.data-table{border-collapse:collapse;background:var(--bg-primary);border-radius:var(--radius-xl);width:100%;box-shadow:var(--shadow-sm);border:1px solid var(--border-color);overflow:hidden}.data-table thead{background:linear-gradient(135deg,var(--bg-tertiary)0%,var(--bg-hover)100%);border-bottom:2px solid var(--border-color)}.data-table th{text-align:left;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;padding:.75rem 1rem;font-size:.75rem;font-weight:600}.data-table tbody tr{border-bottom:1px solid var(--border-light);transition:all var(--transition-fast)}.data-table tbody tr:last-child{border-bottom:none}.data-table tbody tr:hover{background:linear-gradient(90deg,var(--primary-alpha-04)0%,transparent 100%)}.data-table td{vertical-align:middle;font-size:var(--font-size-base);color:var(--text-primary);padding:.75rem 1rem}.empty-state-description{font-size:var(--font-size-sm);color:var(--text-secondary)}.section-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.625rem;display:flex}.section-header__title{color:var(--text-primary);letter-spacing:-.01em;margin:0;font-size:1.125rem;font-weight:700}.section-header__count{color:var(--text-secondary);background:var(--bg-tertiary);border-radius:var(--radius-full);border:1px solid var(--border-color);margin-left:10px;padding:3px 12px;font-size:.875rem;font-weight:500}.alert{border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);font-size:var(--font-size-base);border-left-style:solid;border-left-width:4px;align-items:center;gap:12px;margin-bottom:1rem;padding:14px 18px;animation:.3s ease-out fadeIn;display:flex}.state-title{font-size:var(--font-size-lg);color:var(--text-primary);margin:0;font-weight:600}.state-description{font-size:var(--font-size-sm);color:var(--text-secondary);max-width:320px;margin:12px 0 0;line-height:1.5}.form-row{gap:.3rem;margin-bottom:.3rem;display:flex}.form-grid-2{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}.cell-link{cursor:pointer;color:var(--primary-color);font-weight:500}.cell-link:hover{text-decoration:underline}.cell-secondary{opacity:.7;margin-left:.35rem}.badge-container{gap:var(--spacing-xs);flex-wrap:wrap;display:flex}.btn--compact{height:fit-content;padding:.4rem .6rem;font-size:.75rem}.ml-auto{margin-left:auto}.pagination-wrapper{justify-content:center;margin-top:1rem;display:flex}.table-scroll{overflow-x:auto}.flex{display:flex}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.border{border:1px solid var(--border-color)}.border-t{border-top:1px solid var(--border-color)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.hidden{display:none}.block{display:block}.inline-block{display:inline-block}.inline-flex{display:inline-flex}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.skeleton{border-radius:var(--radius-md);background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;animation:1.5s infinite shimmer}.section-panel{border:1px solid var(--border-color);border-radius:var(--radius-lg);background:var(--bg-primary);margin-bottom:12px;overflow:hidden}.section-panel-count{background:var(--bg-tertiary);border-radius:4px;margin-left:10px;padding:1px 8px;font-size:11px}.section-panel-empty{text-align:center;color:var(--text-secondary);padding:20px;font-size:14px}.section-panel-empty-global{text-align:center;background:var(--bg-secondary);border-radius:var(--radius-lg);padding:40px}.section-icon-preview{border:2px dashed var(--border-color);background:var(--bg-hover);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;display:flex;overflow:hidden}.breadcrumb{font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--spacing-xl);padding:var(--spacing-sm)var(--spacing-md);background:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border-light);align-items:center;gap:.4rem;display:flex}.sections-grid{gap:var(--spacing-xl);margin-top:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.section-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-xl);gap:var(--spacing-md);box-shadow:var(--shadow-sm);flex-direction:column;transition:box-shadow .2s,border-color .2s;display:flex}.section-card:hover{box-shadow:var(--shadow-md);border-color:var(--primary-alpha-25)}.section-card-link{color:inherit;align-items:center;gap:var(--spacing-md);flex:1;text-decoration:none;display:flex}.section-card-icon{border-radius:var(--radius-lg);background:var(--bg-tertiary);border:1px solid var(--border-light);flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex;overflow:hidden}.section-card-icon img{object-fit:cover;width:100%;height:100%}.section-card-info{flex:1;min-width:0}.section-card-title{font-size:var(--font-size-lg);color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;margin:0 0 .15rem;font-weight:600;overflow:hidden}.section-card-subtitle{font-size:var(--font-size-sm);color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.section-card-count{font-size:var(--font-size-xs);color:var(--text-light);margin-top:.25rem}.section-card-actions{align-items:center;gap:var(--spacing-xs);flex-shrink:0;margin-left:auto;display:flex}.lesson-list{gap:var(--spacing-md);margin-top:var(--spacing-lg);flex-direction:column;display:flex}.lesson-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);align-items:center;transition:box-shadow .2s,border-color .2s,transform .15s;display:flex;overflow:hidden}.lesson-card:hover{box-shadow:var(--shadow-md);border-color:var(--primary-alpha-20);transform:translateY(-1px)}.lesson-card__link{align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg)var(--spacing-xl);color:inherit;flex:1;min-width:0;text-decoration:none;display:flex}.lesson-card__icon{border-radius:var(--radius-md);background:var(--bg-tertiary);border:1px solid var(--border-light);flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.3rem;display:flex;overflow:hidden}.lesson-card__icon img{object-fit:cover;width:100%;height:100%}.lesson-card__info{flex:1;min-width:0}.lesson-card__title{font-weight:600;font-size:var(--font-size-base);color:var(--text-primary);align-items:baseline;gap:var(--spacing-sm);line-height:1.3;display:flex}.lesson-card__title-de{font-weight:400;font-size:var(--font-size-sm);color:var(--text-secondary)}.lesson-card__meta{align-items:center;gap:var(--spacing-md);font-size:var(--font-size-xs);color:var(--text-light);margin-top:.2rem;display:flex}.lesson-card__meta-item{align-items:center;gap:.2rem;display:inline-flex}.lesson-card__meta-item--empty{color:var(--text-light);font-style:italic}.lesson-card__meta-badge{background:var(--primary-alpha-06);color:var(--primary-color);border-radius:var(--radius-full);font-weight:600;font-size:var(--font-size-xs);align-items:center;gap:.2rem;padding:.1rem .5rem;display:inline-flex}.lesson-card__arrow{color:var(--text-light);flex-shrink:0;transition:color .15s,transform .15s}.lesson-card:hover .lesson-card__arrow{color:var(--primary-color);transform:translate(2px)}.lesson-card__actions{align-items:center;gap:var(--spacing-xs);padding-right:var(--spacing-lg);flex-shrink:0;display:flex}.lesson-view-skeleton{padding:var(--spacing-2xl)0}.skeleton-line{background:var(--bg-tertiary);border-radius:var(--radius-sm);height:16px;animation:1.5s infinite shimmer}.skeleton-title{width:300px;height:28px;margin-bottom:var(--spacing-md)}.skeleton-breadcrumb{width:200px;height:14px;margin-bottom:var(--spacing-xl)}.skeleton-block{background:var(--bg-tertiary);border-radius:var(--radius-lg);width:100%;height:200px;animation:1.5s infinite shimmer}.lesson-view-header{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--spacing-2xl);margin-bottom:var(--spacing-xl);box-shadow:var(--shadow-sm)}.lesson-view-header__top{justify-content:space-between;align-items:flex-start;gap:var(--spacing-xl);display:flex}.lesson-view-header__info{align-items:flex-start;gap:var(--spacing-xl);flex:1;min-width:0;display:flex}.lesson-view-header__image{border-radius:var(--radius-lg);border:1px solid var(--border-color);flex-shrink:0;width:80px;height:80px;overflow:hidden}.lesson-view-header__image img{object-fit:cover;width:100%;height:100%}.lesson-view-header__title{color:var(--text-primary);margin:0 0 .25rem;font-size:1.5rem;font-weight:700;line-height:1.25}.lesson-view-header__subtitle{font-size:var(--font-size-lg);color:var(--text-secondary);margin:0 0 var(--spacing-md)0;font-weight:400}.lesson-view-header__stats{align-items:center;gap:var(--spacing-lg);display:flex}.lesson-view-stat{font-size:var(--font-size-sm);color:var(--text-secondary);background:var(--bg-tertiary);border-radius:var(--radius-full);align-items:center;gap:.35rem;padding:.25rem .65rem;font-weight:500;display:inline-flex}.lesson-view-stat__icon{font-size:.9rem}.lesson-view-header__actions{align-items:center;gap:var(--spacing-sm);flex-shrink:0;display:flex}.lesson-view-section{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--spacing-2xl);margin-bottom:var(--spacing-xl);box-shadow:var(--shadow-xs)}.lesson-view-section__header{align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-light);display:flex}.lesson-view-section__icon{font-size:1.25rem}.lesson-view-section__title{font-size:var(--font-size-xl);color:var(--text-primary);align-items:center;gap:var(--spacing-sm);margin:0;font-weight:700;display:flex}.lesson-view-section__count{background:var(--primary-alpha-10);min-width:24px;height:24px;color:var(--primary-color);border-radius:var(--radius-full);font-size:var(--font-size-xs);justify-content:center;align-items:center;padding:0 .5rem;font-weight:700;display:inline-flex}.lesson-view-content{font-size:var(--font-size-base);color:var(--text-primary);word-wrap:break-word;line-height:1.75}.lesson-view-content p{margin:0 0 var(--spacing-md)0}.lesson-view-content h1,.lesson-view-content h2,.lesson-view-content h3{margin-top:var(--spacing-xl);margin-bottom:var(--spacing-sm)}.lesson-view-empty{padding:var(--spacing-3xl)var(--spacing-xl);background:var(--bg-primary);border:2px dashed var(--border-color);border-radius:var(--radius-xl);margin-bottom:var(--spacing-xl);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.lesson-view-empty__icon{margin-bottom:var(--spacing-md);opacity:.5;font-size:3rem}.lesson-view-empty__text{font-size:var(--font-size-lg);color:var(--text-secondary);margin:0 0 var(--spacing-xl)0}.lesson-view-ref-group{margin-bottom:var(--spacing-xl)}.lesson-view-ref-group:last-child{margin-bottom:0}.lesson-view-ref-group__title{align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-base);color:var(--text-primary);margin:0 0 var(--spacing-md)0;font-weight:600;display:flex}.lesson-view-ref-group__count{background:var(--bg-tertiary);min-width:20px;height:20px;color:var(--text-secondary);border-radius:var(--radius-full);font-size:var(--font-size-xs);justify-content:center;align-items:center;padding:0 .4rem;font-weight:600;display:inline-flex}.lesson-view-ref-grid{gap:var(--spacing-sm);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));display:grid}.lesson-view-ref-card{padding:var(--spacing-md)var(--spacing-lg);background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-md);transition:border-color .15s,box-shadow .15s}.lesson-view-ref-card:hover{border-color:var(--primary-alpha-20);box-shadow:var(--shadow-xs)}.lesson-view-ref-card__primary{font-size:var(--font-size-base);color:var(--text-primary);margin-bottom:.15rem;font-weight:600}.lesson-view-ref-card__secondary{font-size:var(--font-size-xs);color:var(--text-secondary);line-height:1.4}.lesson-view-ref-card__badge{background:var(--primary-alpha-06);color:var(--primary-color);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.03em;margin-top:.3rem;padding:.1rem .5rem;font-size:.7rem;font-weight:600;display:inline-block}.study-materials-grid{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));animation:.5s ease-out .1s both fadeInUp;display:grid}.lesson-editor-section{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-xl);margin-bottom:var(--spacing-lg)}.lesson-ref-section{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-md)}.lesson-ref-section h3{margin:0 0 var(--spacing-md)0;font-size:var(--font-size-lg);color:var(--text-primary);font-weight:600}.ref-search-dropdown{z-index:50;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);max-height:240px;margin-top:2px;position:absolute;top:100%;left:0;right:0;overflow-y:auto}.ref-search-item{padding:var(--spacing-sm)var(--spacing-md);cursor:pointer;border-bottom:1px solid var(--border-light);transition:background .1s}.ref-search-item:last-child{border-bottom:none}.ref-search-item:hover{background:var(--bg-hover)}.ref-search-item-secondary{font-size:var(--font-size-xs);color:var(--text-secondary);margin-top:1px}.ref-chips{gap:var(--spacing-sm);margin-top:var(--spacing-sm);flex-wrap:wrap;display:flex}.ref-chip{align-items:center;gap:var(--spacing-xs);background:var(--primary-alpha-06);border:1px solid var(--primary-alpha-15);border-radius:var(--radius-full);font-size:var(--font-size-sm);color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;max-width:280px;padding:.3rem .65rem;font-weight:500;display:inline-flex;overflow:hidden}.ref-chip-remove{width:18px;height:18px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:14px;line-height:1;transition:background .1s,color .1s;display:inline-flex}.ref-chip-remove:hover{background:var(--danger-color);color:#fff}@media (max-width:768px){.sections-grid{grid-template-columns:1fr}.section-card-link{flex-direction:column;align-items:flex-start}.lesson-card__link{padding:var(--spacing-md)}.lesson-view-header__top{flex-direction:column}.lesson-view-header__actions{justify-content:flex-end;width:100%}.lesson-view-ref-grid,.study-materials-grid{grid-template-columns:1fr}}.ef{max-width:var(--max-content-width);margin:0 auto;padding-bottom:1.5rem}.ef-header{border-bottom:1px solid var(--border-color);align-items:center;gap:.75rem;margin-bottom:1rem;padding-bottom:.75rem;display:flex}.ef-header-icon{border-radius:var(--radius-md);background:linear-gradient(135deg,var(--primary-color),var(--primary-light));color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:1.1rem;font-weight:700;display:flex}.ef-header h1{color:var(--text-primary);margin:0;font-size:1.125rem;font-weight:700;line-height:1.2}.ef-header p{color:var(--text-secondary);margin:.125rem 0 0;font-size:.775rem}.ef-section{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);margin-bottom:.5rem;padding:.875rem 1rem;box-shadow:0 1px 2px #00000008}.ef-section-title{color:var(--text-light);text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:.375rem;margin-bottom:.5rem;font-size:.6875rem;font-weight:600;display:flex}.ef-field{flex-direction:column;gap:.2rem;display:flex}.ef-field .label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.03em;margin:0;font-size:.75rem;font-weight:500}.ef-field .input,.ef-field .select,.ef-field .textarea{min-height:34px;padding:.4rem .625rem;font-size:.875rem}.ef-field .select[multiple]{min-height:100px}.ef-row{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.ef-row-3{grid-template-columns:1fr 1fr 1fr;gap:.75rem;display:grid}.ef-trans-row{align-items:center;gap:.5rem;margin-bottom:.375rem;display:flex}.ef-trans-row .input{flex:1;min-height:34px;padding:.4rem .625rem;font-size:.875rem}.ef-trans-row .select{flex:0 0 100px;min-height:34px;padding:.4rem .5rem;font-size:.8125rem}.ef-trans-remove{border-radius:var(--radius-sm);border:1px solid var(--border-color);background:var(--bg-primary);width:28px;height:28px;color:var(--text-light);cursor:pointer;transition:all var(--transition-base);flex-shrink:0;justify-content:center;align-items:center;font-size:.85rem;display:flex}.ef-trans-remove:hover{background:var(--danger-light);border-color:var(--danger-color);color:var(--danger-color)}.ef-add-btn{color:var(--primary-lighter);border:1.5px dashed var(--border-color);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-base);font-size:.775rem;font-weight:600;font-family:var(--font-sans);background:0 0;align-items:center;gap:.3rem;margin-top:.25rem;padding:.3rem .65rem;display:inline-flex}.ef-add-btn:hover{color:var(--primary-color);border-color:var(--primary-lighter);background:var(--primary-alpha-04)}.ef-search-row{align-items:center;gap:.5rem;display:flex}.ef-search-row .input{flex:1;min-height:34px;padding:.4rem .625rem;font-size:.875rem}.ef-search-row .ef-add-btn{white-space:nowrap;flex-shrink:0;margin-top:0;padding:.35rem .65rem}.ef-inline-create{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);margin-top:.5rem;padding:.625rem .75rem}.ef-inline-create-title{color:var(--text-secondary);margin-bottom:.375rem;font-size:.7rem;font-weight:600}.ef-inline-create .ef-inline-row{gap:.375rem;margin-bottom:.375rem;display:flex}.ef-inline-create .ef-inline-row:last-child{margin-bottom:0}.ef-inline-create .input,.ef-inline-create .select{min-height:32px;padding:.35rem .5rem;font-size:.8125rem}.ef-inline-create .ef-inline-submit{white-space:nowrap;border-radius:var(--radius-sm);background:var(--primary-color);color:#fff;cursor:pointer;transition:background var(--transition-base);border:none;flex-shrink:0;padding:.35rem .65rem;font-size:.775rem;font-weight:600}.ef-inline-create .ef-inline-submit:hover{background:var(--primary-dark)}.ef-inline-create .ef-inline-submit:disabled{opacity:.5;cursor:not-allowed}.ef-search-results{border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-primary);max-height:130px;margin-top:.375rem;overflow-y:auto}.ef-search-results-item{cursor:pointer;border-bottom:1px solid var(--border-light);transition:background var(--transition-fast);padding:.35rem .625rem;font-size:.8125rem}.ef-search-results-item:last-child{border-bottom:none}.ef-search-results-item:hover{background:var(--bg-hover)}.ef-search-results-item .ef-search-type{color:var(--text-secondary);margin-left:.25rem;font-size:.7rem}.ef-no-results{color:var(--text-light);margin-top:.25rem;padding:.375rem 0;font-size:.775rem}.ef-badges{flex-wrap:wrap;gap:.3rem;margin-top:.375rem;display:flex}.ef-badge{border-radius:var(--radius-full);align-items:center;gap:.25rem;padding:.2rem .5rem;font-size:.75rem;font-weight:500;line-height:1.3;display:inline-flex}.ef-badge--primary{background:var(--primary-alpha-12);color:var(--primary-color)}.ef-badge--success{background:var(--success-bg);color:var(--success-text)}.ef-badge-remove{cursor:pointer;color:inherit;opacity:.6;transition:opacity var(--transition-fast);background:0 0;border:none;padding:0;font-size:.85rem;line-height:1}.ef-badge-remove:hover{opacity:1}.ef-tags{flex-wrap:wrap;gap:.375rem;display:flex}.ef-tag{border-radius:var(--radius-full);border:1.5px solid var(--border-color);background:var(--bg-primary);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-base);font-size:.775rem;font-weight:500;font-family:var(--font-sans);padding:.2rem .6rem}.ef-tag:hover{border-color:var(--primary-lighter);color:var(--primary-color)}.ef-tag--active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.ef-tag--active:hover{background:var(--primary-dark);border-color:var(--primary-dark);color:#fff}.ef-notes{width:100%;font-size:.875rem;font-family:var(--font-sans);color:var(--text-primary);background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);resize:vertical;min-height:60px;transition:all var(--transition-base);padding:.4rem .625rem;line-height:1.5}.ef-notes:hover{border-color:#94a3b8}.ef-notes:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-alpha-12);outline:none}.ef-footer{border-top:1px solid var(--border-color);gap:.5rem;max-width:400px;margin-top:.25rem;padding-top:.75rem;display:flex}.ef-footer .modal-btn-primary,.ef-footer .modal-btn-secondary{border-radius:var(--radius-md);min-height:34px;padding:.4rem 1rem;font-size:.8125rem}.ef-footer .modal-btn-primary{flex:1.5}.ef-footer .modal-btn-secondary{flex:1}.ef-section .form-section{border-top:none;margin-top:0;padding-top:0}.ef-section .form-section-title{color:var(--text-light);text-transform:uppercase;letter-spacing:.06em;margin-bottom:.5rem;font-size:.6875rem;font-weight:600}.ef-section .form-section .label{color:var(--text-secondary);margin-bottom:.2rem;font-size:.75rem;font-weight:500}.ef-section .form-section .input,.ef-section .form-section .select{min-height:34px;padding:.4rem .625rem;font-size:.875rem}@media (max-width:768px){.ef{max-width:100%}.ef-section{border-radius:var(--radius-md);padding:.75rem}.ef-row,.ef-trans-row .select{flex:0 0 90px}.ef-header-icon{width:30px;height:30px;font-size:.9rem}.ef-header h1{font-size:1rem}.ef-footer{flex-direction:column;max-width:none}.ef-footer .modal-btn-primary,.ef-footer .modal-btn-secondary{flex:none;width:100%}}