.account-list{max-width:100%}.account-list__header{margin-bottom:var(--spacing-lg)}.account-list__toolbar{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:var(--spacing-md);margin-bottom:var(--spacing-lg);display:flex;align-items:center;gap:var(--spacing-md);flex-wrap:wrap}.account-list__toolbar-left{display:flex;align-items:center;gap:var(--spacing-md)}.account-list__toolbar-right{margin-left:auto;flex:1;display:flex;justify-content:flex-end}.account-list__search{display:flex;align-items:center;gap:var(--spacing-md)}.account-table{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--border-radius);overflow:hidden}.account-table__wrapper{overflow-x:auto}.account-table table{width:100%;border-collapse:collapse}.account-table thead{background-color:rgba(30,41,59,.5);border-bottom:1px solid var(--border-color)}.account-table th{padding:var(--spacing-md);text-align:left;font-weight:600;font-size:.875rem;color:var(--text-secondary);white-space:nowrap}.account-table td{padding:var(--spacing-md);border-top:1px solid var(--border-color);color:var(--text-primary);font-size:.875rem}.account-table tbody tr{transition:background-color .2s}.account-table tbody tr:hover{background-color:var(--bg-surface-hover)}.account-table__account{display:flex;flex-direction:column;gap:4px}.account-table__account-id{font-weight:600;color:var(--text-primary)}.account-table__account-name{color:var(--text-secondary);font-size:.8125rem}.account-table__avatar{display:flex;align-items:center;gap:var(--spacing-sm)}.account-table__avatar img,.account-table__avatar-fallback{width:40px;height:40px;border-radius:50%;object-fit:cover;border:1px solid var(--border-color);flex-shrink:0}.account-table__avatar-fallback{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(59,130,246,.2),rgba(30,41,59,.6));color:var(--primary);font-weight:600}.account-table__sign{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-secondary)}.account-table__badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;font-size:.75rem;font-weight:600;border:1px solid transparent;white-space:nowrap}.account-table__badge--permission{background:rgba(59,130,246,.12);color:var(--primary);border-color:rgba(59,130,246,.3)}.account-table__badge--enabled{background:rgba(16,185,129,.12);color:var(--success);border-color:rgba(16,185,129,.3)}.account-table__badge--disabled{background:rgba(239,68,68,.12);color:var(--danger);border-color:rgba(239,68,68,.3)}.account-table__badge--unknown{background:rgba(148,163,184,.12);color:var(--text-muted);border-color:rgba(148,163,184,.3)}.account-table__actions{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.account-list__empty{text-align:center;padding:var(--spacing-xl);color:var(--text-muted);background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--border-radius)}.account-list-skeleton__table{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:var(--spacing-md)}.account-list-skeleton__row{display:grid;grid-template-columns:50px 1.2fr 0.8fr 1fr 1fr 1fr 0.8fr 120px;gap:var(--spacing-md);padding:var(--spacing-sm) 0;border-bottom:1px solid var(--border-color)}.account-list-skeleton__row:last-child{border-bottom:none}.account-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.account-form__header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);background:rgba(15,23,42,.6);border-radius:var(--border-radius);border:1px solid var(--border-color)}.account-form__title{font-size:1.1rem;font-weight:600;color:var(--text-primary)}.account-form__subtitle{font-size:.875rem;color:var(--text-secondary);margin-top:6px}.account-form__icon{font-size:1.5rem;color:var(--primary)}.account-form__body{padding:0 var(--spacing-sm)}.account-form__footer{display:flex;justify-content:flex-end;gap:var(--spacing-sm);padding:0 var(--spacing-sm)}.account-avatar-preview{display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg)}.account-avatar-preview img{max-width:520px;width:100%;border-radius:var(--border-radius);border:1px solid var(--border-color)}.account-avatar-preview__empty{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);color:var(--text-muted)}.account-avatar-preview__empty i{font-size:2.5rem}.account-token{display:flex;flex-direction:column;gap:var(--spacing-md)}.account-token__header{display:flex;flex-direction:column;gap:6px;padding:var(--spacing-md);background:rgba(15,23,42,.6);border:1px solid var(--border-color);border-radius:var(--border-radius)}.account-token__title{font-size:1rem;font-weight:600;display:flex;align-items:center;gap:var(--spacing-sm)}.account-token__subtitle{font-size:.875rem;color:var(--text-secondary)}.account-token__table{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--border-radius);overflow:hidden}.account-token__table-wrapper{overflow-x:auto}.account-token__table table{width:100%;border-collapse:collapse}.account-token__table thead{background-color:rgba(30,41,59,.5);border-bottom:1px solid var(--border-color)}.account-token__table td,.account-token__table th{padding:var(--spacing-md);text-align:left;font-size:.875rem}.account-token__table td{border-top:1px solid var(--border-color);color:var(--text-primary)}.account-token__table tbody tr:hover{background-color:var(--bg-surface-hover)}.account-token__ip{display:inline-block;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:'Fira Code',monospace;font-size:.8125rem;color:var(--text-primary)}.account-token__agent{display:inline-block;max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-secondary)}.account-token__session{display:inline-block;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-secondary)}.account-token__status{display:inline-flex;padding:4px 10px;border-radius:999px;font-size:.75rem;font-weight:600;border:1px solid transparent}.account-token__status--success{background:rgba(16,185,129,.12);color:var(--success);border-color:rgba(16,185,129,.3)}.account-token__status--danger{background:rgba(239,68,68,.12);color:var(--danger);border-color:rgba(239,68,68,.3)}.account-token__status--warning{background:rgba(245,158,11,.12);color:var(--warning);border-color:rgba(245,158,11,.3)}.account-token__status--info{background:rgba(59,130,246,.12);color:var(--primary);border-color:rgba(59,130,246,.3)}.account-token__footer{display:flex;justify-content:flex-end}.account-token__empty{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-lg);color:var(--text-muted);background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--border-radius)}.account-token__skeleton-row{display:grid;grid-template-columns:repeat(7,1fr);gap:var(--spacing-md);padding:var(--spacing-sm) 0;border-bottom:1px solid var(--border-color)}.account-token__skeleton-row:last-child{border-bottom:none}@media (max-width:960px){.account-list__toolbar{flex-direction:column;align-items:stretch}.account-list__toolbar-left,.account-list__toolbar-right{width:100%;justify-content:stretch}.account-list__toolbar-right{margin-left:0}.account-list__search{width:100%;flex-direction:column}.form-control{width:100%;min-width:auto}.account-table td,.account-table th,.account-token__table td,.account-token__table th{padding:var(--spacing-sm);font-size:.8rem}.account-table__sign{max-width:160px}}@media (max-width:640px){.account-table{border:none;background:0 0}.account-table__wrapper{overflow-x:visible}.account-table thead{display:none}.account-table tbody{display:block}.account-table tbody tr{display:block;margin-bottom:var(--spacing-md);background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:var(--spacing-md)}.account-table td{display:flex;align-items:flex-start;text-align:left;border:none;padding:var(--spacing-xs) 0;gap:var(--spacing-sm)}.account-table td::before{content:attr(data-label);font-weight:600;color:var(--text-secondary);min-width:72px;flex-shrink:0}.account-table__actions{flex-direction:column;width:100%}.account-table__actions .btn{width:100%;justify-content:center}.account-table__sign{max-width:100%;white-space:normal;word-break:break-word}.account-token__table thead{display:none}.account-token__table tbody tr{display:block;padding:var(--spacing-md);border-bottom:1px solid var(--border-color)}.account-token__table td{display:flex;gap:var(--spacing-sm);padding:var(--spacing-xs) 0;border:none}.account-token__table td::before{content:attr(data-label);font-weight:600;color:var(--text-secondary);min-width:72px;flex-shrink:0}.account-token__agent,.account-token__ip,.account-token__session{max-width:100%;white-space:normal;word-break:break-all}}.article-form{max-width:100%;margin:0}.article-form__header{margin-bottom:var(--spacing-xl);text-align:center}.article-form__title{font-size:2rem;font-weight:700;background:linear-gradient(135deg,var(--primary),#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 var(--spacing-sm) 0}.article-form__description{color:var(--text-secondary);margin:0;font-size:1rem}.article-form__content{margin-bottom:var(--spacing-xl)}.article-form__main{display:grid;gap:var(--spacing-lg)}.form-section--editor{grid-column:1/-1}.form-section--editor .form-section__body{padding:0}.article-form__actions{display:flex;gap:var(--spacing-md);justify-content:center;padding:var(--spacing-xl) 0}.publishing-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(2,6,23,.8);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999}.publishing-overlay__spinner{width:48px;height:48px;border:4px solid var(--border-color);border-top-color:var(--primary);border-radius:50%;animation:spinner-rotate 1s linear infinite}@keyframes spinner-rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.publishing-overlay__text{margin-top:var(--spacing-md);color:var(--text-secondary);font-size:.9375rem}@media (max-width:768px){.article-form{max-width:100%}.article-form__header{margin-bottom:var(--spacing-lg);text-align:left}.article-form__title{font-size:1.5rem}.article-form__actions{flex-direction:column;padding:var(--spacing-lg) 0}}.article-list{max-width:100%}.article-list__toolbar{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:var(--spacing-md);margin-bottom:var(--spacing-lg);display:flex;align-items:center;gap:var(--spacing-md);flex-wrap:wrap}.article-list__toolbar-left{display:flex;align-items:center;gap:var(--spacing-md)}.article-list__toolbar-right{display:flex;align-items:center;gap:var(--spacing-md);margin-left:auto;flex:1;justify-content:flex-end}.article-table{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--border-radius);overflow:hidden}.article-table__wrapper{overflow-x:auto}.article-table table{width:100%;border-collapse:collapse}.article-table thead{background-color:rgba(30,41,59,.5);border-bottom:1px solid var(--border-color)}.article-table th{padding:var(--spacing-md);text-align:left;font-weight:600;font-size:.875rem;color:var(--text-secondary);white-space:nowrap}.article-table td{padding:var(--spacing-md);border-top:1px solid var(--border-color);color:var(--text-primary);font-size:.875rem}.article-table tbody tr{transition:background-color .2s}.article-table tbody tr:hover{background-color:var(--bg-surface-hover)}.article-table__title{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.article-table__title a{color:var(--primary);transition:color .2s}.article-table__title a:hover{color:var(--primary-hover);text-decoration:underline}.article-table__tags{display:flex;flex-wrap:wrap;gap:6px;max-width:200px}.article-table__tag{display:inline-flex;align-items:center;padding:4px 10px;background:linear-gradient(135deg,var(--primary-light),rgba(59,130,246,.15));color:var(--primary);border-radius:12px;font-size:.75rem;font-weight:500;border:1px solid rgba(59,130,246,.2);white-space:nowrap}.article-table__actions{display:flex;gap:var(--spacing-sm);white-space:nowrap}.article-table__comment-link{color:var(--info);transition:color .2s}.article-table__comment-link:hover{color:var(--primary);text-decoration:underline}.article-table__no-comment{color:var(--text-muted)}.article-list__loading{text-align:center;padding:var(--spacing-xl);color:var(--text-muted)}.article-list__empty{text-align:center;padding:var(--spacing-xl);color:var(--text-muted);background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--border-radius)}@media (max-width:1280px){.article-table__title{max-width:200px}}@media (max-width:960px){.article-list__toolbar{flex-direction:column;align-items:stretch}.article-list__toolbar-left,.article-list__toolbar-right{width:100%;justify-content:stretch}.article-list__toolbar-right{margin-left:0}.form-control{width:100%;min-width:auto}.article-table__wrapper{overflow-x:auto}.article-table td,.article-table th{padding:var(--spacing-sm);font-size:.8rem}.article-table__title{max-width:150px}}@media (max-width:600px){.article-list__toolbar{gap:var(--spacing-sm)}.article-list__toolbar-left,.article-list__toolbar-right{width:100%;flex-direction:column}.article-table{border:none;background:0 0}.article-table__wrapper{overflow-x:visible}.article-table thead{display:none}.article-table tbody{display:block}.article-table tbody tr{display:block;margin-bottom:var(--spacing-md);background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:var(--spacing-md)}.article-table td{display:flex;align-items:flex-start;text-align:left;border:none;padding:var(--spacing-xs) 0;gap:var(--spacing-sm);min-width:0}.article-table td::before{content:attr(data-label);font-weight:600;color:var(--text-secondary);min-width:80px;flex-shrink:0}.article-table td>*{flex:1;min-width:0;overflow-wrap:break-word;word-break:break-all}.article-table__title{max-width:100%;white-space:normal;word-break:break-word}.article-table__tags{max-width:100%;flex:1}.article-table__actions{flex-direction:column;gap:var(--spacing-xs);margin-top:var(--spacing-sm);width:100%}.article-table__actions .btn{width:100%;justify-content:center}}.audio-list{padding:var(--spacing-md);max-width:100%;margin:0}.audio-list__header{margin-bottom:var(--spacing-xl)}.page-description{margin-top:var(--spacing-sm);color:var(--text-secondary);font-size:var(--text-sm)}.audio-list__toolbar{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-xl);padding:var(--spacing-md);background:var(--surface);border:1px solid var(--border-color);border-radius:var(--border-radius-md)}.audio-list__toolbar-left{display:flex;align-items:center;gap:var(--spacing-sm)}.audio-list__toolbar-right{display:flex;align-items:center;gap:var(--spacing-sm)}.audio-list__table-container{background:var(--bg-surface);border-radius:var(--border-radius);border:1px solid var(--border-color);overflow:hidden;margin-bottom:var(--spacing-md)}.audio-table{width:100%;border-collapse:collapse}.audio-table td,.audio-table th{padding:var(--spacing-md);text-align:left;border-bottom:1px solid var(--border-color)}.audio-table th{background:rgba(0,0,0,.2);font-weight:600;color:var(--text-secondary);font-size:.875rem;white-space:nowrap}.audio-table td{color:var(--text-primary);font-size:.95rem;vertical-align:middle}.audio-table tr:last-child td{border-bottom:none}.audio-table tr:hover{background-color:var(--bg-surface-hover)}.audio-table__empty{padding:var(--spacing-xl);text-align:center;color:var(--text-muted)}@media (max-width:960px){.audio-list__toolbar{flex-direction:column;align-items:stretch}.audio-list__toolbar-left,.audio-list__toolbar-right{width:100%;justify-content:stretch}.audio-list__table-container{border:none;background:0 0}.audio-table{display:block}.audio-table thead{display:none}.audio-table tbody{display:block}.audio-table tbody tr{display:block;margin-bottom:var(--spacing-md);background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:var(--spacing-md);border-bottom:1px solid var(--border-color)}.audio-table tbody tr:last-child{border-bottom:1px solid var(--border-color)}.audio-table tbody tr:hover{background-color:var(--bg-surface)}.audio-table td{display:block;text-align:left;border:none;padding:var(--spacing-sm) 0}.audio-table td::before{content:attr(data-label);font-weight:600;color:var(--text-secondary);display:block;margin-bottom:4px;font-size:.75rem;text-transform:uppercase}.audio-table td:first-child::before{content:none}.audio-table td:last-child{padding-top:var(--spacing-md);border-top:1px solid var(--border-color);margin-top:var(--spacing-sm)}.audio-table td:last-child .btn{width:100%;justify-content:center}}@media (max-width:600px){.audio-list{padding:var(--spacing-sm)}.audio-list__header{margin-bottom:var(--spacing-md)}.page-title{font-size:1.5rem}.audio-list__toolbar{padding:var(--spacing-sm)}.audio-table tbody tr{padding:var(--spacing-sm)}}.public-layout{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:var(--spacing-lg);background:linear-gradient(135deg,#020617 0,#0f172a 100%)}.public-layout__container{max-width:720px;width:100%;background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:var(--spacing-xl);box-shadow:0 20px 60px rgba(0,0,0,.3)}.auth-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--spacing-xl) 0;min-height:40vh}.auth-state__icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;border-radius:50%;margin-bottom:var(--spacing-lg);font-size:2rem}.auth-state__icon--primary{background:linear-gradient(135deg,rgba(59,130,246,.2),rgba(6,182,212,.1));color:var(--primary)}.auth-state__icon--success{background:linear-gradient(135deg,rgba(16,185,129,.2),rgba(5,150,105,.1));color:var(--success)}.auth-state__icon--error{background:linear-gradient(135deg,rgba(239,68,68,.2),rgba(220,38,38,.1));color:var(--danger)}.auth-state__icon--warning{background:linear-gradient(135deg,rgba(245,158,11,.2),rgba(217,119,6,.1));color:var(--warning)}.auth-state__spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top-color:var(--primary);border-radius:50%;animation:spinner-rotate 1s linear infinite;margin-bottom:var(--spacing-md)}@keyframes spinner-rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.auth-state__pulse{width:16px;height:16px;border-radius:50%;background-color:var(--primary);margin-bottom:var(--spacing-md);animation:pulse-breathing 2s ease-in-out infinite;box-shadow:0 0 0 0 rgba(59,130,246,.7)}@keyframes pulse-breathing{0%,100%{transform:scale(1);opacity:1;box-shadow:0 0 0 0 rgba(59,130,246,.7)}50%{transform:scale(1.3);opacity:.8;box-shadow:0 0 0 12px rgba(59,130,246,0)}}.auth-state__progress{width:100%;max-width:300px;height:4px;background-color:var(--border-color);border-radius:2px;overflow:hidden;margin-top:var(--spacing-md)}.auth-state__progress-bar{height:100%;background:linear-gradient(90deg,var(--primary),#06b6d4);border-radius:2px;animation:progress-slide 1.5s ease-in-out infinite;width:40%}@keyframes progress-slide{0%{transform:translateX(-100%)}100%{transform:translateX(350%)}}.auth-state__title{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0 0 var(--spacing-sm) 0}.auth-state__description{font-size:.9375rem;color:var(--text-secondary);margin:0 0 var(--spacing-lg) 0;line-height:1.6}.auth-state__url{font-size:.875rem;color:var(--text-muted);margin-top:var(--spacing-xs);font-family:Monaco,Consolas,monospace}.auth-alert{display:flex;align-items:start;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--border-radius-sm);margin:var(--spacing-lg) 0;border:1px solid}.auth-alert--error{background-color:rgba(239,68,68,.1);border-color:rgba(239,68,68,.3);color:#fca5a5}.auth-alert--warning{background-color:rgba(245,158,11,.1);border-color:rgba(245,158,11,.3);color:#fcd34d}.auth-alert--info{background-color:rgba(6,182,212,.1);border-color:rgba(6,182,212,.3);color:#67e8f9}.auth-alert--success{background-color:rgba(16,185,129,.1);border-color:rgba(16,185,129,.3);color:#6ee7b7}.auth-alert__icon{font-size:1.25rem;flex-shrink:0;margin-top:2px}.auth-alert__content{flex:1;line-height:1.6}.auth-actions{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);flex-wrap:wrap;margin-top:var(--spacing-lg)}.auth-actions__countdown{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--text-secondary);font-size:.875rem}.auth-actions__countdown-timer{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;background-color:rgba(59,130,246,.2);color:var(--primary);border-radius:4px;font-weight:600;font-size:.875rem;padding:0 6px}.auth-prompt{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--spacing-xl) 0}.auth-prompt__icon{width:80px;height:80px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:linear-gradient(135deg,rgba(59,130,246,.2),rgba(6,182,212,.1));color:var(--primary);font-size:2.5rem;margin-bottom:var(--spacing-lg)}.auth-prompt__title{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin:0 0 var(--spacing-sm) 0}.auth-prompt__description{font-size:1rem;color:var(--text-secondary);margin:0 0 var(--spacing-xl) 0;line-height:1.6;max-width:500px}.auth-prompt__actions{display:flex;align-items:center;gap:var(--spacing-md);flex-wrap:wrap}.auth-prompt__auto-redirect{display:flex;align-items:center;gap:var(--spacing-md);margin-top:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);background-color:rgba(30,41,59,.5);border-radius:var(--border-radius-sm);border:1px solid var(--border-color)}.auth-prompt__countdown{color:var(--text-secondary);font-size:.875rem}.auth-prompt__countdown-number{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;background:linear-gradient(135deg,var(--primary),#06b6d4);color:#fff;border-radius:6px;font-weight:700;font-size:.9375rem;padding:0 8px;margin:0 4px}.btn-auth{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:12px 24px;border-radius:var(--border-radius-sm);font-weight:600;font-size:.9375rem;cursor:pointer;border:none;transition:all .2s;text-decoration:none}.btn-auth--primary{background:linear-gradient(135deg,var(--primary),#06b6d4);color:#fff;box-shadow:0 4px 12px rgba(59,130,246,.2)}.btn-auth--primary:hover{background:linear-gradient(135deg,var(--primary-hover),#0891b2);box-shadow:0 6px 16px rgba(59,130,246,.3);transform:translateY(-2px)}.btn-auth--secondary{background-color:transparent;color:var(--text-secondary);border:1px solid var(--border-color)}.btn-auth--secondary:hover{background-color:var(--bg-surface-hover);color:var(--text-primary);border-color:var(--primary)}.btn-auth--text{background-color:transparent;color:var(--text-secondary);padding:8px 16px}.btn-auth--text:hover{color:var(--primary);background-color:rgba(59,130,246,.1)}.btn-auth i{font-size:1rem}@media (max-width:768px){.public-layout{padding:var(--spacing-md)}.public-layout__container{padding:var(--spacing-lg)}.auth-state{padding:var(--spacing-lg) 0}.auth-state__title{font-size:1.25rem}.auth-state__description{font-size:.875rem}.auth-prompt__title{font-size:1.5rem}.auth-prompt__description{font-size:.9375rem}.auth-actions{flex-direction:column;width:100%}.btn-auth{width:100%}.auth-prompt__actions{width:100%;flex-direction:column}.auth-prompt__auto-redirect{flex-direction:column;width:100%}}@media (max-width:600px){.auth-state__icon{width:56px;height:56px;font-size:1.75rem}.auth-prompt__icon{width:64px;height:64px;font-size:2rem}.auth-alert{padding:var(--spacing-sm) var(--spacing-md);font-size:.875rem}}.code-page{max-width:100%}.code-page__header{margin-bottom:var(--spacing-lg)}.code-page__toolbar{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:var(--spacing-md);margin-bottom:var(--spacing-lg);display:flex;align-items:center;gap:var(--spacing-md);flex-wrap:wrap}.code-page__toolbar-left{display:flex;align-items:center;gap:var(--spacing-md)}.code-page__toolbar-right{margin-left:auto;display:flex;align-items:center;gap:var(--spacing-md);flex-wrap:wrap}.code-page__search{display:flex;align-items:center;gap:var(--spacing-sm)}.code-page__summary{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;background:rgba(59,130,246,.12);color:var(--text-secondary);border:1px solid rgba(59,130,246,.3);font-size:.8125rem}.code-page__summary-value{font-weight:600;color:var(--primary)}.code-page__empty{text-align:center;padding:var(--spacing-xl);color:var(--text-muted);background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--border-radius)}.code-page__empty i{font-size:3rem;opacity:.4;margin-bottom:var(--spacing-md)}.code-breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-bottom:var(--spacing-lg);color:var(--text-secondary)}.code-breadcrumb__sep{color:var(--text-muted)}.code-breadcrumb__current{color:var(--text-primary);font-weight:600}.code-link{background:0 0;border:none;color:var(--primary);cursor:pointer;padding:0;font-size:.875rem}.code-link:hover{color:var(--primary-hover);text-decoration:underline}.code-skeleton__table{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:var(--spacing-md)}.code-skeleton__row{display:grid;grid-template-columns:1.6fr 1fr 0.8fr 140px;gap:var(--spacing-md);padding:var(--spacing-sm) 0;border-bottom:1px solid var(--border-color)}.code-skeleton__row:last-child{border-bottom:none}.code-readme{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.code-readme__header{display:flex;align-items:center;gap:var(--spacing-sm);font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-md)}.code-table{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--border-radius);overflow:hidden}.code-table__wrapper{overflow-x:auto}.code-table table{width:100%;border-collapse:collapse}.code-table thead{background-color:rgba(30,41,59,.5);border-bottom:1px solid var(--border-color)}.code-table th{padding:var(--spacing-md);text-align:left;font-weight:600;font-size:.875rem;color:var(--text-secondary);white-space:nowrap}.code-table td{padding:var(--spacing-md);border-top:1px solid var(--border-color);color:var(--text-primary);font-size:.875rem;vertical-align:top}.code-table tbody tr{transition:background-color .2s}.code-table tbody tr:hover{background-color:var(--bg-surface-hover)}.code-table__name{display:inline-flex;align-items:center;gap:var(--spacing-sm);font-weight:600;max-width:100%;min-width:0}.code-table__name i{color:var(--primary);flex-shrink:0}.code-table__link{background:0 0;border:none;padding:0;color:var(--text-primary);cursor:pointer;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.code-table__link:hover{color:var(--primary);text-decoration:underline}.code-table__tag{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;font-size:.6875rem;font-weight:600;color:var(--primary);background:rgba(59,130,246,.12);border:1px solid rgba(59,130,246,.3)}.code-table__tag--file{color:var(--info);background:rgba(14,116,144,.12);border-color:rgba(14,116,144,.3)}.code-table__note{color:var(--text-secondary)}.code-table__time{color:var(--text-secondary);font-size:.8125rem;white-space:nowrap}.code-table__actions{display:flex;gap:var(--spacing-sm);flex-wrap:wrap;white-space:nowrap}.code-table__empty{padding:var(--spacing-lg);text-align:center;color:var(--text-muted)}.code-table mark{background:rgba(59,130,246,.2);color:var(--text-primary);padding:0 4px;border-radius:4px}.code-view{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:var(--spacing-lg)}.code-view__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);flex-wrap:wrap}.code-view__title{font-size:1.2rem;font-weight:700;color:var(--text-primary)}.code-view__meta{display:flex;align-items:center;gap:var(--spacing-md);color:var(--text-secondary);font-size:.8125rem;flex-wrap:wrap}.code-view__meta-item{display:inline-flex;align-items:center;gap:6px}.code-view__badge{display:inline-flex;align-items:center;padding:2px 10px;border-radius:999px;font-size:.75rem;font-weight:600;color:var(--primary);background:rgba(59,130,246,.12);border:1px solid rgba(59,130,246,.3)}.code-view__actions{display:flex;gap:var(--spacing-sm)}.code-view__body{border:1px solid var(--border-color);border-radius:var(--border-radius);overflow:hidden;background-color:var(--bg-elevated)}.code-view__plain{margin:0;padding:var(--spacing-lg);color:var(--text-primary);font-size:.875rem;line-height:1.7;white-space:pre-wrap}.code-view__empty{padding:var(--spacing-xl);text-align:center;color:var(--text-muted)}.code-view-editor{min-height:520px}.code-view__analysis{margin-top:var(--spacing-lg);padding:var(--spacing-lg);border:1px solid var(--border-color);border-radius:var(--border-radius);background:rgba(15,23,42,.4)}.code-view__analysis-title{display:flex;align-items:center;gap:var(--spacing-sm);font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-md)}.code-note{display:flex;flex-direction:column;gap:var(--spacing-lg)}.code-note__header{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-md)}.code-note__title{font-size:1.1rem;font-weight:700;color:var(--text-primary);margin-bottom:4px}.code-note__subtitle{color:var(--text-secondary);font-size:.875rem}.code-note__icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:rgba(59,130,246,.12);color:var(--primary);font-size:1.2rem}.code-note__meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--spacing-md);padding:var(--spacing-md);background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:var(--border-radius);margin-bottom:var(--spacing-lg)}.code-note__meta-item{display:flex;flex-direction:column;gap:4px}.code-note__meta-label{font-size:.75rem;color:var(--text-muted)}.code-note__meta-value{font-weight:600;color:var(--text-primary);word-break:break-word}.code-note__textarea{min-height:120px}.code-note__hint{margin-top:6px;font-size:.8125rem;color:var(--text-secondary)}.code-note__footer{display:flex;justify-content:flex-end;gap:var(--spacing-md)}@media (max-width:960px){.code-page__toolbar{flex-direction:column;align-items:stretch}.code-page__toolbar-right{margin-left:0;width:100%;justify-content:space-between}.code-page__search{flex:1}.code-view__header{flex-direction:column;align-items:flex-start}.code-view__actions{width:100%}}@media (max-width:600px){.code-page__toolbar-right{flex-direction:column;align-items:stretch}.code-page__search{width:100%}.code-readme{padding:var(--spacing-md);margin-bottom:var(--spacing-md)}.code-readme__header{margin-bottom:var(--spacing-sm);font-size:.95rem}.code-table{border:none;background:0 0}.code-table__wrapper{overflow-x:visible}.code-table thead{display:none}.code-table tbody{display:block}.code-table tbody tr{display:block;margin-bottom:var(--spacing-md);background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:var(--spacing-md)}.code-table td{display:flex;align-items:flex-start;text-align:left;border:none;padding:var(--spacing-xs) 0;gap:var(--spacing-sm);min-width:0}.code-table td::before{content:attr(data-label);font-weight:600;color:var(--text-secondary);min-width:80px;flex-shrink:0}.code-table__link{white-space:normal;word-wrap:break-word;word-break:break-word;overflow-wrap:break-word}.code-table__name{flex-wrap:wrap;max-width:100%}.code-table__tag{flex-shrink:0}.code-table__note{word-wrap:break-word;word-break:break-word;overflow-wrap:break-word}.code-table__actions{flex-direction:column;width:100%}.code-table__actions .btn{width:100%;justify-content:center}.code-note__meta{grid-template-columns:1fr}.code-note__footer{flex-direction:column}}.comment-list{max-width:100%}.comment-list__header{margin-bottom:var(--spacing-lg)}.comment-list__toolbar{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:var(--spacing-md);margin-bottom:var(--spacing-lg);display:flex;align-items:center;gap:var(--spacing-md);flex-wrap:wrap}.comment-list__toolbar-left{display:flex;align-items:center;gap:var(--spacing-md)}.comment-list__toolbar-right{margin-left:auto;display:flex;align-items:center;gap:var(--spacing-md);flex-wrap:wrap}.comment-list__summary{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;background:rgba(148,163,184,.12);color:var(--text-secondary);border:1px solid rgba(148,163,184,.3);font-size:.8125rem}.comment-list__summary-value{font-weight:600;color:var(--primary)}.comment-table{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--border-radius);overflow:hidden}.comment-table__wrapper{overflow-x:auto}.comment-table table{width:100%;border-collapse:collapse}.comment-table thead{background-color:rgba(30,41,59,.5);border-bottom:1px solid var(--border-color)}.comment-table th{padding:var(--spacing-md);text-align:left;font-weight:600;font-size:.875rem;color:var(--text-secondary);white-space:nowrap}.comment-table td{padding:var(--spacing-md);border-top:1px solid var(--border-color);color:var(--text-primary);font-size:.875rem;vertical-align:top}.comment-table tbody tr{transition:background-color .2s}.comment-table tbody tr:hover{background-color:var(--bg-surface-hover)}.comment-table__user{display:flex;align-items:flex-start;gap:var(--spacing-md);min-width:220px}.comment-table__avatar{width:44px;height:44px;border-radius:12px;object-fit:cover;border:1px solid var(--border-color)}.comment-table__user-info{display:flex;flex-direction:column;gap:6px}.comment-table__user-name{font-weight:600;color:var(--text-primary)}.comment-table__user-meta{display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap}.comment-table__badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;font-size:.75rem;font-weight:600;border:1px solid transparent}.comment-table__badge--guest{background:rgba(245,158,11,.12);color:var(--warning);border-color:rgba(245,158,11,.3)}.comment-table__badge--member{background:rgba(14,116,144,.12);color:var(--info);border-color:rgba(14,116,144,.3)}.comment-table__identity{font-size:.75rem;color:var(--text-muted)}.comment-table__user-links{display:flex;flex-direction:column;gap:4px;color:var(--text-secondary);font-size:.75rem}.comment-table__user-links a{color:var(--primary)}.comment-table__relation{display:flex;flex-direction:column;gap:6px}.comment-table__node{display:inline-flex;align-items:center;padding:2px 10px;border-radius:999px;background:rgba(59,130,246,.12);color:var(--primary);font-size:.75rem;font-weight:600;width:fit-content;border:1px solid rgba(59,130,246,.3)}.comment-table__relation-title{color:var(--text-secondary);max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.comment-table__content{max-width:260px;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.comment-table__content--preview{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-clamp:2;white-space:normal}.comment-table__time{color:var(--text-secondary);font-size:.8125rem;white-space:nowrap}.comment-table__actions{display:flex;gap:var(--spacing-sm);flex-wrap:wrap;white-space:nowrap}.comment-table__deleted{font-size:.75rem;color:var(--text-muted)}.comment-list__empty{text-align:center;padding:var(--spacing-xl);color:var(--text-muted);background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--border-radius)}.comment-list-skeleton__table{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:var(--spacing-md)}.comment-list-skeleton__row{display:grid;grid-template-columns:44px 1.4fr 1fr 0.8fr 120px;gap:var(--spacing-md);padding:var(--spacing-sm) 0;border-bottom:1px solid var(--border-color)}.comment-list-skeleton__row:last-child{border-bottom:none}@media (max-width:960px){.comment-list__toolbar{flex-direction:column;align-items:stretch}.comment-list__toolbar-right{margin-left:0;justify-content:space-between;width:100%}.comment-table td,.comment-table th{padding:var(--spacing-sm);font-size:.8rem}.comment-table__content,.comment-table__relation-title{max-width:180px}}@media (max-width:600px){.comment-list__toolbar-right{flex-direction:column;align-items:stretch}.comment-table{border:none;background:0 0}.comment-table__wrapper{overflow-x:visible}.comment-table thead{display:none}.comment-table tbody{display:block}.comment-table tbody tr{display:block;margin-bottom:var(--spacing-md);background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:var(--spacing-md)}.comment-table td{display:flex;align-items:flex-start;text-align:left;border:none;padding:var(--spacing-xs) 0;gap:var(--spacing-sm)}.comment-table td::before{content:attr(data-label);font-weight:600;color:var(--text-secondary);min-width:72px;flex-shrink:0}.comment-table__content,.comment-table__relation-title{max-width:100%;white-space:normal;word-break:break-word}.comment-table__actions{flex-direction:column;width:100%}.comment-table__actions .btn{width:100%;justify-content:center}}.danmaku-list{max-width:100%}.danmaku-list__header{margin-bottom:var(--spacing-xl)}.danmaku-list__toolbar{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-xl);padding:var(--spacing-lg);background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--border-radius);flex-wrap:wrap}.danmaku-list__toolbar-left{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.danmaku-list__toolbar-right{display:flex;gap:var(--spacing-sm);flex-wrap:wrap;align-items:center}.danmaku-list__toolbar-right .form-control{min-width:120px;max-width:200px}.danmaku-list__toolbar-right .form-select{min-width:150px}.danmaku-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.danmaku-card{position:relative;background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:var(--spacing-lg);transition:all .25s cubic-bezier(.4, 0, .2, 1);cursor:pointer}.danmaku-card:hover{border-color:var(--primary);box-shadow:0 8px 24px rgba(0,0,0,.12);transform:translateY(-4px)}.danmaku-card--selected{border-color:var(--primary);background:linear-gradient(135deg,rgba(59,130,246,.03) 0,rgba(59,130,246,.08) 100%);box-shadow:0 0 0 2px rgba(59,130,246,.1)}.danmaku-card--skeleton{pointer-events:none;cursor:default}.danmaku-card--skeleton:hover{border-color:var(--border-color);box-shadow:none;transform:none}.danmaku-card__checkbox{position:absolute;top:var(--spacing-lg);right:var(--spacing-lg);width:18px;height:18px;cursor:pointer;accent-color:var(--primary);border-radius:4px}.danmaku-card__content{font-size:1rem;line-height:1.6;color:var(--text-primary);margin-bottom:var(--spacing-md);word-wrap:break-word;word-break:break-word;font-weight:500;padding-right:32px;min-height:2.4em}.danmaku-card__content mark{background-color:rgba(251,191,36,.3);color:var(--text-primary);padding:2px 4px;border-radius:2px;font-weight:600}.danmaku-card__meta{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);font-size:.8125rem;color:var(--text-secondary)}.danmaku-card__meta-item{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;background-color:var(--bg-elevated);border-radius:6px;font-size:.75rem}.danmaku-card__meta-item i{font-size:.75rem;color:var(--text-muted)}.danmaku-card__group{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:6px;background:linear-gradient(135deg,rgba(59,130,246,.1) 0,rgba(59,130,246,.15) 100%);color:var(--primary);font-size:.75rem;font-weight:600}.danmaku-card__group i{font-size:.75rem}.danmaku-card__time-badge{display:inline-flex;align-items:center;gap:4px;background:linear-gradient(135deg,rgba(16,185,129,.1) 0,rgba(16,185,129,.15) 100%);color:var(--success);padding:4px 10px;border-radius:6px;font-size:.75rem;font-weight:600}.danmaku-card__time-badge i{font-size:.75rem}.danmaku-list__empty{text-align:center;padding:4rem 2rem;background-color:var(--bg-surface);border:2px dashed var(--border-color);border-radius:var(--border-radius);color:var(--text-muted)}.danmaku-list__empty i{font-size:4rem;color:var(--text-muted);margin-bottom:var(--spacing-lg);opacity:.5}.danmaku-list__empty p{margin:var(--spacing-sm) 0;font-size:1rem}.danmaku-list__empty-hint{font-size:.875rem;color:var(--text-secondary)}.skeleton{background:linear-gradient(90deg,var(--bg-elevated) 25%,var(--border-color) 50%,var(--bg-elevated) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite;border-radius:4px}.skeleton-text{height:1em;margin:var(--spacing-xs) 0}.skeleton-checkbox{position:absolute;top:var(--spacing-lg);right:var(--spacing-lg);width:18px;height:18px;border-radius:4px}.skeleton-badge{height:24px;width:60px;border-radius:6px}@keyframes skeleton-loading{0%{background-position:200% 0}100%{background-position:-200% 0}}.dialog--medium{max-width:600px}.file-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.file-upload{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl);background-color:var(--bg-elevated);border:2px dashed var(--border-color);border-radius:var(--border-radius);cursor:pointer;transition:all .25s cubic-bezier(.4, 0, .2, 1);text-align:center}.file-upload:hover:not(.file-upload--disabled){border-color:var(--primary);background-color:rgba(59,130,246,.05)}.file-upload--disabled{opacity:.5;cursor:not-allowed}.file-upload__icon{font-size:3rem;color:var(--primary);margin-bottom:var(--spacing-md);transition:transform .3s ease}.file-upload:hover:not(.file-upload--disabled) .file-upload__icon{transform:scale(1.1)}.file-upload__content{display:flex;flex-direction:column;gap:var(--spacing-xs)}.file-upload__text{font-size:.9375rem;color:var(--text-primary);font-weight:500}.file-upload__hint{font-size:.8125rem;color:var(--text-secondary)}.file-selected{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);padding:var(--spacing-md);margin-top:var(--spacing-md);background-color:var(--bg-elevated);border:1px solid var(--border-color);border-radius:var(--border-radius)}.file-selected__info{display:flex;align-items:center;gap:var(--spacing-md);flex:1;min-width:0}.file-selected__info i{font-size:1.5rem;color:var(--primary);flex-shrink:0}.file-selected__details{flex:1;min-width:0}.file-selected__name{font-size:.9375rem;color:var(--text-primary);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-selected__size{font-size:.8125rem;color:var(--text-secondary);margin-top:2px}.file-selected__remove{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background-color:transparent;border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);cursor:pointer;transition:all .2s;flex-shrink:0}.file-selected__remove:hover{background-color:var(--danger);border-color:var(--danger);color:#fff}@media (max-width:1024px){.danmaku-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.danmaku-list__toolbar{flex-direction:column;align-items:stretch}.danmaku-list__toolbar-left,.danmaku-list__toolbar-right{width:100%}.danmaku-list__toolbar-right{flex-direction:column}.danmaku-list__toolbar-right .form-control,.danmaku-list__toolbar-right .form-select{width:100%;max-width:none}.danmaku-list__toolbar-right .btn,.danmaku-list__toolbar-right .btn-icon{width:100%}}@media (max-width:768px){.danmaku-grid{grid-template-columns:1fr;gap:var(--spacing-md)}.danmaku-list__header{margin-bottom:var(--spacing-lg)}.danmaku-list__toolbar{gap:var(--spacing-sm);padding:var(--spacing-md)}.danmaku-list__toolbar-left{flex-direction:column}.danmaku-list__toolbar-left .btn{width:100%;justify-content:center}.danmaku-card{padding:var(--spacing-md)}.danmaku-card__content{font-size:.9375rem}.danmaku-card__meta{gap:6px}.file-upload{padding:var(--spacing-lg)}.file-upload__icon{font-size:2.5rem}}@media (max-width:480px){.danmaku-card__checkbox{top:var(--spacing-sm);right:var(--spacing-sm)}.danmaku-card__content{padding-right:28px;font-size:.875rem}.danmaku-list__empty{padding:3rem 1rem}.danmaku-list__empty i{font-size:3rem}}.demo-page{max-width:1200px;margin:0 auto}.demo-page__header{margin-bottom:var(--spacing-xl)}.demo-section{margin-bottom:var(--spacing-xl)}.demo-section__title{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0 0 var(--spacing-md) 0;padding-bottom:var(--spacing-sm);border-bottom:2px solid var(--border-color)}.demo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--spacing-md)}.demo-result{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:var(--spacing-lg);margin-top:var(--spacing-xl)}.demo-result__title{display:flex;align-items:center;gap:var(--spacing-sm);font-weight:600;color:var(--primary);margin-bottom:var(--spacing-sm);font-size:.9375rem}.demo-result__content{color:var(--text-secondary);font-size:.875rem;font-family:Consolas,Monaco,monospace;padding:var(--spacing-sm);background-color:rgba(30,41,59,.5);border-radius:var(--border-radius-sm)}.btn-warning{background-color:var(--warning);color:#1a1a1a}.btn-warning:hover{background-color:#d97706}@media (max-width:768px){.demo-grid{grid-template-columns:1fr}}.dynamic-form{max-width:100%;margin:0}.dynamic-form__header{margin-bottom:var(--spacing-xl);text-align:center}.dynamic-form__title{font-size:2rem;font-weight:700;background:linear-gradient(135deg,var(--primary),#6366f1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 var(--spacing-sm) 0}.dynamic-form__description{color:var(--text-secondary);margin:0;font-size:1rem}.dynamic-form__content{display:flex;flex-direction:column;gap:var(--spacing-lg)}.dynamic-form__section{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:var(--spacing-lg)}.dynamic-form__section--editor{padding:var(--spacing-md)}.dynamic-form__section-title{font-size:.95rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-md);display:flex;align-items:center;gap:var(--spacing-sm)}.dynamic-form__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--spacing-lg)}.dynamic-form__hint{margin-top:6px;font-size:.8125rem;color:var(--text-secondary)}.dynamic-form__editor{border:1px solid var(--border-color);border-radius:var(--border-radius);overflow:hidden;background-color:var(--bg-elevated)}.dynamic-form__link{display:flex;align-items:center;gap:var(--spacing-sm)}.dynamic-form__link .form-control{flex:1}.dynamic-form__validation{color:var(--danger);font-size:.875rem}.dynamic-form__actions{display:flex;gap:var(--spacing-md);justify-content:center;padding:var(--spacing-xl) 0}.dynamic-form__loading-overlay{position:fixed;inset:0;background-color:rgba(2,6,23,.85);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999}.dynamic-form__loading-content{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-xl);background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--border-radius);min-width:280px;max-width:90%}.dynamic-form__loading-spinner{width:56px;height:56px;border:4px solid rgba(59,130,246,.2);border-top-color:var(--primary);border-radius:50%;animation:dynamic-spin 1s linear infinite}.dynamic-form__loading-text{color:var(--text-secondary);font-size:.95rem;font-weight:600}.dynamic-form__skeleton{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-sm)}.dynamic-form__skeleton-actions{display:flex;gap:var(--spacing-md);padding-top:var(--spacing-sm)}@keyframes dynamic-spin{to{transform:rotate(360deg)}}@media (max-width:960px){.dynamic-form{max-width:100%}.dynamic-form__header{text-align:left;margin-bottom:var(--spacing-lg)}.dynamic-form__grid{grid-template-columns:1fr}.dynamic-form__link{flex-direction:column;align-items:stretch}.dynamic-form__link .btn{width:100%;justify-content:center}}@media (max-width:600px){.dynamic-form__title{font-size:1.5rem}.dynamic-form__actions{flex-direction:column}}.dynamic-list{max-width:100%}.dynamic-list__header{margin-bottom:var(--spacing-lg)}.dynamic-list__toolbar{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:var(--spacing-md);margin-bottom:var(--spacing-lg);display:flex;align-items:center;gap:var(--spacing-md);flex-wrap:wrap}.dynamic-list__toolbar-left{display:flex;align-items:center;gap:var(--spacing-md)}.dynamic-list__toolbar-right{margin-left:auto;display:flex;align-items:center;gap:var(--spacing-md);flex-wrap:wrap}.dynamic-list__search{display:flex;align-items:center;gap:var(--spacing-sm)}.dynamic-list__summary{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;background:rgba(59,130,246,.12);color:var(--text-secondary);border:1px solid rgba(59,130,246,.3);font-size:.8125rem}.dynamic-list__summary-value{font-weight:600;color:var(--primary)}.dynamic-table{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--border-radius);overflow:hidden}.dynamic-table__wrapper{overflow-x:auto}.dynamic-table table{width:100%;border-collapse:collapse}.dynamic-table thead{background-color:rgba(30,41,59,.5);border-bottom:1px solid var(--border-color)}.dynamic-table th{padding:var(--spacing-md);text-align:left;font-weight:600;font-size:.875rem;color:var(--text-secondary);white-space:nowrap}.dynamic-table td{padding:var(--spacing-md);border-top:1px solid var(--border-color);color:var(--text-primary);font-size:.875rem;vertical-align:top}.dynamic-table tbody tr{transition:background-color .2s}.dynamic-table tbody tr:hover{background-color:var(--bg-surface-hover)}.dynamic-table__title{font-weight:600;color:var(--text-primary);margin-bottom:6px}.dynamic-table__meta{display:flex;align-items:center;gap:var(--spacing-md);color:var(--text-secondary);font-size:.8125rem}.dynamic-table__meta-item{display:inline-flex;align-items:center;gap:6px}.dynamic-table__meta-item i{font-size:.75rem;color:var(--text-muted)}.dynamic-table__badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:.75rem;font-weight:600;color:var(--primary);background:rgba(59,130,246,.12);border:1px solid rgba(59,130,246,.3)}.dynamic-table__link{color:var(--primary);text-decoration:none;font-weight:600}.dynamic-table__link:hover{color:var(--primary-hover);text-decoration:underline}.dynamic-table__time{color:var(--text-secondary);font-size:.8125rem;white-space:nowrap}.dynamic-table__actions{display:flex;gap:var(--spacing-sm);flex-wrap:wrap;white-space:nowrap}.dynamic-list__empty{text-align:center;padding:var(--spacing-xl);color:var(--text-muted);background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--border-radius)}.dynamic-list__empty i{font-size:3rem;opacity:.4;margin-bottom:var(--spacing-md)}.dynamic-list__empty-hint{margin-top:var(--spacing-xs);font-size:.875rem;color:var(--text-secondary)}.dynamic-list-skeleton__table{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:var(--spacing-md)}.dynamic-list-skeleton__row{display:grid;grid-template-columns:1.4fr 0.6fr 0.6fr 0.9fr 0.9fr 1fr;gap:var(--spacing-md);padding:var(--spacing-sm) 0;border-bottom:1px solid var(--border-color)}.dynamic-list-skeleton__row:last-child{border-bottom:none}@media (max-width:960px){.dynamic-list__toolbar{flex-direction:column;align-items:stretch}.dynamic-list__toolbar-right{margin-left:0;justify-content:space-between;width:100%}.dynamic-list__search{flex:1}.dynamic-table td,.dynamic-table th{padding:var(--spacing-sm);font-size:.8rem}}@media (max-width:600px){.dynamic-list__toolbar-right{flex-direction:column;align-items:stretch}.dynamic-list__search{width:100%}.dynamic-table{border:none;background:0 0}.dynamic-table__wrapper{overflow-x:visible}.dynamic-table thead{display:none}.dynamic-table tbody{display:block}.dynamic-table tbody tr{display:block;margin-bottom:var(--spacing-md);background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:var(--spacing-md)}.dynamic-table td{display:flex;align-items:flex-start;text-align:left;border:none;padding:var(--spacing-xs) 0;gap:var(--spacing-sm)}.dynamic-table td::before{content:attr(data-label);font-weight:600;color:var(--text-secondary);min-width:80px;flex-shrink:0}.dynamic-table__actions{flex-direction:column;width:100%}.dynamic-table__actions .btn{width:100%;justify-content:center}}.footer-form{max-width:100%}.footer-form__header{margin-bottom:var(--spacing-xl);text-align:center}.footer-form__title{font-size:2rem;font-weight:700;background:linear-gradient(135deg,var(--primary),#38bdf8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 var(--spacing-sm) 0}.footer-form__description{color:var(--text-secondary);margin:0;font-size:1rem}.footer-form__content{display:flex;flex-direction:column;gap:var(--spacing-lg)}.footer-form__section{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:var(--spacing-lg)}.footer-form__section-title{font-size:.95rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-md)}.footer-form__editor{border:1px solid var(--border-color);border-radius:var(--border-radius);overflow:hidden;background-color:var(--bg-elevated)}.footer-form__hint{margin-top:var(--spacing-sm);font-size:.875rem;color:var(--text-secondary)}.footer-form__actions{display:flex;gap:var(--spacing-md);justify-content:center;padding:var(--spacing-xl) 0}.footer-form__loading-overlay{position:fixed;inset:0;background-color:rgba(2,6,23,.85);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999}.footer-form__loading-content{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-xl);background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--border-radius);min-width:280px;max-width:90%}.footer-form__loading-spinner{width:56px;height:56px;border:4px solid rgba(59,130,246,.2);border-top-color:var(--primary);border-radius:50%;animation:footer-spin 1s linear infinite}.footer-form__loading-text{color:var(--text-secondary);font-size:.95rem;font-weight:600}.footer-form__skeleton{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-sm)}.footer-form__skeleton-actions{display:flex;gap:var(--spacing-md);padding-top:var(--spacing-sm)}@keyframes footer-spin{to{transform:rotate(360deg)}}@media (max-width:960px){.footer-form__header{text-align:left;margin-bottom:var(--spacing-lg)}}@media (max-width:600px){.footer-form__title{font-size:1.5rem}.footer-form__actions{flex-direction:column}}.friends-list{max-width:100%}.friends-list__header{margin-bottom:var(--spacing-lg)}.friends-list__toolbar{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:var(--spacing-md);margin-bottom:var(--spacing-lg);display:flex;align-items:center;gap:var(--spacing-md);flex-wrap:wrap}.friends-list__toolbar-left{display:flex;align-items:center;gap:var(--spacing-md)}.friends-list__toolbar-right{margin-left:auto;display:flex;align-items:center}.friends-list__summary{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;background:rgba(59,130,246,.08);color:var(--text-secondary);border:1px solid rgba(59,130,246,.2);font-size:.8125rem}.friends-list__summary-value{font-weight:600;color:var(--primary)}.friends-table{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--border-radius);overflow:hidden}.friends-table__wrapper{overflow-x:auto}.friends-table table{width:100%;border-collapse:collapse}.friends-table thead{background-color:rgba(30,41,59,.5);border-bottom:1px solid var(--border-color)}.friends-table th{padding:var(--spacing-md);text-align:left;font-weight:600;font-size:.875rem;color:var(--text-secondary);white-space:nowrap}.friends-table td{padding:var(--spacing-md);border-top:1px solid var(--border-color);color:var(--text-primary);font-size:.875rem;vertical-align:top}.friends-table tbody tr{transition:background-color .2s}.friends-table tbody tr:hover{background-color:var(--bg-surface-hover)}.friends-table__name{display:flex;align-items:flex-start;gap:var(--spacing-md);min-width:200px}.friends-table__avatar,.friends-table__avatar-fallback{width:48px;height:48px;border-radius:12px;object-fit:cover;border:1px solid var(--border-color);flex-shrink:0}.friends-table__avatar-fallback{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(59,130,246,.2),rgba(30,41,59,.8));color:var(--primary);font-weight:600}.friends-table__name-text{display:flex;flex-direction:column;gap:6px}.friends-table__name-title{font-weight:600;color:var(--text-primary)}.friends-table__link{color:var(--primary);text-decoration:none;display:inline-block;max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.friends-table__link:hover{color:var(--primary-hover);text-decoration:underline}.friends-table__description{max-width:280px;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.friends-table__time{color:var(--text-secondary);font-size:.8125rem;white-space:nowrap}.friends-table__actions{display:flex;gap:var(--spacing-sm);flex-wrap:wrap;white-space:nowrap}.friends-list__empty{text-align:center;padding:var(--spacing-xl);color:var(--text-muted);background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--border-radius)}.friends-list-skeleton__table{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:var(--spacing-md)}.friends-list-skeleton__row{display:grid;grid-template-columns:48px 1.4fr 1fr 1fr 1fr 1fr 120px;gap:var(--spacing-md);padding:var(--spacing-sm) 0;border-bottom:1px solid var(--border-color)}.friends-list-skeleton__row:last-child{border-bottom:none}.friends-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.friends-form__header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);background:rgba(15,23,42,.6);border-radius:var(--border-radius);border:1px solid var(--border-color)}.friends-form__title{font-size:1.1rem;font-weight:600;color:var(--text-primary)}.friends-form__subtitle{font-size:.875rem;color:var(--text-secondary);margin-top:4px}.friends-form__icon{width:44px;height:44px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:rgba(59,130,246,.12);color:var(--primary)}.friends-form__body{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:var(--spacing-lg)}.friends-form__grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,0.8fr);gap:var(--spacing-xl)}.friends-form__textarea{resize:vertical}.friends-form__preview-title{font-size:.875rem;font-weight:600;color:var(--text-secondary);margin-bottom:var(--spacing-sm)}.friends-form__preview-card{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);border-radius:var(--border-radius);border:1px solid var(--border-color);background:rgba(15,23,42,.5)}.friends-form__preview-avatar{width:56px;height:56px;border-radius:16px;overflow:hidden;background:rgba(59,130,246,.12);border:1px solid var(--border-color);display:flex;align-items:center;justify-content:center;color:var(--primary);font-weight:600;flex-shrink:0}.friends-form__preview-avatar img{width:100%;height:100%;object-fit:cover}.friends-form__preview-info{display:flex;flex-direction:column;gap:6px;min-width:0}.friends-form__preview-name{font-size:1rem;font-weight:600;color:var(--text-primary)}.friends-form__preview-link{font-size:.8125rem;color:var(--primary);text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.friends-form__preview-link--placeholder{color:var(--text-muted)}.friends-form__preview-desc{font-size:.8125rem;color:var(--text-secondary)}.friends-form__preview-tip{margin-top:var(--spacing-md);font-size:.75rem;color:var(--text-muted)}.friends-form__footer{display:flex;justify-content:flex-end;gap:var(--spacing-md)}@media (max-width:960px){.friends-list__toolbar{flex-direction:column;align-items:stretch}.friends-list__toolbar-right{margin-left:0;justify-content:flex-end}.friends-table td,.friends-table th{padding:var(--spacing-sm);font-size:.8rem}.friends-form__grid{grid-template-columns:1fr}}@media (max-width:600px){.friends-list__toolbar{gap:var(--spacing-sm)}.friends-table{border:none;background:0 0}.friends-table__wrapper{overflow-x:visible}.friends-table thead{display:none}.friends-table tbody{display:block}.friends-table tbody tr{display:block;margin-bottom:var(--spacing-md);background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:var(--spacing-md)}.friends-table td{display:flex;align-items:flex-start;text-align:left;border:none;padding:var(--spacing-xs) 0;gap:var(--spacing-sm)}.friends-table td::before{content:attr(data-label);font-weight:600;color:var(--text-secondary);min-width:80px;flex-shrink:0}.friends-table__name{flex-direction:column;gap:var(--spacing-sm)}.friends-table__description,.friends-table__link{max-width:100%;white-space:normal;word-break:break-word}.friends-table__actions{flex-direction:column;width:100%}.friends-table__actions .btn{width:100%;justify-content:center}}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.stat-card{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:var(--spacing-lg);display:flex;flex-direction:column;position:relative;overflow:hidden}.stat-card__icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin-bottom:var(--spacing-md)}.stat-card__icon--primary{background:var(--primary-light);color:var(--primary)}.stat-card__icon--success{background:rgba(16,185,129,.1);color:var(--success)}.stat-card__icon--warning{background:rgba(245,158,11,.1);color:var(--warning)}.stat-card__icon--info{background:rgba(6,182,212,.1);color:var(--info)}.stat-card__value{font-size:2rem;font-weight:700;color:var(--text-primary);line-height:1.2}.stat-card__label{font-size:.875rem;color:var(--text-secondary);margin-top:4px}.stat-card--skeleton{gap:var(--spacing-sm)}.dashboard-hero{background:linear-gradient(135deg,var(--bg-surface) 0,rgba(30,41,59,.5) 100%);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:var(--spacing-xl);margin-bottom:var(--spacing-lg);display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-md)}.dashboard-hero--skeleton{align-items:stretch}.dashboard-hero__content{flex:1;min-width:0}.dashboard-hero__actions{display:flex;gap:var(--spacing-sm);align-items:center}.dashboard-hero h1{font-size:2rem;margin:0 0 var(--spacing-sm) 0}.dashboard-hero p{color:var(--text-secondary);margin:0;max-width:600px}@media (max-width:768px){.dashboard-hero{flex-direction:column;align-items:flex-start}.dashboard-hero h1{font-size:1.5rem}.stat-card__value{font-size:1.5rem}}.content-grid{display:grid;grid-template-columns:2fr 1fr;gap:var(--spacing-lg)}.content-grid>*{min-width:0}.panel{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:var(--spacing-md);overflow:hidden}.panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-color)}.panel-title{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0}@media (max-width:1280px){.content-grid{grid-template-columns:1fr}}.panel--skeleton{min-height:200px}.dashboard-panel-skeleton{height:300px}.dashboard-log-skeleton{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-md) 0}.dashboard-article-skeleton{display:flex;flex-direction:column;gap:var(--spacing-md)}.dashboard-article-skeleton__item{display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-sm) 0;border-bottom:1px solid var(--border-color)}.dashboard-article-skeleton__item:last-child{border-bottom:none}.markdown-preview{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--border-radius);overflow:hidden}.markdown-preview__content{padding:var(--spacing-lg);max-width:100%;overflow-x:auto}.markdown-preview__content.markdown-body{color:var(--text-primary);font-size:1rem;line-height:1.7}.markdown-preview__content.markdown-body h1,.markdown-preview__content.markdown-body h2,.markdown-preview__content.markdown-body h3,.markdown-preview__content.markdown-body h4,.markdown-preview__content.markdown-body h5,.markdown-preview__content.markdown-body h6{color:var(--text-primary);font-weight:600;margin-top:1.5em;margin-bottom:.75em;line-height:1.3}.markdown-preview__content.markdown-body h1{font-size:2rem;border-bottom:2px solid var(--border-color);padding-bottom:.5rem}.markdown-preview__content.markdown-body h2{font-size:1.75rem;border-bottom:1px solid var(--border-color);padding-bottom:.4rem}.markdown-preview__content.markdown-body h3{font-size:1.5rem}.markdown-preview__content.markdown-body h4{font-size:1.25rem}.markdown-preview__content.markdown-body h5{font-size:1.1rem}.markdown-preview__content.markdown-body h6{font-size:1rem;color:var(--text-secondary)}.markdown-preview__content.markdown-body p{margin:1em 0}.markdown-preview__content.markdown-body a{color:var(--primary);text-decoration:none;transition:color .2s}.markdown-preview__content.markdown-body a:hover{color:var(--primary-hover);text-decoration:underline}.markdown-preview__content.markdown-body blockquote{border-left:4px solid var(--primary);padding-left:1rem;margin:1.5em 0;color:var(--text-secondary);background:rgba(59,130,246,.05);padding:.75rem 1rem;border-radius:var(--border-radius-sm)}.markdown-preview__content.markdown-body code{background-color:rgba(0,0,0,.3);padding:.2em .4em;border-radius:4px;font-family:'Fira Code',monospace;font-size:.9em;color:#f87171}.markdown-preview__content.markdown-body pre{background-color:rgba(0,0,0,.4);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);padding:1rem;overflow-x:auto;margin:1.5em 0}.markdown-preview__content.markdown-body pre code{background:0 0;padding:0;border-radius:0;font-size:.875rem;color:inherit;display:block;line-height:1.6}.markdown-preview__content.markdown-body table{width:100%;border-collapse:collapse;margin:1.5em 0;overflow:hidden;border-radius:var(--border-radius-sm)}.markdown-preview__content.markdown-body table thead{background-color:rgba(59,130,246,.1)}.markdown-preview__content.markdown-body table td,.markdown-preview__content.markdown-body table th{padding:.75rem 1rem;border:1px solid var(--border-color);text-align:left}.markdown-preview__content.markdown-body table th{font-weight:600;color:var(--primary)}.markdown-preview__content.markdown-body table tr:hover{background-color:var(--bg-surface-hover)}.markdown-preview__content.markdown-body ol,.markdown-preview__content.markdown-body ul{padding-left:2em;margin:1em 0}.markdown-preview__content.markdown-body li{margin:.5em 0}.markdown-preview__content.markdown-body hr{border:none;border-top:2px solid var(--border-color);margin:2em 0}.markdown-preview__content.markdown-body img{max-width:100%;height:auto;border-radius:var(--border-radius-sm);margin:1.5em 0}.markdown-preview__content.markdown-body strong{font-weight:700;color:var(--text-primary)}.markdown-preview__content.markdown-body em{font-style:italic}.markdown-preview__content.markdown-body del{text-decoration:line-through;color:var(--text-muted)}.markdown-preview__content.markdown-body input[type=checkbox]{margin-right:.5em}@media (max-width:768px){.markdown-preview__content{padding:var(--spacing-md)}.markdown-preview__content.markdown-body h1{font-size:1.75rem}.markdown-preview__content.markdown-body h2{font-size:1.5rem}.markdown-preview__content.markdown-body h3{font-size:1.25rem}.markdown-preview__content.markdown-body pre{padding:.75rem}.markdown-preview__content.markdown-body table{font-size:.875rem}.markdown-preview__content.markdown-body table td,.markdown-preview__content.markdown-body table th{padding:.5rem .75rem}}.mumble-form{max-width:100%;margin:0}.mumble-form__header{margin-bottom:var(--spacing-xl);text-align:center}.mumble-form__title{font-size:2rem;font-weight:700;background:linear-gradient(135deg,var(--primary),#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 var(--spacing-sm) 0}.mumble-form__description{color:var(--text-secondary);margin:0;font-size:1rem}.mumble-form__content{margin-bottom:var(--spacing-xl)}.mumble-form__actions{display:flex;gap:var(--spacing-md);justify-content:center;padding:var(--spacing-xl) 0}.publishing-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(2,6,23,.8);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999}.publishing-overlay__spinner{width:48px;height:48px;border:4px solid var(--border-color);border-top-color:var(--primary);border-radius:50%;animation:spinner-rotate 1s linear infinite}@keyframes spinner-rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.publishing-overlay__text{margin-top:var(--spacing-lg);color:var(--text-primary);font-size:1rem}.form-helper{margin-top:var(--spacing-sm);font-size:.875rem;color:var(--text-muted);display:flex;align-items:center;gap:var(--spacing-xs)}.form-helper i{font-size:.875rem}@media (max-width:768px){.mumble-form__title{font-size:1.5rem}.mumble-form__actions{flex-direction:column}.mumble-form__actions .btn{width:100%}}.mumble-list{min-height:100vh}.mumble-list__header{margin-bottom:var(--spacing-xl)}.page-description{margin-top:var(--spacing-sm);color:var(--text-secondary);font-size:var(--text-sm)}.mumble-list__toolbar{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-xl);padding:var(--spacing-md);background:var(--surface);border:1px solid var(--border-color);border-radius:var(--border-radius-md)}.mumble-list__toolbar-left{display:flex;align-items:center;gap:var(--spacing-sm)}.mumble-list__toolbar-right{display:flex;align-items:center;gap:var(--spacing-sm)}.mumble-list__toolbar-right .form-control{min-width:250px}.mumble-list__cards{margin-bottom:var(--spacing-xl);display:flex;flex-direction:column;gap:var(--spacing-md)}.mumble-list__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xxxl) var(--spacing-md);text-align:center;color:var(--text-secondary)}.mumble-card{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:var(--spacing-lg);transition:box-shadow .2s,border-color .2s;display:flex;flex-direction:column;gap:var(--spacing-md)}.mumble-card:hover{border-color:var(--primary);box-shadow:var(--shadow-md)}.mumble-card__header{display:flex;justify-content:space-between;align-items:center}.mumble-card__author{display:flex;align-items:center;gap:var(--spacing-sm);font-size:.9rem;font-weight:600}.mumble-card__avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;background-color:var(--bg-surface-hover)}.mumble-card__meta{font-size:.8rem;color:var(--text-secondary);display:flex;align-items:center;gap:var(--spacing-md)}.mumble-card__content{background-color:rgba(0,0,0,.2);padding:var(--spacing-md);border-radius:var(--border-radius-sm);font-family:'Fira Code',monospace;font-size:.85rem;color:var(--text-secondary);max-height:120px;overflow:hidden;position:relative;white-space:pre-wrap;line-height:1.5;border-left:3px solid var(--primary-light)}.mumble-card__footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:var(--spacing-sm);border-top:1px solid var(--border-color)}.mumble-card__stats{display:flex;gap:var(--spacing-lg);font-size:.85rem;color:var(--text-muted)}.mumble-card__stats span{display:flex;align-items:center;gap:4px}.mumble-card__actions{display:flex;gap:var(--spacing-sm)}.mumble-list-skeleton__grid{display:grid;gap:var(--spacing-md)}.mumble-list-skeleton__card{background:var(--surface);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:var(--spacing-lg)}@media (max-width:960px){.mumble-list__toolbar{flex-direction:column;align-items:stretch}.mumble-list__toolbar-left,.mumble-list__toolbar-right{width:100%;justify-content:stretch}.mumble-list__toolbar-right .form-control{min-width:unset;flex:1}}@media (max-width:600px){.mumble-card__footer{flex-direction:column;gap:var(--spacing-md)}.mumble-card__actions{width:100%;justify-content:space-between}.mumble-card__actions .btn{flex:1}}.mumble-preview-dialog{max-height:70vh;overflow-y:auto}.file-info-display{display:flex;flex-direction:column;gap:var(--spacing-sm)}.file-info-display__item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background-color:rgba(30,41,59,.3);border-radius:var(--border-radius-sm);border:1px solid var(--border-color)}.file-info-display__badge{display:inline-flex;align-items:center;padding:4px 10px;background:linear-gradient(135deg,var(--primary-light),rgba(59,130,246,.15));color:var(--primary);border-radius:12px;font-size:.75rem;font-weight:600;border:1px solid rgba(59,130,246,.2);text-transform:uppercase;min-width:50px;justify-content:center}.file-info-display__badge--secondary{background:linear-gradient(135deg,rgba(100,116,139,.15),rgba(100,116,139,.1));color:var(--text-secondary);border:1px solid rgba(100,116,139,.2)}.file-info-display__badge--info{background:linear-gradient(135deg,rgba(6,182,212,.15),rgba(6,182,212,.1));color:var(--info);border:1px solid rgba(6,182,212,.2)}.file-info-display__name{flex:1;color:var(--text-primary);font-size:.875rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-info-display__meta{color:var(--text-muted);font-size:.8125rem}.lyric-preview{margin-top:var(--spacing-md);padding:var(--spacing-md);background-color:rgba(30,41,59,.5);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);max-height:400px;overflow-y:auto}.lyric-preview pre{margin:0;font-family:Consolas,Monaco,monospace;font-size:.875rem;line-height:1.6;color:var(--text-secondary);white-space:pre-wrap;word-wrap:break-word}.lyric-preview code{font-family:inherit}.music-form{max-width:100%;margin:0}.music-form__header{margin-bottom:var(--spacing-xl);text-align:center}.music-form__title{font-size:2rem;font-weight:700;background:linear-gradient(135deg,var(--primary),#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 var(--spacing-sm) 0}.music-form__description{color:var(--text-secondary);margin:0;font-size:1rem}.music-form__content{margin-bottom:var(--spacing-xl)}.music-form__main{display:grid;gap:var(--spacing-lg)}.file-upload-zone{position:relative;margin-top:var(--spacing-sm)}.file-upload-zone__input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.file-upload-zone__label{display:block;border:2px dashed var(--border-color);border-radius:var(--border-radius);background-color:rgba(30,41,59,.3);padding:var(--spacing-xl);text-align:center;cursor:pointer;transition:all .3s ease;min-height:180px;display:flex;align-items:center;justify-content:center}.file-upload-zone__label:hover{border-color:var(--primary);background-color:rgba(59,130,246,.05)}.file-upload-zone__placeholder{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);color:var(--text-secondary)}.file-upload-zone__placeholder i{color:var(--primary);opacity:.6}.file-upload-zone__placeholder>span:first-of-type{font-size:1.125rem;font-weight:500;color:var(--text-primary)}.file-upload-zone__hint{font-size:.875rem;color:var(--text-muted)}.file-upload-zone__selected{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md)}.file-upload-zone__selected i{color:var(--success)}.file-info{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs)}.file-info__name{font-weight:600;color:var(--text-primary);word-break:break-all}.file-info__size{font-size:.875rem;color:var(--text-secondary)}.music-form__actions{display:flex;justify-content:center;gap:var(--spacing-md);padding:var(--spacing-xl) 0}.audio-preview{margin-top:var(--spacing-md);padding:var(--spacing-md);background-color:rgba(30,41,59,.3);border-radius:var(--border-radius)}.audio-preview audio{width:100%;outline:0}.publishing-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(2,6,23,.8);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:9999}.music-form__progress{width:240px;height:8px;background:rgba(255,255,255,.2);border-radius:4px;overflow:hidden;margin:var(--spacing-sm) auto 0}.music-form__progress-bar{height:100%;background:linear-gradient(90deg,var(--primary),#06b6d4);transition:width .2s ease}.music-form__progress-text{margin-top:6px;color:rgba(255,255,255,.9);font-size:.8125rem;font-weight:600}.publishing-overlay__spinner{width:48px;height:48px;border:4px solid rgba(59,130,246,.2);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite;margin:0 auto var(--spacing-md)}.publishing-overlay__text{color:var(--text-primary);font-size:1.125rem;font-weight:500}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:768px){.music-form__title{font-size:1.5rem}.music-form__actions{flex-direction:column}.music-form__actions .btn{width:100%}.file-upload-zone__label{padding:var(--spacing-md)}}.music-list{max-width:100%}.music-list__toolbar{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:var(--spacing-md);margin-bottom:var(--spacing-lg);display:flex;align-items:center;gap:var(--spacing-md);flex-wrap:wrap}.music-list__toolbar-left{display:flex;align-items:center;gap:var(--spacing-md)}.music-list__toolbar-right{display:flex;align-items:center;gap:var(--spacing-md);margin-left:auto;flex:1;justify-content:flex-end}.music-table{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--border-radius);overflow:hidden}.music-table__wrapper{overflow-x:auto}.music-table table{width:100%;border-collapse:collapse}.music-table thead{background-color:rgba(30,41,59,.5);border-bottom:1px solid var(--border-color)}.music-table th{padding:var(--spacing-md);text-align:left;font-weight:600;font-size:.875rem;color:var(--text-secondary);white-space:nowrap}.music-table td{padding:var(--spacing-md);border-top:1px solid var(--border-color);color:var(--text-primary);font-size:.875rem}.music-table tbody tr{transition:background-color .2s}.music-table tbody tr:hover{background-color:var(--bg-surface-hover)}.music-table__title{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.music-table__filename{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-secondary);font-size:.8125rem}.music-table__tags{display:flex;flex-wrap:wrap;gap:6px;max-width:200px}.music-table__tag{display:inline-flex;align-items:center;padding:4px 10px;background:linear-gradient(135deg,var(--primary-light),rgba(59,130,246,.15));color:var(--primary);border-radius:12px;font-size:.75rem;font-weight:500;border:1px solid rgba(59,130,246,.2);white-space:nowrap}.music-table__actions{display:flex;gap:var(--spacing-sm);white-space:nowrap}.music-table__has-lyric{color:var(--success)}.music-table__no-lyric{color:var(--text-muted)}.music-list__empty{text-align:center;padding:var(--spacing-xl);color:var(--text-muted);background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--border-radius)}.music-list-skeleton__table{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:var(--spacing-md)}.music-list-skeleton__row{display:grid;grid-template-columns:2fr 1fr 1.5fr 1fr 1fr 1fr 0.5fr 1fr 1.5fr 1.5fr 1.5fr;gap:var(--spacing-md);padding:var(--spacing-md) 0;border-bottom:1px solid var(--border-color)}.music-list-skeleton__row:last-child{border-bottom:none}.skeleton{background:linear-gradient(90deg,var(--bg-surface-hover) 25%,rgba(30,41,59,.8) 50%,var(--bg-surface-hover) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:4px}.skeleton--text{height:16px}.skeleton--text-lg{height:20px}.skeleton--button{height:32px;width:60px}@keyframes shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}@media (max-width:1280px){.music-table__title{max-width:200px}}@media (max-width:960px){.music-list__toolbar{flex-direction:column;align-items:stretch}.music-list__toolbar-left,.music-list__toolbar-right{width:100%;justify-content:stretch}.music-list__toolbar-right{margin-left:0}.music-table__wrapper{overflow-x:auto}.music-table td,.music-table th{padding:var(--spacing-sm);font-size:.8rem}.music-table__title{max-width:150px}.music-list-skeleton__row{display:none}}@media (max-width:600px){.music-list__toolbar{gap:var(--spacing-sm)}.music-list__toolbar-left,.music-list__toolbar-right{width:100%;flex-direction:column}.music-table{border:none;background:0 0}.music-table__wrapper{overflow-x:visible}.music-table thead{display:none}.music-table tbody{display:block}.music-table tbody tr{display:block;margin-bottom:var(--spacing-md);background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:var(--spacing-md)}.music-table td{display:flex;align-items:flex-start;text-align:left;border:none;padding:var(--spacing-xs) 0;gap:var(--spacing-sm)}.music-table td::before{content:attr(data-label);font-weight:600;color:var(--text-secondary);min-width:80px;flex-shrink:0}.music-table__filename,.music-table__title{max-width:100%;white-space:normal;word-break:break-word}.music-table__tags{max-width:100%;flex:1}.music-table__actions{flex-direction:column;gap:var(--spacing-xs);margin-top:var(--spacing-sm);width:100%}.music-table__actions .btn{width:100%;justify-content:center}}.picture-form{max-width:100%;margin:0}.picture-form__header{margin-bottom:var(--spacing-xl);text-align:center}.picture-form__title{font-size:2rem;font-weight:700;background:linear-gradient(135deg,var(--success),#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 var(--spacing-sm) 0}.picture-form__description{color:var(--text-secondary);margin:0;font-size:1rem}.picture-form__content{margin-bottom:var(--spacing-xl)}.picture-form__main{display:grid;gap:var(--spacing-lg)}.upload-section{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--border-radius);overflow:hidden;transition:all .3s ease}.upload-section:hover{border-color:rgba(16,185,129,.3);box-shadow:0 4px 12px rgba(0,0,0,.1)}.upload-section__header{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);background:linear-gradient(135deg,rgba(16,185,129,.1),rgba(6,182,212,.05));border-bottom:1px solid var(--border-color);font-weight:600;font-size:.9375rem;color:var(--success)}.upload-section__header i{font-size:1rem}.upload-section__body{padding:var(--spacing-lg)}.upload-area{border:none;border-radius:12px;padding:3rem 2rem;text-align:center;transition:all .35s cubic-bezier(.4, 0, .2, 1);cursor:pointer;position:relative}.upload-area:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(16,185,129,.12)}.upload-area__icon{font-size:4rem;color:var(--success);margin-bottom:var(--spacing-lg);filter:drop-shadow(0 4px 12px rgba(16, 185, 129, .3))}.upload-area__title{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-md);letter-spacing:.01em}.upload-area__hint{font-size:.9375rem;color:var(--text-secondary);margin:0;opacity:.9}.file-list{margin-top:var(--spacing-md)}.file-list__item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);background:linear-gradient(135deg,rgba(16,185,129,.08),rgba(6,182,212,.05));border:1px solid rgba(16,185,129,.2);border-radius:10px;margin-bottom:var(--spacing-sm);transition:all .25s ease}.file-list__item:hover{background:linear-gradient(135deg,rgba(16,185,129,.12),rgba(6,182,212,.08));border-color:rgba(16,185,129,.3);transform:translateX(4px)}.file-list__icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:linear-gradient(135deg,rgba(16,185,129,.2),rgba(16,185,129,.1));color:var(--success);border-radius:var(--border-radius-sm);font-size:1rem}.file-list__info{flex:1;min-width:0}.file-list__name{font-size:.875rem;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-list__size{font-size:.8125rem;color:var(--text-secondary)}.preview-image{margin-top:var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);overflow:hidden;display:flex;justify-content:center;align-items:center;min-height:200px;background-color:rgba(30,41,59,.3)}.preview-image a{display:flex;justify-content:center;align-items:center;text-decoration:none}.preview-image img{max-width:100%;max-height:600px;height:auto;width:auto;display:block;cursor:zoom-in;transition:transform .2s}.preview-image img:hover{transform:scale(1.02)}.picture-form__actions{display:flex;gap:var(--spacing-md);justify-content:center;padding:var(--spacing-xl) 0}.btn-lg{padding:14px 32px;font-size:1rem;font-weight:600;border-radius:10px;min-width:140px}.btn-success{background:linear-gradient(135deg,var(--success),#06b6d4);border:none;color:#fff;position:relative;overflow:hidden}.btn-success::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.btn-success:hover::before{left:100%}.btn-success:hover{background:linear-gradient(135deg,#059669,#0891b2);transform:translateY(-2px);box-shadow:0 6px 20px rgba(16,185,129,.4)}.btn-secondary{background-color:transparent;border:1px solid var(--border-color);color:var(--text-secondary)}.btn-secondary:hover{background-color:var(--bg-surface-hover);border-color:var(--primary);color:var(--text-primary)}.picture-form__loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(2,6,23,.9);backdrop-filter:blur(8px);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:9999}.picture-form__loading-content{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-xl);background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--border-radius);min-width:320px;max-width:90%}.picture-form__loading-spinner{width:60px;height:60px;border:4px solid rgba(16,185,129,.2);border-top-color:var(--success);border-radius:50%;animation:spinner-rotate 1s linear infinite}@keyframes spinner-rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.picture-form__loading-text{color:var(--text-primary);font-size:1.1rem;font-weight:600}.picture-form__progress{width:100%;height:8px;background:rgba(30,41,59,.5);border-radius:4px;overflow:hidden}.picture-form__progress-bar{height:100%;background:linear-gradient(90deg,var(--success),#06b6d4);border-radius:4px;transition:width .3s ease}.picture-form__progress-text{color:var(--text-secondary);font-size:.875rem;font-weight:500}.current-image-section{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--border-radius);overflow:hidden}.current-image-section__header{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);background:linear-gradient(135deg,rgba(16,185,129,.1),rgba(6,182,212,.05));border-bottom:1px solid var(--border-color);font-weight:600;font-size:.9375rem;color:var(--success)}.current-image-section__body{padding:var(--spacing-lg);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md)}.current-image-section__body a{display:flex;text-decoration:none}.current-image-section__img{max-width:100%;max-height:600px;height:auto;width:auto;border-radius:var(--border-radius-sm);cursor:zoom-in;transition:transform .2s}.current-image-section__img:hover{transform:scale(1.02)}.current-image-section__info{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);color:var(--text-secondary);font-size:.875rem}.current-image-section__name{font-weight:500;color:var(--text-primary)}.current-image-section__size{opacity:.8}.picture-form-skeleton{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:var(--spacing-lg)}.picture-form-skeleton__section{margin-bottom:var(--spacing-lg)}@media (max-width:768px){.picture-form{max-width:100%}.picture-form__header{margin-bottom:var(--spacing-lg);text-align:left}.picture-form__title{font-size:1.5rem}.picture-form__actions{flex-direction:column;padding:var(--spacing-lg) 0}.btn-lg{width:100%}.upload-area{padding:var(--spacing-lg)}.upload-area__icon{font-size:2rem}.tag-selector{min-height:80px}.tag-selector__item{padding:6px 12px;font-size:.8125rem}}@media (max-width:600px){.upload-section__header{padding:var(--spacing-sm) var(--spacing-md);font-size:.875rem}.upload-section__body{padding:var(--spacing-md)}.file-list__item{flex-direction:column;align-items:flex-start}}.pswp__caption{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);background:rgba(0,0,0,.7);padding:8px 16px;border-radius:6px;color:#fff;font-size:.875rem;max-width:90%;text-align:center}@media (max-width:600px){.current-image-section__img,.preview-image img{max-height:400px}}.picture-list{max-width:100%}.picture-list__header{margin-bottom:var(--spacing-lg)}.picture-list__toolbar{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:var(--spacing-md);margin-bottom:var(--spacing-lg);display:flex;align-items:center;gap:var(--spacing-md);flex-wrap:wrap}.picture-list__toolbar-left{display:flex;align-items:center;gap:var(--spacing-md)}.picture-list__toolbar-right{display:flex;align-items:center;gap:var(--spacing-md);margin-left:auto;flex:1;justify-content:flex-end}.picture-list__view-toggle{display:flex;gap:var(--spacing-xs);background-color:rgba(30,41,59,.5);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);padding:4px}.view-toggle-btn{padding:8px 12px;border:none;background:0 0;color:var(--text-secondary);cursor:pointer;border-radius:4px;transition:all .2s;display:flex;align-items:center;justify-content:center}.view-toggle-btn:hover{color:var(--text-primary);background-color:rgba(59,130,246,.1)}.view-toggle-btn--active{background-color:var(--primary);color:#fff}.view-toggle-btn i{font-size:1rem}.picture-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-lg)}.picture-card{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--border-radius);overflow:hidden;transition:all .3s ease;display:flex;flex-direction:column}.picture-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,.2);border-color:rgba(59,130,246,.3)}.picture-card__image{position:relative;width:100%;padding-bottom:75%;background-color:rgba(30,41,59,.5);overflow:hidden}.picture-card__image img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.picture-card:hover .picture-card__image img{transform:scale(1.05)}.picture-card__type{position:absolute;top:var(--spacing-sm);left:var(--spacing-sm);padding:4px 12px;background:linear-gradient(135deg,var(--primary),#06b6d4);color:#fff;border-radius:12px;font-size:.75rem;font-weight:600}.picture-card__content{padding:var(--spacing-md);flex:1;display:flex;flex-direction:column}.picture-card__description{font-size:.875rem;color:var(--text-primary);margin-bottom:var(--spacing-sm);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.5;min-height:42px}.picture-card__meta{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-bottom:var(--spacing-md);font-size:.8125rem;color:var(--text-secondary)}.picture-card__meta-item{display:flex;align-items:center;gap:var(--spacing-xs)}.picture-card__meta-item i{width:14px;font-size:.75rem;color:var(--primary)}.picture-card__tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:var(--spacing-md)}.picture-card__tag{display:inline-flex;align-items:center;padding:4px 10px;background:linear-gradient(135deg,rgba(16,185,129,.2),rgba(16,185,129,.1));color:var(--success);border-radius:12px;font-size:.75rem;font-weight:500;border:1px solid rgba(16,185,129,.2)}.picture-card__footer{display:flex;gap:var(--spacing-sm);margin-top:auto;padding-top:var(--spacing-md);border-top:1px solid var(--border-color)}.picture-card__actions{display:flex;gap:var(--spacing-sm);width:100%}.picture-table{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--border-radius);overflow:hidden}.picture-table__wrapper{overflow-x:auto}.picture-table table{width:100%;border-collapse:collapse}.picture-table thead{background-color:rgba(30,41,59,.5);border-bottom:1px solid var(--border-color)}.picture-table th{padding:var(--spacing-md);text-align:left;font-weight:600;font-size:.875rem;color:var(--text-secondary);white-space:nowrap}.picture-table td{padding:var(--spacing-md);border-top:1px solid var(--border-color);color:var(--text-primary);font-size:.875rem}.picture-table tbody tr{transition:background-color .2s}.picture-table tbody tr:hover{background-color:var(--bg-surface-hover)}.picture-table__thumbnail{width:80px;height:60px;border-radius:var(--border-radius-sm);object-fit:cover;cursor:pointer;transition:transform .2s}.picture-table__thumbnail:hover{transform:scale(1.1)}.picture-table__description{max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.picture-table__tags{display:flex;flex-wrap:wrap;gap:6px;max-width:200px}.picture-table__tag{display:inline-flex;align-items:center;padding:4px 10px;background:linear-gradient(135deg,rgba(16,185,129,.2),rgba(16,185,129,.1));color:var(--success);border-radius:12px;font-size:.75rem;font-weight:500;border:1px solid rgba(16,185,129,.2);white-space:nowrap}.picture-table__actions{display:flex;gap:var(--spacing-sm);white-space:nowrap}.picture-list__empty{text-align:center;padding:var(--spacing-xl);color:var(--text-muted);background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--border-radius)}.picture-grid-skeleton{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-lg)}.picture-card-skeleton{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--border-radius);overflow:hidden}.picture-card-skeleton__image{width:100%;padding-bottom:75%}.picture-card-skeleton__content{padding:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-sm)}@media (max-width:1280px){.picture-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.picture-table__description{max-width:200px}}@media (max-width:960px){.picture-list__toolbar{flex-direction:column;align-items:stretch}.picture-list__toolbar-left,.picture-list__toolbar-right{width:100%;justify-content:stretch}.picture-list__toolbar-right{margin-left:0;flex-wrap:wrap}.form-control{width:100%;min-width:auto}.picture-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--spacing-md)}.picture-table__wrapper{overflow-x:auto}.picture-table td,.picture-table th{padding:var(--spacing-sm);font-size:.8rem}}@media (max-width:600px){.picture-list__toolbar{gap:var(--spacing-sm)}.picture-list__toolbar-left,.picture-list__toolbar-right{flex-direction:column}.picture-grid{grid-template-columns:1fr}.picture-table{border:none;background:0 0}.picture-table__wrapper{overflow-x:visible}.picture-table thead{display:none}.picture-table tbody{display:block}.picture-table tbody tr{display:block;margin-bottom:var(--spacing-md);background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:var(--spacing-md)}.picture-table td{display:flex;align-items:flex-start;text-align:left;border:none;padding:var(--spacing-xs) 0;gap:var(--spacing-sm)}.picture-table td::before{content:attr(data-label);font-weight:600;color:var(--text-secondary);min-width:80px;flex-shrink:0}.picture-table__thumbnail{width:100%;height:auto;max-width:200px}.picture-table__description{max-width:100%;white-space:normal;word-break:break-word}.picture-table__tags{max-width:100%;flex:1}.picture-table__actions{flex-direction:column;gap:var(--spacing-xs);margin-top:var(--spacing-sm);width:100%}.picture-table__actions .btn{width:100%;justify-content:center}.picture-card__actions{flex-direction:column}.picture-card__actions .btn{width:100%}}.tag-input{width:100%}.tag-input__wrapper{display:flex;gap:var(--spacing-sm);align-items:stretch}.tag-input__container{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm);background-color:var(--bg-elevated);border:1px solid var(--border-color);border-radius:var(--border-radius);min-height:48px;transition:border-color .2s;flex:1}.tag-input__container:focus-within{border-color:var(--primary);outline:2px solid rgba(59,130,246,.1)}.tag-input__add-btn{display:flex;align-items:center;justify-content:center;min-width:48px;padding:0 var(--spacing-md);background:var(--primary);color:#fff;border:none;border-radius:var(--border-radius);cursor:pointer;transition:all .2s;font-size:1rem;flex-shrink:0}.tag-input__add-btn:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 2px 8px rgba(59,130,246,.3)}.tag-input__add-btn:active{transform:translateY(0);box-shadow:0 1px 4px rgba(59,130,246,.2)}.tag-input__tag{display:inline-flex;align-items:center;gap:6px;padding:4px 8px 4px 12px;background:rgba(59,130,246,.12);border:1px solid rgba(59,130,246,.3);border-radius:999px;font-size:.875rem;color:var(--primary);transition:all .2s}.tag-input__tag:hover{background:rgba(59,130,246,.2);border-color:rgba(59,130,246,.5)}.tag-input__tag-text{line-height:1.4;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tag-input__tag-remove{display:flex;align-items:center;justify-content:center;width:18px;height:18px;padding:0;background:0 0;border:none;border-radius:50%;color:var(--primary);cursor:pointer;transition:all .2s;font-size:.75rem}.tag-input__tag-remove:hover{background:rgba(59,130,246,.2);color:var(--primary-hover)}.tag-input__tag-remove:active{transform:scale(.9)}.tag-input__input{flex:1;min-width:150px;padding:6px 8px;background:0 0;border:none;outline:0;color:var(--text-primary);font-size:.9375rem}.tag-input__input::placeholder{color:var(--text-muted)}.tag-input__input:disabled{cursor:not-allowed;opacity:.6}.tag-input__helper{display:flex;align-items:center;gap:6px;margin-top:6px;font-size:.8125rem;color:var(--text-secondary)}.tag-input__helper i{font-size:.75rem}@media (max-width:600px){.tag-input__wrapper{gap:var(--spacing-xs)}.tag-input__container{padding:var(--spacing-xs);min-height:44px}.tag-input__tag{padding:3px 6px 3px 10px;font-size:.8125rem}.tag-input__tag-text{max-width:150px}.tag-input__input{min-width:120px;font-size:.875rem}.tag-input__add-btn{min-width:44px;padding:0 var(--spacing-sm);font-size:.9375rem}}.timeline-form{max-width:100%;margin:0}.timeline-form__header{margin-bottom:var(--spacing-xl);text-align:center}.timeline-form__title{font-size:2rem;font-weight:700;background:linear-gradient(135deg,var(--primary),#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 var(--spacing-sm) 0}.timeline-form__description{color:var(--text-secondary);margin:0;font-size:1rem}.timeline-form__content{display:flex;flex-direction:column;gap:var(--spacing-lg)}.timeline-form__section{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:var(--spacing-lg)}.timeline-form__section--editor{padding:var(--spacing-md)}.timeline-form__section-title{font-size:.95rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-md);display:flex;align-items:center;gap:var(--spacing-sm)}.timeline-form__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--spacing-lg)}.timeline-form__validation{color:var(--danger);font-size:.875rem}.timeline-form__actions{display:flex;gap:var(--spacing-md);justify-content:center;padding:var(--spacing-xl) 0}.timeline-form__loading-overlay{position:fixed;inset:0;background-color:rgba(2,6,23,.85);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999}.timeline-form__loading-content{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-xl);background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--border-radius);min-width:280px;max-width:90%}.timeline-form__loading-spinner{width:56px;height:56px;border:4px solid rgba(59,130,246,.2);border-top-color:var(--primary);border-radius:50%;animation:timeline-spin 1s linear infinite}.timeline-form__loading-text{color:var(--text-secondary);font-size:.95rem;font-weight:600}.timeline-form__skeleton{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-sm)}@keyframes timeline-spin{to{transform:rotate(360deg)}}@media (max-width:960px){.timeline-form{max-width:100%}.timeline-form__header{text-align:left;margin-bottom:var(--spacing-lg)}.timeline-form__grid{grid-template-columns:1fr}}@media (max-width:600px){.timeline-form__title{font-size:1.5rem}.timeline-form__actions{flex-direction:column}}.timeline-list{max-width:100%}.timeline-list__header{margin-bottom:var(--spacing-lg)}.timeline-list__toolbar{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:var(--spacing-md);margin-bottom:var(--spacing-lg);display:flex;align-items:center;gap:var(--spacing-md);flex-wrap:wrap}.timeline-list__toolbar-left{display:flex;align-items:center;gap:var(--spacing-md)}.timeline-list__toolbar-right{margin-left:auto;display:flex;align-items:center;gap:var(--spacing-md);flex-wrap:wrap}.timeline-list__search{display:flex;align-items:center;gap:var(--spacing-sm)}.timeline-list__summary{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;background:rgba(14,116,144,.12);color:var(--text-secondary);border:1px solid rgba(14,116,144,.3);font-size:.8125rem}.timeline-list__summary-value{font-weight:600;color:var(--info)}.timeline-table{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--border-radius);overflow:hidden}.timeline-table__wrapper{overflow-x:auto}.timeline-table table{width:100%;border-collapse:collapse}.timeline-table thead{background-color:rgba(30,41,59,.5);border-bottom:1px solid var(--border-color)}.timeline-table th{padding:var(--spacing-md);text-align:left;font-weight:600;font-size:.875rem;color:var(--text-secondary);white-space:nowrap}.timeline-table td{padding:var(--spacing-md);border-top:1px solid var(--border-color);color:var(--text-primary);font-size:.875rem;vertical-align:top}.timeline-table tbody tr{transition:background-color .2s}.timeline-table tbody tr:hover{background-color:var(--bg-surface-hover)}.timeline-table__title{font-weight:600;color:var(--text-primary);margin-bottom:6px}.timeline-table__meta{display:flex;align-items:center;gap:var(--spacing-md);color:var(--text-secondary);font-size:.8125rem}.timeline-table__meta-item{display:inline-flex;align-items:center;gap:6px}.timeline-table__link{color:var(--primary);text-decoration:none;font-weight:600}.timeline-table__link:hover{color:var(--primary-hover);text-decoration:underline}.timeline-table__empty{color:var(--text-muted)}.timeline-table__time{color:var(--text-secondary);font-size:.8125rem;white-space:nowrap}.timeline-table__actions{display:flex;gap:var(--spacing-sm);flex-wrap:wrap;white-space:nowrap}.timeline-list__empty{text-align:center;padding:var(--spacing-xl);color:var(--text-muted);background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--border-radius)}.timeline-list-skeleton__table{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:var(--spacing-md)}.timeline-list-skeleton__row{display:grid;grid-template-columns:1.4fr 0.6fr 0.9fr 0.9fr 1fr 140px;gap:var(--spacing-md);padding:var(--spacing-sm) 0;border-bottom:1px solid var(--border-color)}.timeline-list-skeleton__row:last-child{border-bottom:none}@media (max-width:960px){.timeline-list__toolbar{flex-direction:column;align-items:stretch}.timeline-list__toolbar-right{margin-left:0;justify-content:space-between;width:100%}.timeline-list__search{flex:1}.timeline-table td,.timeline-table th{padding:var(--spacing-sm);font-size:.8rem}}@media (max-width:600px){.timeline-list__toolbar-right{flex-direction:column;align-items:stretch}.timeline-list__search{width:100%}.timeline-table{border:none;background:0 0}.timeline-table__wrapper{overflow-x:visible}.timeline-table thead{display:none}.timeline-table tbody{display:block}.timeline-table tbody tr{display:block;margin-bottom:var(--spacing-md);background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:var(--spacing-md)}.timeline-table td{display:flex;align-items:flex-start;text-align:left;border:none;padding:var(--spacing-xs) 0;gap:var(--spacing-sm)}.timeline-table td::before{content:attr(data-label);font-weight:600;color:var(--text-secondary);min-width:80px;flex-shrink:0}.timeline-table__actions{flex-direction:column;width:100%}.timeline-table__actions .btn{width:100%;justify-content:center}}.video-list{max-width:100%;margin:0}.video-list__header{margin-bottom:var(--spacing-xl)}.video-list__toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);padding:var(--spacing-md);background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--border-radius);margin-bottom:var(--spacing-lg)}.video-list__toolbar-actions{display:flex;gap:var(--spacing-sm)}.video-list__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.video-card{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--border-radius);overflow:hidden;transition:all .3s ease;cursor:pointer}.video-card:hover{border-color:var(--primary);box-shadow:0 0 20px rgba(59,130,246,.2);transform:translateY(-4px)}.video-card__thumbnail{position:relative;width:100%;padding-top:56.25%;background-color:var(--bg-body);overflow:hidden}.video-card__thumbnail img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.video-card:hover .video-card__thumbnail img{transform:scale(1.05)}.video-card__play-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;background-color:rgba(0,0,0,.7);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--primary);font-size:1.5rem;transition:all .3s ease}.video-card:hover .video-card__play-icon{background-color:var(--primary);color:#fff;transform:translate(-50%,-50%) scale(1.1)}.video-card__duration{position:absolute;bottom:8px;right:8px;background-color:rgba(0,0,0,.8);color:#fff;padding:2px 6px;border-radius:4px;font-size:.75rem;font-weight:500}.video-card__info{padding:var(--spacing-md)}.video-card__title{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 var(--spacing-xs) 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.video-card__subtitle{font-size:.875rem;color:var(--text-secondary);margin:0 0 var(--spacing-sm) 0;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.video-card__meta{display:flex;align-items:center;gap:var(--spacing-md);font-size:.75rem;color:var(--text-muted);margin-bottom:var(--spacing-sm)}.video-card__meta-item{display:flex;align-items:center;gap:4px}.video-card__description{font-size:.875rem;color:var(--text-secondary);margin:0 0 var(--spacing-sm) 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.video-card__tags{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-bottom:var(--spacing-sm)}.video-card__tag{padding:2px 8px;background-color:rgba(59,130,246,.1);color:var(--primary);border-radius:12px;font-size:.75rem;line-height:1}.video-card__tag--empty{background-color:transparent;color:var(--text-muted);border:1px dashed var(--border-color);display:inline-flex;align-items:center;gap:4px;padding:3px 10px}.video-card__actions{display:flex;gap:var(--spacing-xs);padding-top:var(--spacing-sm);border-top:1px solid var(--border-color)}.video-card__action-btn{flex:1;padding:var(--spacing-sm);background-color:transparent;border:none;color:var(--text-secondary);cursor:pointer;border-radius:var(--border-radius-sm);font-size:.875rem;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:4px}.video-card__action-btn:hover{background-color:var(--bg-surface-hover);color:var(--primary)}.video-card__action-btn i{font-size:.875rem}.video-list-skeleton__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--spacing-lg)}.video-card-skeleton{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--border-radius);overflow:hidden}.video-card-skeleton__thumbnail{width:100%;padding-top:56.25%;background:linear-gradient(90deg,var(--bg-surface) 0,var(--bg-surface-hover) 50%,var(--bg-surface) 100%);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite}.video-card-skeleton__info{padding:var(--spacing-md)}.video-card-skeleton__title{height:20px;background:linear-gradient(90deg,var(--bg-surface) 0,var(--bg-surface-hover) 50%,var(--bg-surface) 100%);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite;border-radius:4px;margin-bottom:var(--spacing-sm)}.video-card-skeleton__subtitle{height:16px;width:60%;background:linear-gradient(90deg,var(--bg-surface) 0,var(--bg-surface-hover) 50%,var(--bg-surface) 100%);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite;border-radius:4px}@keyframes skeleton-loading{0%{background-position:200% 0}100%{background-position:-200% 0}}@media (max-width:768px){.video-list-skeleton__grid,.video-list__grid{grid-template-columns:1fr}.video-list__toolbar{flex-direction:column;align-items:stretch}.video-list__toolbar-actions{width:100%;justify-content:space-between}}.custom-audio-player{display:flex;align-items:center;background-color:var(--bg-surface-hover);border:1px solid var(--border-color);border-radius:9999px;padding:.5rem 1rem;gap:1rem;width:100%;max-width:400px;height:48px;box-sizing:border-box;transition:border-color .2s}.custom-audio-player:hover{border-color:var(--primary)}.custom-audio-player__btn{background:var(--primary);color:#fff;border:none;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:background .2s}.custom-audio-player__btn:hover{background:var(--primary-hover)}.custom-audio-player__btn i{font-size:.8rem;margin-left:2px}.custom-audio-player__btn i.fa-pause{margin-left:0}.custom-audio-player__progress{flex:1;display:flex;align-items:center;gap:.5rem}.custom-audio-player__time{font-size:.75rem;color:var(--text-secondary);font-variant-numeric:tabular-nums;min-width:35px;text-align:center}.custom-audio-player__slider{-webkit-appearance:none;width:100%;height:4px;background:rgba(255,255,255,.1);border-radius:2px;outline:0;cursor:pointer;position:relative;flex:1}.custom-audio-player__slider::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;background:var(--text-primary);border-radius:50%;transition:transform .1s}.custom-audio-player__slider::-webkit-slider-thumb:hover{transform:scale(1.2);background:var(--primary)}.custom-audio-player__slider::-moz-range-thumb{width:12px;height:12px;border:none;background:var(--text-primary);border-radius:50%;transition:transform .1s}.custom-audio-player__slider::-moz-range-track{background:rgba(255,255,255,.1);height:4px;border-radius:2px}.custom-audio-player__slider:focus::-webkit-slider-thumb{box-shadow:0 0 0 4px rgba(59,130,246,.2)}.dialog-overlay{position:fixed;inset:0;background-color:rgba(0,0,0,.6);backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg);opacity:0;transition:opacity .3s cubic-bezier(.4, 0, .2, 1)}.dialog-overlay--visible{opacity:1}.dialog{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:0 20px 60px rgba(0,0,0,.4);width:100%;max-width:480px;max-height:90vh;display:flex;flex-direction:column;transform:scale(.9) translateY(-20px);transition:transform .3s cubic-bezier(.4, 0, .2, 1)}.dialog-overlay--visible .dialog{transform:scale(1) translateY(0)}.dialog--component{max-width:800px}.dialog__header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);border-bottom:1px solid var(--border-color);font-size:1.125rem;font-weight:600;color:var(--text-primary)}.dialog__close{background:0 0;border:none;color:var(--text-secondary);cursor:pointer;font-size:1.25rem;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--border-radius-sm);transition:all .2s}.dialog__close:hover{background-color:var(--bg-surface-hover);color:var(--text-primary)}.dialog__body{padding:var(--spacing-lg);overflow-y:auto;flex:1}.dialog__message{color:var(--text-primary);line-height:1.6;font-size:.9375rem}.dialog__content{color:var(--text-primary)}.dialog__input-wrapper{margin-top:var(--spacing-md)}.dialog__input{width:100%;background-color:rgba(30,41,59,.5);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);color:var(--text-primary);padding:10px 14px;font-size:.875rem;outline:0;transition:all .2s}.dialog__input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.dialog__footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--spacing-sm);padding:var(--spacing-lg);border-top:1px solid var(--border-color)}.dialog__btn{padding:10px 20px;border-radius:var(--border-radius-sm);font-size:.875rem;font-weight:500;cursor:pointer;border:none;transition:all .2s;min-width:80px}.dialog__btn--default{background-color:transparent;border:1px solid var(--border-color);color:var(--text-primary)}.dialog__btn--default:hover{background-color:var(--bg-surface-hover)}.dialog__btn--primary{background-color:var(--primary);color:#fff}.dialog__btn--primary:hover{background-color:var(--primary-hover)}.toast-container{position:fixed;top:80px;left:50%;transform:translateX(-50%);z-index:2000;display:flex;flex-direction:column;gap:var(--spacing-sm);pointer-events:none}.toast{display:flex;align-items:center;gap:var(--spacing-sm);padding:12px 20px;background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:0 4px 12px rgba(0,0,0,.3);min-width:300px;max-width:500px;pointer-events:auto;animation:toast-enter .3s cubic-bezier(.4,0,.2,1)}.toast.is-leaving{animation:toast-exit .3s cubic-bezier(.4,0,.2,1)}@keyframes toast-enter{from{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes toast-exit{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}.toast__icon{font-size:1.125rem;flex-shrink:0}.toast__content{flex:1;color:var(--text-primary);font-size:.875rem}.toast--success{border-left:3px solid var(--success)}.toast--success .toast__icon{color:var(--success)}.toast--error{border-left:3px solid var(--danger)}.toast--error .toast__icon{color:var(--danger)}.toast--warning{border-left:3px solid var(--warning)}.toast--warning .toast__icon{color:var(--warning)}.toast--info{border-left:3px solid var(--info)}.toast--info .toast__icon{color:var(--info)}.notification-box{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:0 4px 12px rgba(0,0,0,.3);padding:var(--spacing-md);position:relative;overflow:hidden;animation:notification-enter .3s cubic-bezier(.4,0,.2,1)}.notification-box--exit{animation:notification-exit .3s cubic-bezier(.4,0,.2,1)}@keyframes notification-enter{from{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes notification-exit{from{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100%)}}.notification-box__status-indicator{position:absolute;left:0;top:0;bottom:0;width:4px}.notification-box--success .notification-box__status-indicator{background-color:var(--success)}.notification-box--error .notification-box__status-indicator{background-color:var(--danger)}.notification-box--warning .notification-box__status-indicator{background-color:var(--warning)}.notification-box--info .notification-box__status-indicator{background-color:var(--info)}.notification-box__title{font-weight:600;font-size:.9375rem;color:var(--text-primary);margin-bottom:var(--spacing-sm);padding-left:var(--spacing-sm)}.notification-box__content-container{padding-left:var(--spacing-sm)}.notification-box__content{color:var(--text-secondary);font-size:.875rem;line-height:1.5}.notification-box__progress{margin-top:var(--spacing-sm)}.notification-box__progress-track{position:relative;height:20px;background-color:rgba(30,41,59,.5);border-radius:10px;overflow:hidden}.notification-box__progress-bar{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(90deg,var(--primary),var(--primary-hover));transition:width .3s}.notification-box__progress-text{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:.75rem;font-weight:600;color:var(--text-primary);z-index:1}.notification-box__close{position:absolute;right:var(--spacing-sm);top:var(--spacing-sm);background:0 0;border:none;color:var(--text-secondary);cursor:pointer;font-size:1.5rem;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:var(--border-radius-sm);transition:all .2s;line-height:1}.notification-box__close:hover{background-color:var(--bg-surface-hover);color:var(--text-primary)}@media (max-width:600px){.dialog-overlay{padding:var(--spacing-sm)}.dialog{max-width:100%}.toast{min-width:auto;max-width:calc(100vw - 40px)}.notification-container{width:calc(100vw - 40px)!important;right:20px!important}}.form-section{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--border-radius);margin-bottom:var(--spacing-lg);transition:border-color .3s ease,box-shadow .3s ease;position:relative;overflow:hidden;padding:var(--spacing-sm)}.form-section:hover{border-color:rgba(59,130,246,.2);box-shadow:0 0 20px rgba(0,0,0,.2)}.form-section__header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);background:rgba(15,23,42,.6);border-bottom:1px solid var(--border-color)}.form-section__title{font-size:1rem;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:var(--spacing-sm);margin:0;letter-spacing:.02em}.form-section__title i{color:var(--primary);font-size:1.1em}.form-section__description{font-size:.875rem;color:var(--text-secondary);margin:0}.form-section__body{padding:var(--spacing-lg)}.form-group{margin-bottom:var(--spacing-lg)}.form-group:last-child{margin-bottom:0}.form-label{display:flex;align-items:center;gap:var(--spacing-xs);font-size:.875rem;font-weight:600;color:var(--text-secondary);margin-bottom:.6rem;letter-spacing:.02em}.form-label--required::after{content:"*";color:var(--danger);font-size:1.1em;line-height:1}.form-control,.form-input{display:block;width:100%;padding:.75rem 1rem;font-size:.9375rem;font-family:inherit;line-height:1.5;color:var(--text-primary);background-color:rgba(2,6,23,.6);background-clip:padding-box;border:1px solid var(--border-color);border-radius:var(--border-radius-sm);transition:all .2s cubic-bezier(.4, 0, .2, 1);outline:0;box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}.form-control:hover,.form-input:hover{border-color:var(--text-muted);background-color:rgba(2,6,23,.8)}.form-control:focus,.form-input:focus{background-color:#020617;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light),inset 0 1px 2px rgba(0,0,0,.1)}.form-control::placeholder,.form-input::placeholder{color:var(--text-muted);opacity:.7}.form-control:disabled,.form-control[readonly],.form-input:disabled,.form-input[readonly]{background-color:rgba(15,23,42,.4);color:var(--text-muted);border-color:transparent;cursor:not-allowed;box-shadow:none}textarea.form-control,textarea.form-input{min-height:120px;resize:vertical}select.form-control,select.form-input{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='%2394a3b8'%3e%3cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 1rem center;background-size:1.25rem;padding-right:2.5rem}.input-with-icon{position:relative;display:flex;align-items:center}.input-with-icon .form-control,.input-with-icon .form-input{padding-right:3rem}.input-icon-btn{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);width:2rem;height:2rem;border-radius:50%;border:none;background:0 0;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;font-size:1rem}.input-icon-btn:hover{background-color:var(--primary-light);color:var(--primary)}.validation-message{font-size:.8125rem;color:var(--danger);margin-top:.5rem;display:flex;align-items:center;gap:.375rem;animation:fadeIn .3s ease-out}.validation-message::before{content:"!";display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;background-color:rgba(239,68,68,.2);color:var(--danger);font-size:.75rem;font-weight:700}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:600;line-height:1.5;border-radius:var(--border-radius-sm);border:1px solid transparent;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,background-color .12s ease;white-space:nowrap;user-select:none;-webkit-tap-highlight-color:transparent}.btn-primary{background:linear-gradient(135deg,var(--primary),#2563eb);color:#fff;border:1px solid transparent;box-shadow:0 4px 6px -1px rgba(59,130,246,.3)}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-1px);box-shadow:0 6px 8px -1px rgba(59,130,246,.4)}.btn-primary:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 4px -1px rgba(59,130,246,.3)}.btn-secondary{background-color:rgba(30,41,59,.4);color:var(--text-secondary);border:1px solid var(--border-color)}.btn-secondary:hover:not(:disabled){background-color:rgba(59,130,246,.1);color:var(--primary);border-color:rgba(59,130,246,.3)}.btn-success{background:linear-gradient(135deg,var(--success),#059669);color:#fff;box-shadow:0 4px 6px -1px rgba(16,185,129,.3)}.btn-success:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px)}.btn-danger{background:linear-gradient(135deg,var(--danger),#dc2626);color:#fff;box-shadow:0 4px 6px -1px rgba(239,68,68,.3)}.btn-danger:hover:not(:disabled){filter:brightness(1.06);transform:translateY(-1px);box-shadow:0 6px 10px -1px rgba(239,68,68,.35)}.btn-icon{padding:0;width:2.25rem;height:2.25rem;min-width:2.25rem;min-height:2.25rem;border-radius:8px;border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;background:0 0;color:var(--text-secondary);cursor:pointer;flex-shrink:0;transition:all .2s ease;font-size:1rem;line-height:1}.btn-icon:hover:not(:disabled){background-color:rgba(59,130,246,.06);color:var(--primary);border-color:rgba(59,130,246,.1);transform:translateY(-1px)}.btn-icon:active:not(:disabled){transform:translateY(0)}.btn-icon:disabled{opacity:.5;cursor:not-allowed}.btn-icon i{display:flex;align-items:center;justify-content:center}.btn-loading{display:inline-flex;align-items:center;gap:.5rem}.btn-loading__spinner{width:16px;height:16px;border-radius:50%;border:2px solid rgba(255,255,255,.12);border-top-color:rgba(255,255,255,.9);animation:btn-spin .8s linear infinite}@keyframes btn-spin{to{transform:rotate(360deg)}}.btn-lg{padding:.75rem 1.5rem;font-size:1rem}.btn-sm{padding:.375rem .75rem;font-size:.75rem}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important;box-shadow:none!important}.app-layout{display:flex;min-height:100vh}.app-sidebar{width:var(--sidebar-width);background-color:var(--bg-surface);border-right:1px solid var(--border-color);position:fixed;height:100vh;left:0;top:0;z-index:50;overflow-y:auto;transition:transform .3s cubic-bezier(.4, 0, .2, 1)}.app-sidebar__header{height:var(--header-height);display:flex;align-items:center;padding:0 var(--spacing-md);border-bottom:1px solid var(--border-color)}.app-sidebar__logo{display:flex;align-items:center;gap:var(--spacing-sm);font-size:1.25rem;font-weight:700;color:var(--text-primary)}.app-sidebar__logo img{height:32px;width:auto}.app-sidebar__nav{padding:var(--spacing-md) var(--spacing-sm)}.app-main{flex:1;margin-left:var(--sidebar-width);display:flex;flex-direction:column;min-width:0}.app-header{height:var(--header-height);background-color:rgba(15,23,42,.8);backdrop-filter:blur(8px);border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:space-between;padding:0 var(--spacing-lg);overflow:visible}.app-content{padding:var(--spacing-lg);flex:1}.nav-group__title{padding:var(--spacing-sm) var(--spacing-md);font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-top:var(--spacing-md)}.nav-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-sm);color:var(--text-secondary);margin-bottom:2px}.nav-item:hover{background-color:var(--bg-surface-hover);color:var(--text-primary)}.nav-item.active{background-color:var(--primary);color:#fff}.nav-item i{width:20px;text-align:center}@media (max-width:768px){.app-sidebar{transform:translateX(-100%)}.app-sidebar.is-open{transform:translateX(0)}.app-main{margin-left:0}.app-header__toggle{display:block}.hidden-sm-down{display:none!important}.user-profile span{max-width:100px}}@media (min-width:769px){.app-header__toggle{display:inline-flex}.app-sidebar.is-open{transform:translateX(-100%)}.app-main.is-open{margin-left:0}}.person-card{padding:var(--spacing-md);background-color:transparent}.person-card__header{display:flex;align-items:center;gap:var(--spacing-md)}.person-card__avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;background-color:var(--bg-surface-hover);display:flex;align-items:center;justify-content:center}.person-card__avatar img{width:100%;height:100%;object-fit:cover}.person-card__content{flex:1;min-width:0}.person-card__name{font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.person-card__sign{font-size:.75rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.badge{display:inline-block;padding:2px 8px;border-radius:12px;font-size:.75rem;font-weight:600;background-color:var(--bg-surface-hover);color:var(--text-secondary)}.badge-secondary{background-color:rgba(255,255,255,.1);color:var(--text-primary)}.list-group{display:flex;flex-direction:column;gap:var(--spacing-sm)}.list-group-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm);border-radius:var(--border-radius-sm);background-color:rgba(255,255,255,.02)}.text-truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dropdown{position:relative;display:inline-block}.dropdown-menu{position:absolute;top:100%;right:0;margin-top:var(--spacing-sm);background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--shadow-lg);min-width:200px;max-width:280px;z-index:100;padding:var(--spacing-xs) 0;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .2s cubic-bezier(.4, 0, .2, 1);pointer-events:none}.dropdown-menu::before{content:'';position:absolute;top:calc(-1 * var(--spacing-sm));left:0;right:0;height:var(--spacing-sm)}@media (min-width:769px){.dropdown-menu:hover,.dropdown:hover .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}}.dropdown.active .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}.dropdown-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);color:var(--text-secondary);transition:background-color .15s;font-size:.875rem;text-decoration:none;cursor:pointer;background:0 0;border:none;width:100%}.dropdown-item:hover{background-color:var(--bg-surface-hover);color:var(--text-primary)}.dropdown-item i{width:20px;text-align:center}.carousel{position:relative;height:320px;border-radius:var(--border-radius);overflow:hidden;background-color:var(--bg-surface)}.carousel-slide{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;opacity:0;transition:opacity .5s ease-in-out;pointer-events:none}.carousel-slide.active{opacity:1;pointer-events:auto}.carousel-slide img{width:100%;height:100%;object-fit:cover}.carousel-caption{position:absolute;bottom:0;left:0;right:0;padding:var(--spacing-md);background:linear-gradient(to top,rgba(0,0,0,.8),transparent);color:#fff}.carousel-caption h4{margin:0;font-size:1rem;font-weight:500}.user-profile{padding:6px 12px;border-radius:99px;transition:background-color .2s}.user-profile:hover{background-color:var(--bg-surface-hover)}.user-profile span{max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-block}.page-title{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin:0 0 var(--spacing-sm) 0}.page-description{color:var(--text-secondary);margin:0 0 var(--spacing-lg) 0;font-size:.9375rem}.article-list__header{margin-bottom:var(--spacing-lg)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-body)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--bg-surface-hover)}#blazor-error-ui{display:none!important}.app-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:rgba(0,0,0,.5);z-index:45;opacity:0;display:none;pointer-events:none;transition:opacity .3s ease}.app-overlay.is-visible{opacity:1;pointer-events:auto}@media (max-width:768px){.app-sidebar{transform:translateX(-100%)}.app-sidebar.is-open{transform:translateX(0);box-shadow:var(--shadow-lg)}.app-overlay{display:block}.app-header__actions .dropdown{position:static}.app-header__actions .dropdown-menu{position:fixed;right:8px;left:8px;top:var(--header-height);width:auto;max-width:none;min-width:unset;max-height:calc(100vh - var(--header-height) - 16px);overflow-y:auto;overflow-x:hidden;white-space:normal;margin-top:8px;pointer-events:auto}.dropdown.active .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}.dropdown-item{display:flex;align-items:flex-start;gap:10px;white-space:normal;word-wrap:break-word;overflow-wrap:break-word;padding:10px 14px;font-size:.875rem;line-height:1.5;cursor:pointer;-webkit-tap-highlight-color:transparent}.dropdown-item i{flex-shrink:0;width:20px;min-width:20px;margin-top:2px}.app-header{overflow:visible}.app-header__actions{overflow:visible}}.app-loading{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--bg-body);display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:9999;color:var(--text-primary);font-family:'Fira Code',monospace}.app-loading__content{display:flex;flex-direction:column;align-items:center;gap:2rem;position:relative}.app-loading__title{font-size:2.5rem;font-weight:700;letter-spacing:-.05em;position:relative;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,0.3)}.app-loading__title::before{content:attr(data-text);position:absolute;left:0;top:0;width:var(--blazor-load-percentage,0%);height:100%;color:var(--primary);overflow:hidden;white-space:nowrap;transition:width .1s linear}@media (max-width:768px){.app-loading__title{font-size:1.5rem}}.app-loading__progress-container{width:300px;height:4px;background:rgba(255,255,255,.1);border-radius:4px;overflow:hidden;position:relative;box-shadow:0 0 10px rgba(0,0,0,.5)}.app-loading__progress-bar{height:100%;background:linear-gradient(90deg,var(--primary),var(--info));width:var(--blazor-load-percentage,0%);box-shadow:0 0 10px var(--primary);transition:width .1s linear;position:relative}.app-loading__progress-bar::after{content:'';position:absolute;top:0;left:0;bottom:0;right:0;background-image:linear-gradient(-45deg,rgba(255,255,255,0) 25%,rgba(255,255,255,.2) 50%,rgba(255,255,255,0) 75%);background-size:50px 50px;animation:shimmer 1s linear infinite}@keyframes shimmer{0%{background-position:0 0}100%{background-position:50px 50px}}.app-loading__text{font-size:.875rem;color:var(--text-secondary);margin-top:.5rem;height:1.5rem}.app-loading__text::after{content:var(--blazor-load-percentage-text, "Initialize...");font-weight:500;color:var(--text-primary)}.app-loading__version{font-size:.75rem;color:var(--text-muted);font-weight:400;letter-spacing:.05em;margin-top:.5rem;opacity:.7}.app-loading__circle{position:absolute;border-radius:50%;background:radial-gradient(circle,var(--primary-light) 0,transparent 70%);filter:blur(20px);z-index:-1;opacity:.5;animation:float 6s ease-in-out infinite}.app-loading__circle--1{width:400px;height:400px;top:-100px;right:-100px;animation-delay:0s}.app-loading__circle--2{width:300px;height:300px;bottom:-50px;left:-50px;background:radial-gradient(circle,rgba(16,185,129,.1) 0,transparent 70%);animation-delay:-3s}@keyframes float{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-20px) scale(1.05)}}.markdown-editor-container{position:relative}.editor-loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1000;border-radius:4px;gap:var(--spacing-sm)}.editor-loading-spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:editor-spinner-rotate 1s ease-in-out infinite}.editor-loading-text{color:#fff;font-size:.875rem;font-weight:500}.editor-loading-progress{width:220px;height:8px;background:rgba(255,255,255,.2);border-radius:4px;overflow:hidden}.editor-loading-progress-bar{height:100%;background:linear-gradient(90deg,var(--primary),#06b6d4);transition:width .2s ease}.editor-loading-progress-text{color:rgba(255,255,255,.9);font-size:.8125rem;font-weight:600}@keyframes editor-spinner-rotate{to{transform:rotate(360deg)}}.pagination{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);background-color:var(--bg-surface);border:1px solid var(--border-color);border-top:none;border-radius:0 0 var(--border-radius) var(--border-radius);flex-wrap:wrap;gap:var(--spacing-md)}.pagination__info{font-size:.875rem;color:var(--text-secondary)}.pagination__controls{display:flex;align-items:center;gap:var(--spacing-sm)}.pagination__nav{display:flex;gap:var(--spacing-xs)}.pagination__button{background-color:transparent;border:1px solid var(--border-color);border-radius:var(--border-radius-sm);color:var(--text-primary);padding:8px 12px;font-size:.875rem;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:6px}.pagination__button:hover:not(:disabled){background-color:var(--bg-surface-hover);border-color:var(--primary);color:var(--primary)}.pagination__button:disabled{opacity:.5;cursor:not-allowed}.pagination__button--active{background-color:var(--primary);border-color:var(--primary);color:#fff}.pagination__button--active:hover{background-color:var(--primary-hover);border-color:var(--primary-hover)}.pagination__pages{display:flex;gap:4px}.pagination__page{min-width:36px;height:36px;padding:0 8px;display:inline-flex;align-items:center;justify-content:center}.pagination__ellipsis{padding:8px;color:var(--text-muted)}.pagination__mobile-simple{display:none}.pagination__button-text{display:inline}@media (max-width:960px){.pagination__button-text{display:none}.pagination__button{padding:8px}}@media (max-width:600px){.pagination{padding:var(--spacing-md) var(--spacing-sm)}.pagination__info{width:100%;text-align:center;order:1;font-size:.8125rem}.pagination__controls{display:none}.pagination__mobile-simple{display:flex;align-items:center;justify-content:space-between;width:100%;gap:var(--spacing-md);order:2}.pagination__mobile-simple .pagination__button{min-width:44px;height:44px;padding:0;justify-content:center;font-size:1.125rem}.pagination__current{flex:1;text-align:center;font-size:.9375rem;font-weight:500;color:var(--text-primary)}}.skeleton{background:linear-gradient(90deg,rgba(30,41,59,.5) 25%,rgba(51,65,85,.5) 50%,rgba(30,41,59,.5) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite;border-radius:var(--border-radius-sm)}@keyframes skeleton-loading{0%{background-position:200% 0}100%{background-position:-200% 0}}.skeleton--text{height:16px;margin-bottom:var(--spacing-sm)}.skeleton--text-lg{height:20px;margin-bottom:var(--spacing-sm)}.skeleton--title{height:42px;margin-bottom:var(--spacing-md)}.skeleton--input{height:48px;margin-bottom:var(--spacing-lg)}.skeleton--textarea{height:120px;margin-bottom:var(--spacing-lg)}.skeleton--select{height:120px;margin-bottom:var(--spacing-lg)}.skeleton--button{height:40px;width:105px;display:inline-block;margin-right:var(--spacing-md)}.skeleton--avatar{width:40px;height:40px;border-radius:50%}.skeleton--avatar-lg{width:64px;height:64px;border-radius:50%}.skeleton--card{height:200px;border-radius:var(--border-radius)}.skeleton--editor{height:500px}.skeleton--full{width:100%}.skeleton--half{width:50%}.skeleton--third{width:33.333%}.skeleton--quarter{width:25%}.skeleton-table{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--border-radius);overflow:hidden}.skeleton-table__header{display:flex;gap:var(--spacing-md);padding:var(--spacing-md);background-color:rgba(30,41,59,.5);border-bottom:1px solid var(--border-color)}.skeleton-table__row{display:flex;gap:var(--spacing-md);padding:var(--spacing-md);border-bottom:1px solid var(--border-color)}.skeleton-table__row:last-child{border-bottom:none}.skeleton-table__cell{flex:1}.skeleton-cards{display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.skeleton-card{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:var(--spacing-lg)}.skeleton-card__header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.skeleton-card__body{display:flex;flex-direction:column;gap:var(--spacing-sm)}.skeleton-card__footer{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--border-color);display:flex;gap:var(--spacing-sm)}.skeleton-list{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--border-radius);overflow:hidden}.skeleton-list__item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);border-bottom:1px solid var(--border-color)}.skeleton-list__item:last-child{border-bottom:none}.skeleton-list__content{flex:1;display:flex;flex-direction:column;gap:var(--spacing-xs)}.article-list-skeleton{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--border-radius);overflow:hidden}.article-list-skeleton__toolbar{padding:var(--spacing-md);border-bottom:1px solid var(--border-color);display:flex;gap:var(--spacing-md);justify-content:space-between}.article-list-skeleton__table{overflow-x:auto}.article-list-skeleton__row{display:grid;grid-template-columns:2fr 1fr 0.8fr 0.8fr 1.2fr 0.8fr 0.6fr 1.2fr 1.2fr 1.2fr;gap:var(--spacing-md);padding:var(--spacing-md);border-bottom:1px solid var(--border-color);align-items:center}.article-list-skeleton__row:last-child{border-bottom:none}@media (max-width:960px){.article-list-skeleton__row{display:none}.article-list-skeleton__mobile-card{display:block;padding:var(--spacing-md);border-bottom:1px solid var(--border-color)}.article-list-skeleton__mobile-card:last-child{border-bottom:none}.article-list-skeleton__mobile-header{display:flex;justify-content:space-between;align-items:start;margin-bottom:var(--spacing-sm)}.article-list-skeleton__mobile-body{display:flex;flex-direction:column;gap:var(--spacing-xs)}.article-list-skeleton__mobile-footer{margin-top:var(--spacing-sm);padding-top:var(--spacing-sm);border-top:1px solid var(--border-color);display:flex;gap:var(--spacing-sm)}}@media (min-width:961px){.article-list-skeleton__mobile-card{display:none}}@media (max-width:768px){.skeleton-cards{grid-template-columns:1fr}}.tag-selector-component{width:100%}.tag-selector-component__label{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;font-size:.875rem;font-weight:500;color:var(--text-primary)}.tag-selector-component__label i{color:var(--primary);font-size:.9375rem}.tag-selector-component__add{margin-top:1rem}.tag-selector-component__add-label{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:.875rem;font-weight:500;color:var(--text-primary);cursor:default}.tag-selector-component__add-label i{color:var(--primary);font-size:.9375rem}.tag-selector-component__input-wrapper{display:flex;gap:var(--spacing-sm);align-items:stretch}.tag-selector-component__input{flex:1;padding:.625rem .875rem;background-color:var(--bg-elevated);border:1px solid var(--border-color);border-radius:var(--border-radius);color:var(--text-primary);font-size:.9375rem;transition:all .2s;outline:0}.tag-selector-component__input::placeholder{color:var(--text-muted)}.tag-selector-component__input:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(59,130,246,.1)}.tag-selector-component__input:disabled{opacity:.6;cursor:not-allowed;background-color:rgba(30,41,59,.3)}.tag-selector-component__add-btn{display:flex;align-items:center;justify-content:center;min-width:48px;padding:0 var(--spacing-md);background:var(--primary);color:#fff;border:none;border-radius:var(--border-radius);cursor:pointer;transition:all .2s;font-size:1rem;flex-shrink:0}.tag-selector-component__add-btn:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 2px 8px rgba(59,130,246,.3)}.tag-selector-component__add-btn:active{transform:translateY(0);box-shadow:0 1px 4px rgba(59,130,246,.2)}.tag-selector-component__add-btn i{font-size:1rem}.tag-selector-component__helper{display:flex;align-items:center;gap:.375rem;margin-top:.5rem;font-size:.8125rem;color:var(--text-secondary)}.tag-selector-component__helper i{font-size:.75rem}@media (max-width:600px){.tag-selector-component__label{font-size:.8125rem;margin-bottom:.625rem}.tag-selector-component__add-label{font-size:.8125rem;margin-bottom:.375rem}.tag-selector-component__input-wrapper{gap:var(--spacing-xs)}.tag-selector-component__input{padding:.5rem .75rem;font-size:.875rem}.tag-selector-component__add-btn{min-width:44px;padding:0 var(--spacing-sm);font-size:.9375rem}.tag-selector-component__helper{font-size:.75rem;margin-top:.375rem}}@media (max-width:600px) and (hover:none){.tag-selector-component__input{font-size:16px}.tag-selector-component__add-btn{min-height:44px}}.tag{display:inline-flex;align-items:center;justify-content:center;padding:.25rem .625rem;font-size:.75rem;font-weight:600;line-height:normal;border-radius:9999px;transition:all .2s cubic-bezier(.4, 0, .2, 1);white-space:nowrap;border:1px solid transparent;gap:.25rem}.tag--default{background-color:rgba(30,41,59,.8);color:var(--text-secondary);border-color:var(--border-color)}.tag--primary{background:rgba(59,130,246,.15);color:var(--primary);border-color:rgba(59,130,246,.3)}.tag--success{background:rgba(16,185,129,.15);color:var(--success);border-color:rgba(16,185,129,.3)}.tag--warning{background:rgba(245,158,11,.15);color:var(--warning);border-color:rgba(245,158,11,.3)}.tag--danger{background:rgba(239,68,68,.15);color:var(--danger);border-color:rgba(239,68,68,.3)}.tag--info{background:rgba(6,182,212,.15);color:var(--info);border-color:rgba(6,182,212,.3)}.tag--interactive{cursor:pointer;user-select:none}.tag--interactive:hover{transform:translateY(-1px);box-shadow:0 2px 4px rgba(0,0,0,.1)}.tag-selector{display:flex;flex-wrap:wrap;gap:.5rem;padding:.25rem 0}.tag-selector__item{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .875rem;background-color:rgba(30,41,59,.4);border:1px solid var(--border-color);border-radius:9999px;color:var(--text-secondary);font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .2s ease;user-select:none;outline:0}.tag-selector__item:hover{background-color:rgba(59,130,246,.1);color:var(--primary);border-color:rgba(59,130,246,.3);transform:translateY(-1px)}.tag-selector__item:active{transform:translateY(0)}.tag-selector__item--active{background-color:rgba(59,130,246,.15);border-color:var(--primary);color:var(--primary);box-shadow:0 0 0 1px var(--primary-light)}.tag-selector__item--active:hover{background-color:rgba(59,130,246,.25);color:#60a5fa;border-color:var(--primary)}.tag-selector__item i{font-size:.9em;opacity:.8}.tag-selector__item--active i{opacity:1}.tag__close{width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-left:2px;cursor:pointer;opacity:.6;transition:all .2s}.tag__close:hover{background-color:rgba(0,0,0,.2);opacity:1}:root{--bg-body:#020617;--bg-surface:#0f172a;--bg-surface-hover:#1e293b;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--primary:#3b82f6;--primary-hover:#2563eb;--primary-light:rgba(59, 130, 246, 0.1);--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--info:#06b6d4;--border-color:#1e293b;--border-radius:12px;--border-radius-sm:6px;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--sidebar-width:260px;--header-height:64px;--shadow-sm:0 1px 2px 0 rgb(0 0 0 / 0.05);--shadow-md:0 4px 6px -1px rgb(0 0 0 / 0.1),0 2px 4px -2px rgb(0 0 0 / 0.1);--shadow-lg:0 10px 15px -3px rgb(0 0 0 / 0.1),0 4px 6px -4px rgb(0 0 0 / 0.1)}*,::after,::before{box-sizing:border-box}body{background-color:var(--bg-body);color:var(--text-primary);font-family:Roboto,Inter,system-ui,-apple-system,sans-serif;margin:0;line-height:1.5}a{text-decoration:none;color:inherit;transition:color .2s}ul{list-style:none;padding:0;margin:0}img{max-width:100%;display:block}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-4{gap:1rem}.p-4{padding:1rem}.mt-4{margin-top:1rem}.text-sm{font-size:.875rem}.font-bold{font-weight:700}.w-100{width:100%}@media (max-width:768px){:root{--spacing-md:12px;--spacing-lg:16px;--spacing-xl:20px;--text-lg:2rem}}.code-toolbar{width:fit-content}.preview-content img{max-width:100%}mark{background-color:transparent;font-weight:700;color:#8881ff}.dismiss{color:var(--text-primary);cursor:pointer}.line-highlight{margin-top:1em!important}.monaco-editor{height:800px;width:100%}.markdown-body ol,.markdown-body ul{display:block;list-style:disc outside none;margin:1em 0;padding:0 0 0 40px}.markdown-body ol{list-style-type:decimal}.markdown-body li{display:list-item}.markdown-body ol ul,.markdown-body ul ul{list-style-type:circle;margin-left:15px}.markdown-body ol ol,.markdown-body ul ol{list-style-type:lower-latin;margin-left:15px}
/*# sourceMappingURL=global.min.e8456e41.css.map */