@import"https://fonts.googleapis.com/css2?family=Lexend:wght@100..900&display=swap";.form-group{margin-bottom:1.5rem}.input-group{position:relative}.input-label-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;padding-left:.25rem;padding-right:.25rem}.input-label{font-size:10px;font-weight:900;color:#9ca3af;text-transform:uppercase;letter-spacing:.1em;display:block;transition:color .2s}.form-group:focus-within .input-label{color:var(--color-primary, #2b7cee)}.input-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#d1d5db;-webkit-user-select:none;user-select:none}.form-group:focus-within .input-icon{color:var(--color-primary, #2b7cee)}.text-input{width:100%;box-sizing:border-box;font-family:inherit;height:4rem;border-radius:1rem;border:2px solid #f9fafb;background-color:#f9fafb80;padding-left:3rem;padding-right:3rem;font-weight:700;color:#374151;outline:none;transition:all .2s}.text-input::placeholder{color:#d1d5db}.text-input:focus{border-color:var(--color-primary, #2b7cee);background-color:#fff;box-shadow:0 0 0 4px #2b7cee0d}.primary-button{width:100%;box-sizing:border-box;font-family:inherit;height:4rem;background-color:var(--color-primary, #2b7cee);color:#fff;border-radius:1rem;font-weight:900;font-size:1.125rem;box-shadow:0 20px 25px -5px #2b7cee4d;margin-bottom:2rem;border:none;cursor:pointer;transition:all .2s}.primary-button:active{transform:scale(.95)}.back-button{width:3rem;height:3rem;border-radius:9999px;display:flex;align-items:center;justify-content:center;background-color:#f9fafb;margin-bottom:2.5rem;color:#9ca3af;border:none;cursor:pointer;transition:all .2s}.back-button:active{transform:scale(.9)}.outline-button{width:auto;padding:.75rem 1.5rem;background-color:#fff;border:1px solid #d1d5db;color:#374151;border-radius:1rem;font-weight:700;font-size:.875rem;cursor:pointer;transition:all .2s;font-family:inherit;display:inline-flex;align-items:center;justify-content:center;height:auto;box-shadow:none;margin-bottom:0}.outline-button:hover{background-color:#f9fafb;border-color:#9ca3af}.outline-button:active{transform:scale(.95)}.ghost-button{width:auto;padding:.5rem;background-color:transparent;border:none;color:#9ca3af;border-radius:.5rem;cursor:pointer;transition:all .2s;font-family:inherit;display:inline-flex;align-items:center;justify-content:center;height:auto;box-shadow:none;margin-bottom:0}.ghost-button:hover{background-color:#f3f4f6;color:#111827}.ghost-button:active{transform:scale(.95)}.ghost-button.danger:hover{background-color:#fef2f2;color:#dc2626}.btn-sm{padding:.25rem .75rem;font-size:.875rem;height:2rem;border-radius:.375rem}.btn-md{padding:.75rem 1.5rem;font-size:1rem;height:3rem;border-radius:.5rem}.link-button{background:none;border:none;color:var(--color-primary, #2b7cee);font-weight:700;font-size:.875rem;cursor:pointer;padding:0;font-family:inherit;display:inline-flex;align-items:center;justify-content:center;height:auto;box-shadow:none;margin-bottom:0}.link-button:hover{text-decoration:underline}.table-container{width:100%;overflow-x:auto}.data-table{width:100%;border-collapse:collapse;text-align:left;font-size:.875rem}.data-table th{background-color:#f9fafb;color:#6b7280;font-weight:600;padding:.75rem 1.5rem;border-bottom:1px solid #e5e7eb;text-transform:uppercase;font-size:.75rem;letter-spacing:.05em}.data-table td{padding:1rem 1.5rem;border-bottom:1px solid #f3f4f6;color:#374151}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background-color:#f9fafb}.user-cell{display:flex;align-items:center;gap:.75rem}.user-cell-avatar{width:2.25rem;height:2.25rem;border-radius:9999px;background-color:#e5e7eb;color:#9ca3af;display:flex;align-items:center;justify-content:center;font-size:1.25rem}.user-cell-info{display:flex;flex-direction:column}.user-cell-name{font-weight:600;color:#111827}.user-cell-email{color:#6b7280;font-size:.75rem}.action-buttons{display:flex;gap:.5rem}.action-btn{padding:.25rem;color:#9ca3af;border-radius:.375rem;transition:all .2s}.action-btn:hover{background-color:#f3f4f6;color:#111827}.action-btn.danger:hover{background-color:#fef2f2;color:#dc2626}.page-header{margin-bottom:2rem;display:flex;justify-content:space-between;align-items:center}.page-title{font-size:1.875rem;font-weight:800;color:#111827;letter-spacing:-.025em;margin-bottom:.25rem}.page-subtitle{color:#6b7280;font-size:1rem}.dashboard-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:1.5rem}@media(min-width:768px){.dashboard-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:1024px){.dashboard-grid-2-1{grid-template-columns:1fr 2fr}}.metric-card{background-color:#fff;padding:1.5rem;border-radius:1rem;border:1px solid #f3f4f6;box-shadow:0 1px 2px #0000000d}.metric-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.metric-icon{width:3rem;height:3rem;border-radius:.75rem;display:flex;align-items:center;justify-content:center}.metric-icon.blue{background-color:#eff6ff;color:#2563eb}.metric-icon.orange{background-color:#fff7ed;color:#ea580c}.metric-icon.purple{background-color:#f3e8ff;color:#9333ea}.metric-label{font-size:.875rem;font-weight:700;color:#9ca3af;text-transform:uppercase;letter-spacing:.05em}.metric-value{font-size:1.5rem;font-weight:900;color:#111827}.metric-change{font-size:.875rem;font-weight:700;display:flex;align-items:center;gap:.25rem}.metric-change.positive{color:#16a34a}.metric-change.negative{color:#dc2626}.filter-bar{display:flex;gap:1rem;margin-bottom:2rem;overflow-x:auto;padding-bottom:.5rem}.filter-btn{padding:.5rem 1rem;border-radius:9999px;font-size:.875rem;font-weight:500;white-space:nowrap;border:1px solid transparent;cursor:pointer;transition:all .2s}.filter-btn.active{background-color:#111827;color:#fff}.filter-btn.default{background-color:#fff;border-color:#e5e7eb;color:#374151}.filter-btn.default:hover{background-color:#f9fafb}.filter-divider{width:1px;height:2rem;background-color:#e5e7eb}.stories-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:1.5rem}@media(min-width:768px){.stories-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.stories-grid{grid-template-columns:repeat(3,1fr)}}.search-container{padding:1rem;border-bottom:1px solid #f3f4f6}.search-input{width:100%;padding:.5rem 1rem;border:1px solid #e5e7eb;border-radius:.5rem;outline:none;transition:box-shadow .2s}.search-input:focus{box-shadow:0 0 0 2px #2b7cee33}@media(min-width:768px){.search-input{width:20rem}}.pagination-container{padding:1rem;border-top:1px solid #f3f4f6;display:flex;justify-content:center}.pagination-group{display:flex;gap:.5rem}.pagination-btn{padding:.25rem .75rem;border-radius:.25rem;font-size:.875rem;border:1px solid #e5e7eb;background:#fff;cursor:pointer}.pagination-btn:hover{background-color:#f9fafb}.pagination-btn.active{background-color:var(--color-primary);color:#fff;border-color:var(--color-primary)}.add-new-card{border:2px dashed #e5e7eb;border-radius:1rem;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;cursor:pointer;padding:1.5rem;color:#9ca3af;transition:all .2s;background-color:transparent}.add-new-card:hover{border-color:#93c5fd;background-color:#eff6ff;color:#3b82f6}.add-new-icon{width:4rem;height:4rem;border-radius:9999px;background-color:#f9fafb;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;transition:background-color .2s}.add-new-card:hover .add-new-icon{background-color:#dbeafe}.add-new-label{font-weight:700;font-size:1.125rem}.btn-action{background-color:var(--color-primary, #2b7cee);color:#fff;padding:.5rem 1rem;border-radius:.75rem;font-weight:700;border:none;cursor:pointer;display:flex;align-items:center;gap:.5rem;font-size:.875rem;transition:background-color .2s}.btn-action:hover{background-color:var(--color-primary-hover, #1e60c2)}.btn-link{background:none;border:none;color:var(--color-primary, #2b7cee);font-weight:700;font-size:.875rem;cursor:pointer;padding:0}.btn-link:hover{text-decoration:underline}.flex-row{display:flex;align-items:center;gap:1rem}.flex-col{display:flex;flex-direction:column;gap:1rem}.flex-between{display:flex;justify-content:space-between;align-items:center}.flex-end{display:flex;align-items:flexion-end;gap:.5rem}.story-image-container{height:10rem;background-color:#f3f4f6;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;color:#d1d5db}.story-badges{position:absolute;top:.75rem;right:.75rem}.story-overlay{position:absolute;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;gap:.5rem;opacity:0;transition:opacity .2s}.metric-card:hover .story-overlay,.story-image-container:hover .story-overlay{opacity:1}.story-btn-icon{background-color:#fff;border:none;padding:.5rem;border-radius:9999px;cursor:pointer;display:flex;align-items:center;justify-content:center}.story-btn-icon:hover{background-color:#f3f4f6}.story-content{padding:1rem}.story-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem}.story-lang{font-size:.75rem;font-weight:700;color:#2563eb;text-transform:uppercase;letter-spacing:.05em;display:block}.story-title{font-weight:700;font-size:1.125rem;color:#111827;line-height:1.25;margin-top:.25rem}.story-level-badge{background-color:#f3f4f6;color:#4b5563;font-size:.75rem;font-weight:700;padding:.25rem .5rem;border-radius:.25rem}.story-stats{display:flex;gap:1rem;margin-top:1rem;font-size:.875rem;color:#6b7280}.stat-item{display:flex;align-items:center;gap:.25rem}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.plan-container{display:flex;flex-direction:column;gap:1.5rem}.section-title{font-weight:700;font-size:1.25rem;color:#111827}.plan-card{padding:1.5rem;border-left-width:4px;border-left-style:solid}.plan-card.default{border-left-color:#d1d5db}.plan-card.premium-monthly{border-left-color:#3b82f6;background-color:#eff6ff80}.plan-card.premium-yearly{border-left-color:#a855f7}.plan-title{font-weight:700;font-size:1.125rem;margin-bottom:.25rem}.text-blue-900{color:#1e3a8a}.text-blue-700-70{color:#1d4ed8b3}.text-blue-700-50{color:#1d4ed880}.plan-feature{color:#6b7280;font-size:.875rem;margin-bottom:1rem}.plan-price{font-weight:900;font-size:1.5rem}.plan-period{font-size:.75rem;font-weight:400;color:#9ca3af}.text-medium{font-weight:500}.text-gray-900{color:#111827}.text-gray-500{color:#6b7280}.sticky-form{position:sticky;top:1.5rem}.padding-6{padding:1.5rem}.w-full{width:100%}.justify-center{justify-content:center}.pt-2{padding-top:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.form-group{margin-bottom:1rem}.form-label{display:block;font-size:.875rem;font-weight:500;color:#374151;margin-bottom:.25rem}.form-textarea,.form-select{width:100%;padding:.75rem 1rem;border:1px solid #e5e7eb;border-radius:.75rem;font-family:inherit;font-size:.875rem;outline:none;background-color:#fff}.form-textarea:focus,.form-select:focus{box-shadow:0 0 0 2px #2b7cee33;border-color:#2b7cee}.issue-description{color:#4b5563;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:20rem;display:block}.data-table{width:100%;border-collapse:collapse}.data-table th{text-align:left;padding:1rem 1.5rem;font-size:.75rem;font-weight:700;text-transform:uppercase;color:#9ca3af;letter-spacing:.05em;background-color:transparent;border-bottom:1px solid #f3f4f6}.data-table td{padding:1rem 1.5rem;font-size:.875rem;color:#374151;border-bottom:1px solid #f3f4f6;vertical-align:middle}.data-table tbody tr:last-child td{border-bottom:none}.data-table td .badge{margin:0}.error-container{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background-color:#f9fafb;padding:2rem}.error-icon{font-size:6rem;margin-bottom:1rem;color:#e5e7eb}.error-code{font-size:8rem;font-weight:900;color:var(--color-primary);line-height:1;margin-bottom:.5rem;text-shadow:4px 4px 0px rgba(43,124,238,.1)}.error-title{font-size:2rem;font-weight:800;color:#111827;margin-bottom:1rem}.error-message{color:#6b7280;font-size:1.125rem;max-width:500px;margin-bottom:2rem;line-height:1.6}.error-actions{display:flex;gap:1rem;justify-content:center}.error-btn-primary{background-color:var(--color-primary);color:#fff;padding:.75rem 1.5rem;border-radius:.75rem;font-weight:700;text-decoration:none;transition:background-color .2s;border:none;cursor:pointer;display:flex;align-items:center;gap:.5rem}.error-btn-primary:hover{background-color:var(--color-primary-hover)}.error-btn-secondary{background-color:#fff;color:#374151;border:1px solid #d1d5db;padding:.75rem 1.5rem;border-radius:.75rem;font-weight:700;text-decoration:none;transition:all .2s;border:1px solid #e5e7eb;cursor:pointer;display:flex;align-items:center;gap:.5rem}.error-btn-secondary:hover{background-color:#f9fafb;border-color:#9ca3af}:root{--color-primary: #2b7cee;--color-primary-hover: #1e60c2;--color-bg-subtle: #f9fafb;--color-text-main: #111827;--color-text-secondary: #6b7280;--font-main: "Lexend", sans-serif}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-main);background-color:var(--color-bg-subtle);color:var(--color-text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24}.material-symbols-outlined.filled{font-variation-settings:"FILL" 1}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#9ca3af}