*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f3f4f6;color:#1f2937;line-height:1.6}a{text-decoration:none;color:inherit}.loading-screen{display:flex;align-items:center;justify-content:center;height:100vh;font-size:1.125rem;color:#6b7280}.login-page{display:flex;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,#1f2937,#111827)}.login-card{background:#fff;padding:2.5rem;border-radius:12px;width:100%;max-width:400px;box-shadow:0 20px 60px #0000004d}.login-card__title{font-size:1.75rem;font-weight:700;text-align:center;color:#1f2937;margin-bottom:.25rem}.login-card__subtitle{text-align:center;color:#6b7280;margin-bottom:1.5rem;font-size:.875rem}.login-card__error{background:#fef2f2;color:#dc2626;border:1px solid #fecaca;border-radius:8px;padding:.75rem;margin-bottom:1rem;font-size:.875rem;text-align:center}.admin-layout{display:flex;min-height:100vh}.sidebar{width:250px;background:#1f2937;color:#fff;position:fixed;top:0;left:0;bottom:0;display:flex;flex-direction:column;z-index:100;transition:transform .3s ease}.sidebar-overlay{display:none}.sidebar__logo{padding:1.5rem;border-bottom:1px solid #374151}.sidebar__logo h2{font-size:1.25rem;font-weight:700;color:#3b82f6}.sidebar__logo span{font-size:.75rem;color:#9ca3af;text-transform:uppercase;letter-spacing:.05em}.sidebar__nav{flex:1;padding:1rem 0;overflow-y:auto}.sidebar__link{display:flex;align-items:center;gap:.75rem;padding:.625rem 1.5rem;color:#d1d5db;font-size:.875rem;transition:all .2s}.sidebar__link:hover{background:#374151;color:#fff}.sidebar__link--active{background:#3b82f6;color:#fff}.sidebar__link-icon{width:1.25rem;text-align:center;font-size:1rem}.sidebar__footer{padding:1rem 0;border-top:1px solid #374151}.admin-content{margin-left:250px;flex:1;min-height:100vh}.admin-header{background:#fff;padding:1rem 2rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e5e7eb;position:sticky;top:0;z-index:50}.admin-header__title{font-size:1.25rem;font-weight:600}.admin-header__menu-btn{display:none;background:none;border:1px solid #d1d5db;border-radius:6px;padding:.375rem .625rem;font-size:1.25rem;cursor:pointer;color:#374151}.admin-main{padding:2rem}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;border:none;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;font-family:inherit}.btn:disabled{opacity:.6;cursor:not-allowed}.btn--primary{background:#3b82f6;color:#fff}.btn--primary:hover:not(:disabled){background:#2563eb}.btn--secondary{background:#f3f4f6;color:#374151;border:1px solid #d1d5db}.btn--secondary:hover:not(:disabled){background:#e5e7eb}.btn--full{width:100%;justify-content:center}.form-group{margin-bottom:1rem}.form-group label{display:block;font-size:.8125rem;font-weight:500;color:#374151;margin-bottom:.375rem}.form-group input,.form-group textarea,.form-group select{width:100%;padding:.625rem .75rem;border:1px solid #d1d5db;border-radius:8px;font-size:.875rem;font-family:inherit;transition:border-color .2s;background:#fff}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-group input:disabled{background:#f9fafb;color:#9ca3af}.dashboard__welcome{margin-bottom:2rem}.dashboard__welcome h2{font-size:1.5rem;font-weight:700;margin-bottom:.25rem}.dashboard__welcome p{color:#6b7280}.dashboard__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.25rem}.dashboard__card{background:#fff;padding:1.5rem;border-radius:12px;border:1px solid #e5e7eb;transition:all .2s;display:flex;flex-direction:column}.dashboard__card:hover{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f61a;transform:translateY(-2px)}.dashboard__card h3{font-size:1.125rem;font-weight:600;margin-bottom:.5rem}.dashboard__card p{font-size:.8125rem;color:#6b7280;flex:1;margin-bottom:1rem}.dashboard__card-link{font-size:.8125rem;color:#3b82f6;font-weight:500}.editor-loading{padding:2rem;text-align:center;color:#6b7280}.editor{max-width:800px}.editor__section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:1.5rem;margin-bottom:1.5rem}.editor__section h3{font-size:1rem;font-weight:600;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid #f3f4f6}.editor__card{border-left:3px solid #3b82f6}.editor__nested-item{padding-left:1rem;border-left:2px solid #e5e7eb;margin-bottom:.5rem}.translation-editor{margin-bottom:1.25rem}.translation-editor__label{display:block;font-size:.8125rem;font-weight:500;color:#374151;margin-bottom:.375rem}.translation-editor__tabs{display:flex;gap:0;margin-bottom:0}.translation-editor__tab{padding:.375rem .75rem;border:1px solid #d1d5db;border-bottom:none;background:#f9fafb;font-size:.75rem;font-weight:500;cursor:pointer;color:#6b7280;font-family:inherit;transition:all .2s}.translation-editor__tab:first-child{border-radius:6px 0 0}.translation-editor__tab:last-child{border-radius:0 6px 0 0}.translation-editor__tab--active{background:#fff;color:#3b82f6;border-color:#3b82f6;border-bottom-color:#fff;position:relative;z-index:1}.translation-editor__input{width:100%;padding:.625rem .75rem;border:1px solid #d1d5db;border-radius:0 8px 8px;font-size:.875rem;font-family:inherit;transition:border-color .2s;background:#fff}.translation-editor__input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.translation-editor__textarea{resize:vertical;min-height:80px}.toast{position:fixed;bottom:1.5rem;right:1.5rem;padding:.875rem 1.25rem;border-radius:10px;display:flex;align-items:center;gap:.75rem;font-size:.875rem;font-weight:500;box-shadow:0 10px 30px #00000026;z-index:1000;animation:toast-in .3s ease}.toast--success{background:#065f46;color:#fff}.toast--error{background:#991b1b;color:#fff}.toast__close{background:none;border:none;color:inherit;font-size:1.25rem;cursor:pointer;opacity:.7;line-height:1}.toast__close:hover{opacity:1}@keyframes toast-in{0%{transform:translateY(1rem);opacity:0}to{transform:translateY(0);opacity:1}}@media (max-width: 768px){.sidebar{transform:translate(-100%)}.sidebar--open{transform:translate(0)}.sidebar-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:99}.admin-content{margin-left:0}.admin-header__menu-btn{display:block}.admin-main{padding:1rem}.dashboard__grid{grid-template-columns:1fr}}.roadmap-year-pills{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.year-pill{padding:6px 16px;border:1px solid #d1d5db;border-radius:20px;background:none;font-size:14px;font-weight:500;color:#6b7280;cursor:pointer;transition:all .15s}.year-pill:hover{border-color:#3b82f6;color:#3b82f6}.year-pill.active{background:#4f46e5;border-color:#4f46e5;color:#fff}.roadmap-year-tabs{display:flex;flex-wrap:wrap;gap:0;border:1px solid #e5e7eb;border-radius:6px;overflow:hidden;margin-bottom:24px;width:fit-content}.roadmap-year-tab{padding:8px 18px;background:none;border:none;border-right:1px solid #e5e7eb;font-size:14px;font-weight:500;color:#6b7280;cursor:pointer;transition:all .15s}.roadmap-year-tab:last-child{border-right:none}.roadmap-year-tab:hover:not(.active){background:#f3f4f6}.roadmap-year-tab.active{background:#4f46e5;color:#fff}.roadmap-quarters-editor{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.roadmap-quarter-editor{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:16px}.quarter-title{font-size:16px;font-weight:700;color:#111827;margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid #e5e7eb}.roadmap-item-editor{background:#fff;border:1px solid #e5e7eb;border-radius:6px;padding:12px;margin-bottom:12px}.item-editor-header{display:flex;align-items:flex-end;gap:8px;margin-bottom:12px}.item-number-field{flex:1}.item-number-field label{display:block;font-size:12px;font-weight:600;color:#6b7280;margin-bottom:4px;text-transform:uppercase;letter-spacing:.5px}.item-number-field input{width:100%;padding:6px 10px;border:1px solid #d1d5db;border-radius:4px;font-size:14px;font-weight:600;color:#4f46e5}.btn-remove-item{padding:6px 10px;background:none;border:1px solid #fca5a5;border-radius:4px;color:#ef4444;font-size:12px;cursor:pointer;transition:all .15s;flex-shrink:0}.btn-remove-item:hover{background:#fee2e2}.btn-add-item{width:100%;padding:8px;background:none;border:1px dashed #9ca3af;border-radius:6px;font-size:13px;font-weight:500;color:#6b7280;cursor:pointer;transition:all .15s;margin-top:4px}.btn-add-item:hover{border-color:#3b82f6;color:#3b82f6;background:#3b82f60a}.field-hint{font-size:12px;color:#9ca3af;margin-top:4px}@media (max-width: 768px){.roadmap-quarters-editor{grid-template-columns:1fr}}