@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400&display=swap";:root{--color-primary: #FFC000;--color-primary-light: #FFD040;--color-primary-lighter: rgba(255, 192, 0, .1);--color-primary-dark: #E5AC00;--color-brand-gold: #FFC000;--color-brand-gold-light: rgba(255, 192, 0, .08);--color-brand-gold-hover: #FFD040;--color-brand-gray: #606060;--color-brand-gray-light: #8a8a8a;--color-sidebar: #606060;--color-success: #52c41a;--color-success-light: #73d13d;--color-success-lighter: #f6ffed;--color-success-border: #b7eb8f;--color-success-dark: #389e0d;--color-warning: #faad14;--color-warning-light: #ffc53d;--color-warning-lighter: #fffbe6;--color-warning-border: #ffe58f;--color-warning-dark: #d48806;--color-danger: #ff4d4f;--color-danger-light: #ff7875;--color-danger-lighter: #fff2f0;--color-danger-border: #ffa39e;--color-danger-dark: #cf1322;--color-error: #ff4d4f;--color-error-light: #ff7875;--color-error-lighter: #fff2f0;--color-info: #1890ff;--color-info-light: #40a9ff;--color-info-lighter: #e6f7ff;--color-info-border: #91d5ff;--color-info-dark: #096dd9;--color-text-primary: #1a1a1a;--color-text-secondary: #333333;--color-text-tertiary: #666666;--color-text-quaternary: #999999;--color-text-placeholder: #bfbfbf;--color-bg-page: #f0f2f5;--color-bg-container: #ffffff;--color-bg-secondary: #fafafa;--color-bg-tertiary: #f5f5f5;--color-bg-input: #ffffff;--color-bg-elevated: #ffffff;--color-border: #d9d9d9;--color-border-light: #e8e8e8;--color-border-lighter: #f0f0f0;--color-white: #ffffff;--color-black: #0a0b0e;--color-overlay-light: rgba(0, 0, 0, .06);--color-overlay-medium: rgba(0, 0, 0, .12);--color-overlay-dark: rgba(0, 0, 0, .3);--color-overlay-heavy: rgba(0, 0, 0, .55);--color-bg-hover: rgba(0, 0, 0, .03);--gradient-gold: linear-gradient(135deg, #FFC000 0%, #E5AC00 100%);--gradient-danger: linear-gradient(135deg, #ff4d4f 0%, #cf1322 100%);--gradient-primary: linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-dark) 100%);--gradient-surface: linear-gradient(180deg, #f5f5f5 0%, #ffffff 100%);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08), 0 1px 2px rgba(0, 0, 0, .06);--shadow-md: 0 4px 12px rgba(0, 0, 0, .1), 0 2px 4px rgba(0, 0, 0, .06);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .12), 0 4px 8px rgba(0, 0, 0, .08);--shadow-glow-gold: 0 0 20px rgba(255, 192, 0, .25);--shadow-glow-danger: 0 0 16px rgba(208, 64, 64, .15);--shadow-inset: inset 0 1px 0 rgba(255, 255, 255, .6);--color-on-primary: #333333;--color-sidebar-border: rgba(255, 255, 255, .12);--color-sidebar-divider: rgba(255, 255, 255, .15);--color-sidebar-text: #ffffff;--color-sidebar-text-muted: rgba(255, 255, 255, .75);--color-sidebar-hover-bg: rgba(255, 255, 255, .12);--color-sidebar-active-bg: rgba(255, 192, 0, .18);--color-gold-active-bg: rgba(255, 192, 0, .12);--color-gold-focus-ring: rgba(255, 192, 0, .25);--color-glass-bg: rgba(0, 0, 0, .04);--color-glass-border: rgba(0, 0, 0, .08);--color-glass-hover-bg: rgba(0, 0, 0, .07);--color-glass-hover-border: rgba(0, 0, 0, .12);--color-header-shadow: 0 1px 3px rgba(0, 0, 0, .08);--color-card-shadow: 0 2px 8px rgba(0, 0, 0, .08), 0 1px 3px rgba(0, 0, 0, .06);--color-modal-shadow: 0 20px 60px rgba(0, 0, 0, .12);--color-modal-overlay: rgba(0, 0, 0, .35);--font-family-display: "DM Sans", -apple-system, BlinkMacSystemFont, "PingFang SC", "Noto Sans SC", sans-serif;--font-family-body: -apple-system, BlinkMacSystemFont, "PingFang SC", "Noto Sans SC", "Segoe UI", sans-serif;--font-family-mono: "JetBrains Mono", "SF Mono", "Fira Code", monospace;--font-size-xs: 12px;--font-size-sm: 13px;--font-size-base: 14px;--font-size-md: 15px;--font-size-lg: 16px;--font-size-xl: 18px;--font-size-2xl: 20px;--font-size-3xl: 24px;--font-size-4xl: 28px;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 20px;--spacing-2xl: 24px;--spacing-3xl: 32px;--page-padding-xl: 48px;--page-padding-lg: 32px;--page-padding-md: 24px;--page-padding-sm: 16px;--transition-fast: .15s ease;--transition-normal: .2s ease;--transition-slow: .3s ease;--ease-out-quart: cubic-bezier(.25, 1, .5, 1);--z-base: 1;--z-widget: 10;--z-dropdown: 100;--z-fixed: 1000;--z-notification: 1001;--z-modal: 1050;--sidebar-width: 230px;--header-height: 64px}:root{font-family:var(--font-family-body);line-height:1.5;font-weight:400;color-scheme:light}*{margin:0;padding:0;box-sizing:border-box}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-sm)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-text-quaternary);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-tertiary)}body{margin:0;min-height:100vh;font-family:var(--font-family-body);background:var(--color-bg-page);color:var(--color-text-secondary);line-height:1.7;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100%}.admin-layout{min-height:100vh;background:var(--color-bg-page)}.main-content{margin-left:var(--sidebar-width);padding:var(--spacing-2xl) var(--page-padding-xl);padding-top:calc(var(--header-height) + var(--spacing-xl));min-height:100vh}.loading{display:flex;justify-content:center;align-items:center;height:100vh;font-size:var(--font-size-xl);color:var(--color-text-tertiary)}.not-found-page{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--color-bg-page);padding:var(--spacing-3xl)}.not-found-content{text-align:center;max-width:400px}.not-found-code{font-size:120px;font-weight:var(--font-weight-bold);font-family:var(--font-family-display);color:var(--color-primary);line-height:1;margin:0 0 var(--spacing-lg);opacity:.6}.not-found-message{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--spacing-md)}.not-found-hint{font-size:var(--font-size-base);color:var(--color-text-tertiary);margin:0 0 var(--spacing-2xl)}.not-found-link{display:inline-block;background:var(--color-primary);color:var(--color-on-primary);padding:var(--spacing-md) var(--spacing-2xl);border-radius:var(--radius-lg);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);text-decoration:none;transition:all var(--transition-normal)}.not-found-link:hover{background:var(--color-primary-light);transform:translateY(-2px);box-shadow:var(--shadow-glow-gold)}@media(max-width:1400px){.main-content{padding:var(--spacing-2xl) var(--page-padding-lg);padding-top:calc(var(--header-height) + var(--spacing-xl))}}@media(max-width:1024px){.main-content{margin-left:60px;padding-top:calc(var(--header-height) + var(--spacing-lg))}}@media(max-width:768px){.main-content{padding:var(--spacing-xl) var(--page-padding-md);padding-top:calc(var(--header-height) + var(--spacing-md))}}@media(max-width:600px){.main-content{margin-left:50px}}.sidebar{position:fixed;top:0;left:0;width:var(--sidebar-width);height:100vh;background:var(--color-sidebar);display:flex;flex-direction:column;z-index:var(--z-fixed);border-right:1px solid var(--color-sidebar-border)}.sidebar-logo{padding:var(--spacing-xl) var(--spacing-lg);display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);border-bottom:1px solid var(--color-sidebar-divider)}.logo-image{width:40px;height:40px;object-fit:contain;border-radius:var(--radius-sm)}.logo-text{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);font-family:var(--font-family-display);color:var(--color-sidebar-text);letter-spacing:.5px}.sidebar-nav{flex:1;padding:var(--spacing-lg) 0;display:flex;flex-direction:column;gap:var(--spacing-xs)}.sidebar-nav-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg) var(--spacing-xl);margin:0 var(--spacing-sm);border-radius:var(--radius-md);color:var(--color-sidebar-text-muted);text-decoration:none;font-size:var(--font-size-base);font-weight:var(--font-weight-normal);transition:all var(--transition-fast);opacity:0;transform:translate(-8px);animation:sidebar-item-in .3s var(--ease-out-quart) forwards}.sidebar-nav-item:nth-child(1){animation-delay:.05s}.sidebar-nav-item:nth-child(2){animation-delay:.1s}.sidebar-nav-item:nth-child(3){animation-delay:.15s}.sidebar-nav-item:nth-child(4){animation-delay:.2s}.sidebar-nav-item:nth-child(5){animation-delay:.25s}.sidebar-nav-item:nth-child(6){animation-delay:.3s}@keyframes sidebar-item-in{to{opacity:1;transform:translate(0)}}.sidebar-nav-item:hover{background:var(--color-sidebar-hover-bg);color:var(--color-sidebar-text)}.sidebar-nav-item.active{background:var(--color-sidebar-active-bg);color:var(--color-primary);font-weight:var(--font-weight-medium)}.nav-icon{width:22px;height:22px;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:var(--color-sidebar-text-muted);opacity:1;transition:color var(--transition-fast)}.sidebar-nav-item:hover .nav-icon{color:var(--color-sidebar-text)}.sidebar-nav-item.active .nav-icon{color:var(--color-primary)}.nav-icon svg{width:100%;height:100%}.nav-label{flex:1;white-space:nowrap}.sidebar-footer{padding:var(--spacing-lg) var(--spacing-xl);border-top:1px solid var(--color-sidebar-divider);text-align:center}.version{font-size:var(--font-size-xs);color:var(--color-sidebar-text-muted)}@media(max-width:1024px){.sidebar{width:60px;overflow:hidden}.sidebar-logo{padding:var(--spacing-md);justify-content:center}.logo-text{display:none}.logo-image{width:36px;height:36px}.sidebar-nav-item{padding:var(--spacing-md);margin:0 var(--spacing-xs);justify-content:center}.nav-label{display:none}.nav-icon{width:24px;height:24px}.sidebar-footer{display:none}}@media(max-width:600px){.sidebar{width:50px}.sidebar-nav-item{padding:var(--spacing-sm);margin:0 4px}.logo-image{width:32px;height:32px}}.app-header{position:fixed;top:0;left:var(--sidebar-width);right:0;z-index:calc(var(--z-fixed) - 1);display:flex;align-items:center;justify-content:space-between;background:var(--color-bg-container);padding:0 var(--spacing-2xl);height:var(--header-height);box-sizing:border-box;border-bottom:1px solid var(--color-border);box-shadow:var(--color-header-shadow)}.header-left{display:flex;align-items:center;gap:var(--spacing-lg);flex-shrink:0}.header-title{margin:0;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);font-family:var(--font-family-display);color:var(--color-text-primary);white-space:nowrap}.header-right{display:flex;align-items:center;gap:var(--spacing-md);flex-shrink:0}.user-info{display:flex;align-items:center;gap:var(--spacing-sm);padding-left:var(--spacing-md);border-left:1px solid var(--color-border)}.user-name{font-size:var(--font-size-sm);color:var(--color-text-tertiary);font-weight:var(--font-weight-medium);max-width:80px;overflow:hidden;text-overflow:ellipsis}.logout-btn{background:transparent;color:var(--color-text-quaternary);border:1px solid var(--color-border);padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-md);font-size:var(--font-size-xs);cursor:pointer;transition:all var(--transition-fast)}.logout-btn:hover{color:var(--color-error);border-color:var(--color-danger-border);background:var(--color-error-lighter)}.confirm-overlay{position:fixed;inset:0;background:var(--color-modal-overlay);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);animation:fadeIn .2s ease-out}.confirm-dialog{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-xl);min-width:300px;max-width:400px;box-shadow:var(--shadow-lg);animation:slideIn .2s ease-out}.confirm-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-md)}.confirm-message{font-size:var(--font-size-base);color:var(--color-text-secondary);margin-bottom:var(--spacing-xl)}.confirm-actions{display:flex;justify-content:flex-end;gap:var(--spacing-md)}.confirm-btn{padding:var(--spacing-sm) var(--spacing-xl);border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-normal)}.confirm-btn.cancel{background:var(--color-bg-tertiary);color:var(--color-text-secondary);border:1px solid var(--color-border)}.confirm-btn.cancel:hover{background:var(--color-bg-hover)}.confirm-btn.confirm{background:var(--color-error);color:#fff;border:none}.confirm-btn.confirm:hover{background:var(--color-error-light)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1024px){.app-header{left:60px;padding:0 var(--spacing-lg)}}@media(max-width:768px){.header-title{font-size:var(--font-size-lg)}}@media(max-width:600px){.app-header{left:50px;padding:0 var(--spacing-md)}.user-name{display:none}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);border:1px solid transparent;border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);line-height:1.5;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;text-decoration:none}.btn:active:not(:disabled){transform:translateY(0) scale(.97);transition-duration:.08s}.btn:disabled,.btn.disabled{opacity:.35;cursor:not-allowed;pointer-events:none}.btn--primary{background:var(--color-primary);color:var(--color-on-primary);border-color:transparent}.btn--primary:hover:not(:disabled){background:var(--color-primary-light);transform:translateY(-1px);box-shadow:var(--shadow-glow-gold)}.btn--primary:active:not(:disabled){transform:translateY(0)}.btn--secondary{background:var(--color-bg-tertiary);color:var(--color-text-secondary);border-color:var(--color-border)}.btn--secondary:hover:not(:disabled){background:var(--color-bg-elevated);border-color:var(--color-text-quaternary);color:var(--color-text-primary)}.btn--danger{background:var(--color-danger);color:var(--color-text-primary);border-color:transparent}.btn--danger:hover:not(:disabled){background:var(--color-danger-light);transform:translateY(-1px);box-shadow:var(--shadow-glow-danger)}.btn--ghost{background:transparent;color:var(--color-text-secondary);border-color:var(--color-border)}.btn--ghost:hover:not(:disabled){background:var(--color-brand-gold-light);border-color:var(--color-primary);color:var(--color-primary)}.btn--export{background:var(--color-bg-tertiary);color:var(--color-text-secondary);border-color:var(--color-border)}.btn--export:hover:not(:disabled){background:var(--color-bg-elevated);color:var(--color-text-primary);transform:translateY(-1px)}.btn--filter{background:var(--color-bg-container);color:var(--color-text-secondary);border-color:var(--color-border)}.btn--filter:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary)}.btn--filter.active{background:var(--color-primary-lighter);border-color:var(--color-primary);color:var(--color-primary)}.btn--close{background:var(--color-bg-tertiary);color:var(--color-text-tertiary);border:none;width:32px;height:32px;padding:0;border-radius:50%}.btn--close:hover:not(:disabled){background:var(--color-danger-lighter);color:var(--color-danger)}.btn--small{padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-sm);border-radius:var(--radius-sm)}.btn--large{padding:var(--spacing-md) var(--spacing-xl);font-size:var(--font-size-lg);border-radius:var(--radius-lg)}.btn-group{display:inline-flex;gap:var(--spacing-sm)}.btn-group--vertical{flex-direction:column}@media(max-width:480px){.btn{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm)}.btn--large{padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-base)}}:root{--login-primary: var(--color-primary);--login-primary-hover: var(--color-primary-light);--login-primary-active: var(--color-primary-dark);--login-blue: var(--color-primary);--login-border: var(--color-border);--login-border-light: var(--color-border-lighter);--login-text: var(--color-text-secondary);--login-text-secondary: var(--color-text-quaternary);--login-text-disabled: var(--color-text-quaternary);--login-placeholder: var(--color-text-placeholder);--login-bg-disabled: var(--color-bg-tertiary);--login-radius: 2px}.login-page{min-height:100vh;display:flex;flex-direction:column;background:var(--color-bg-page)}.login-topbar{height:55px;background:var(--login-primary);display:flex;align-items:center;padding:0 20px;flex-shrink:0}.topbar-logo{width:45px;height:45px;object-fit:cover;border-radius:var(--login-radius)}.topbar-title{margin-left:12px;font-size:22px;font-weight:500;color:var(--color-on-primary);letter-spacing:1px}.login-main{flex:1;background-color:var(--color-bg-secondary);background-position:center center;background-size:cover;background-repeat:no-repeat;display:flex;align-items:flex-start;justify-content:flex-end;padding:60px 120px 40px;position:relative}.login-card{width:340px;background:var(--color-bg-container);border-radius:var(--login-radius);box-shadow:var(--color-card-shadow);border:1px solid var(--color-border)}.card-title{margin:0;padding:12px 0 10px;font-size:14px;font-weight:500;color:var(--login-text);text-align:center}.login-tabs{display:flex;border-top:1px solid var(--login-border-light);border-bottom:1px solid var(--login-border-light)}.tab-item{flex:1;display:flex;justify-content:center;align-items:center;padding:10px 0;font-size:12px;color:var(--login-text-secondary);cursor:pointer;position:relative;transition:color .2s}.tab-item:not(:last-child):before{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);width:1px;height:14px;background:var(--login-border-light)}.tab-item.active{color:var(--login-blue);font-weight:500}.tab-item.active:after{content:"";position:absolute;bottom:-1px;left:50%;transform:translate(-50%);width:48px;height:2px;background:var(--login-blue)}.tab-item.disabled{color:var(--login-text-disabled);cursor:not-allowed}.login-form{padding:16px 24px 20px}.form-group{margin-bottom:14px}.input-wrapper{position:relative}.input-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);width:14px;height:14px;color:var(--login-placeholder);pointer-events:none}.form-group input{width:100%;height:36px;padding:0 10px 0 34px;border:1px solid var(--login-border);border-radius:var(--login-radius);font-size:13px;color:var(--color-text-primary);background:var(--color-bg-input);box-sizing:border-box;transition:border-color .2s}.form-group input::placeholder{color:var(--login-placeholder)}.form-group input:focus{outline:none;border-color:var(--login-blue);box-shadow:0 0 0 2px var(--color-gold-focus-ring)}.form-group input:disabled{background:var(--login-bg-disabled);cursor:not-allowed}.login-btn{width:100%;height:36px;margin-top:6px;border:none;border-radius:var(--login-radius);background:var(--login-primary);color:var(--color-on-primary);font-size:14px;font-weight:400;letter-spacing:4px;text-indent:4px;cursor:pointer;transition:background .2s}.login-btn:hover:not(:disabled){background:var(--login-primary-hover)}.login-btn:active:not(:disabled){background:var(--login-primary-active)}.login-btn:disabled{background:var(--login-border);cursor:not-allowed;letter-spacing:normal;text-indent:0}.form-footer{display:flex;justify-content:space-between;margin-top:14px}.footer-link{font-size:12px;color:var(--login-text-secondary);cursor:pointer}.footer-link:hover{color:var(--color-text-secondary)}.footer-link.disabled{color:var(--login-text-disabled);cursor:not-allowed}.footer-link.disabled:hover{color:var(--login-text-disabled)}.login-error{padding:8px 10px;margin-bottom:14px;background:var(--color-danger-lighter);border:1px solid var(--color-danger-border);border-radius:var(--login-radius);color:var(--color-danger);font-size:12px;text-align:center}.login-alert{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;margin-bottom:14px;background:var(--color-warning-lighter);border:1px solid var(--color-warning-border);border-radius:var(--login-radius);color:var(--color-warning);font-size:12px}.login-alert span{flex:1}.login-alert .alert-close{width:18px;height:18px;padding:0;border:none;background:transparent;color:var(--color-warning);font-size:14px;line-height:1;cursor:pointer;border-radius:var(--login-radius)}.login-alert .alert-close:hover{background:var(--color-warning-lighter)}.login-copyright{position:absolute;bottom:0;left:0;right:0;height:55px;display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--login-text)}@media(max-width:900px){.login-main{padding:50px 30px;justify-content:center}}@media(max-width:480px){.login-topbar{height:44px;padding:0 12px}.topbar-logo{width:32px;height:32px}.topbar-title{font-size:16px}.login-main{padding:30px 16px;align-items:flex-start}.login-card{width:100%;max-width:340px}.login-form{padding:16px 20px 20px}.form-group input,.login-btn{height:34px}.login-copyright{font-size:10px;height:40px}}.data-table-wrapper{background:var(--color-bg-container);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.data-table{width:100%;border-collapse:collapse;font-size:var(--font-size-base)}.data-table th{text-align:left;padding:var(--spacing-md) var(--spacing-lg);background:var(--color-bg-tertiary);color:var(--color-text-secondary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);border-bottom:1px solid var(--color-border);white-space:nowrap}.data-table td{padding:var(--spacing-md) var(--spacing-lg);color:var(--color-text-secondary);border-bottom:1px solid var(--color-border-lighter);vertical-align:middle}.data-table tbody tr:hover{background:var(--color-bg-hover)}.data-table tbody tr:last-child td{border-bottom:none}.status-badge{display:inline-flex;align-items:center;padding:2px var(--spacing-sm);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.status-badge.published{background:var(--color-success-lighter);color:var(--color-success-dark);border:1px solid var(--color-success-border)}.status-badge.draft{background:var(--color-bg-tertiary);color:var(--color-text-quaternary);border:1px solid var(--color-border)}.table-actions{display:flex;gap:var(--spacing-sm)}.table-actions button{padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-sm);font-size:var(--font-size-xs);cursor:pointer;transition:all var(--transition-fast);border:1px solid var(--color-border);background:var(--color-bg-container);color:var(--color-text-secondary)}.table-actions button:hover{border-color:var(--color-primary);color:var(--color-primary)}.table-actions button.danger:hover{border-color:var(--color-danger-border);color:var(--color-danger);background:var(--color-danger-lighter)}.table-thumbnail{width:60px;height:40px;object-fit:cover;border-radius:var(--radius-sm);border:1px solid var(--color-border-lighter)}.table-link{color:var(--color-info);text-decoration:none;font-size:var(--font-size-sm);max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.table-link:hover{text-decoration:underline}.table-pagination{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);border-top:1px solid var(--color-border-lighter);font-size:var(--font-size-sm);color:var(--color-text-tertiary)}.pagination-btns{display:flex;gap:var(--spacing-sm)}.pagination-btns button{padding:var(--spacing-xs) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-container);color:var(--color-text-secondary);cursor:pointer;font-size:var(--font-size-sm);transition:all var(--transition-fast)}.pagination-btns button:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary)}.pagination-btns button:disabled{opacity:.4;cursor:not-allowed}.pagination-btns button.active{background:var(--color-primary);color:var(--color-on-primary);border-color:var(--color-primary)}.form-card{background:var(--color-bg-container);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-2xl);max-width:720px}.form-group{margin-bottom:var(--spacing-xl)}.form-label{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin-bottom:var(--spacing-sm)}.form-label .required{color:var(--color-danger);margin-left:2px}.form-input,.form-select,.form-textarea{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-base);font-family:var(--font-family-body);color:var(--color-text-primary);background:var(--color-bg-input);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-gold-focus-ring)}.form-input::placeholder,.form-textarea::placeholder{color:var(--color-text-placeholder)}.form-textarea{min-height:80px;resize:vertical}.form-hint{font-size:var(--font-size-xs);color:var(--color-text-quaternary);margin-top:var(--spacing-xs)}.form-error{font-size:var(--font-size-xs);color:var(--color-danger);margin-top:var(--spacing-xs)}.upload-area{display:flex;align-items:center;gap:var(--spacing-lg)}.upload-preview{width:120px;height:80px;border-radius:var(--radius-md);border:1px solid var(--color-border);object-fit:cover}.upload-placeholder{width:120px;height:80px;border-radius:var(--radius-md);border:2px dashed var(--color-border);display:flex;align-items:center;justify-content:center;color:var(--color-text-quaternary);font-size:var(--font-size-xs);cursor:pointer;transition:border-color var(--transition-fast)}.upload-placeholder:hover{border-color:var(--color-primary);color:var(--color-primary)}.form-actions{display:flex;gap:var(--spacing-md);padding-top:var(--spacing-xl);border-top:1px solid var(--color-border-lighter);margin-top:var(--spacing-2xl)}@media(max-width:768px){.form-card{padding:var(--spacing-lg)}}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-2xl)}.page-header h1{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);font-family:var(--font-family-display);color:var(--color-text-primary);margin:0}.page-header-actions{display:flex;gap:var(--spacing-md)}@media(max-width:600px){.page-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}.page-header h1{font-size:var(--font-size-2xl)}}.toast-viewport{position:fixed;top:calc(var(--header-height) + var(--spacing-lg));right:var(--spacing-xl);z-index:var(--z-notification);display:flex;flex-direction:column;gap:var(--spacing-sm);pointer-events:none;max-width:calc(100vw - 2 * var(--spacing-xl))}.toast{display:flex;align-items:center;gap:var(--spacing-md);min-width:280px;max-width:420px;padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);background:var(--color-bg-elevated);border:1px solid var(--color-border);box-shadow:var(--shadow-md);font-size:var(--font-size-base);color:var(--color-text-primary);pointer-events:auto;animation:toast-slide-in .2s var(--ease-out-quart)}@keyframes toast-slide-in{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}.toast__icon{flex-shrink:0;width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);line-height:1}.toast__message{flex:1;line-height:1.5;word-break:break-word}.toast__close{flex-shrink:0;background:transparent;border:none;color:var(--color-text-quaternary);cursor:pointer;font-size:20px;line-height:1;padding:0;width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.toast__close:hover{color:var(--color-text-secondary);background:var(--color-bg-hover)}.toast--success{border-color:var(--color-success-border);background:var(--color-success-lighter)}.toast--success .toast__icon{background:var(--color-success);color:var(--color-white)}.toast--error{border-color:var(--color-danger-border);background:var(--color-danger-lighter)}.toast--error .toast__icon{background:var(--color-danger);color:var(--color-white)}.toast--warning{border-color:var(--color-warning-border);background:var(--color-warning-lighter)}.toast--warning .toast__icon{background:var(--color-warning);color:var(--color-white)}.toast--info{border-color:var(--color-info-border);background:var(--color-info-lighter)}.toast--info .toast__icon{background:var(--color-info);color:var(--color-white)}@media(max-width:480px){.toast-viewport{left:var(--spacing-md);right:var(--spacing-md);max-width:none}.toast{min-width:0;max-width:none}}.modal-overlay{position:fixed;inset:0;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;padding:var(--spacing-xl);background:var(--color-modal-overlay);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:modal-overlay-fade .15s ease}@keyframes modal-overlay-fade{0%{opacity:0}to{opacity:1}}.modal{background:var(--color-bg-elevated);border-radius:var(--radius-lg);box-shadow:var(--color-modal-shadow);min-width:320px;max-width:min(480px,calc(100vw - 2 * var(--spacing-xl)));width:100%;display:flex;flex-direction:column;animation:modal-pop-in .2s var(--ease-out-quart)}@keyframes modal-pop-in{0%{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.modal__header{padding:var(--spacing-lg) var(--spacing-xl);border-bottom:1px solid var(--color-border-lighter)}.modal__title{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);line-height:1.4}.modal__body{padding:var(--spacing-xl);color:var(--color-text-secondary);font-size:var(--font-size-base);line-height:1.6;word-break:break-word}.modal__footer{padding:var(--spacing-md) var(--spacing-xl);border-top:1px solid var(--color-border-lighter);display:flex;justify-content:flex-end;gap:var(--spacing-sm);background:var(--color-bg-secondary);border-radius:0 0 var(--radius-lg) var(--radius-lg)}.modal--confirm .modal__body{min-height:60px}.spinner{display:inline-flex;align-items:center;gap:var(--spacing-sm);color:var(--color-text-tertiary);font-size:var(--font-size-sm)}.spinner--inline{vertical-align:middle}.spinner__ring{display:inline-block;border-radius:50%;border-style:solid;border-color:var(--color-border);border-top-color:var(--color-primary);animation:spinner-rotate .8s linear infinite;flex-shrink:0}.spinner--sm .spinner__ring{width:14px;height:14px;border-width:2px}.spinner--md .spinner__ring{width:20px;height:20px;border-width:2px}.spinner--lg .spinner__ring{width:32px;height:32px;border-width:3px}.spinner__label{line-height:1}@keyframes spinner-rotate{to{transform:rotate(360deg)}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-3xl) var(--spacing-xl);text-align:center;color:var(--color-text-quaternary)}.empty-state__icon{font-size:40px;line-height:1;margin-bottom:var(--spacing-md);opacity:.6}.empty-state__title{font-size:var(--font-size-base);color:var(--color-text-tertiary);margin-bottom:var(--spacing-xs)}.empty-state__desc{font-size:var(--font-size-sm);color:var(--color-text-quaternary);max-width:320px;line-height:1.6;margin-bottom:var(--spacing-lg)}.empty-state__action{margin-top:var(--spacing-sm)}.pagination{display:flex;align-items:center;justify-content:center;gap:var(--spacing-lg);padding:var(--spacing-lg);border-top:1px solid var(--color-border-lighter);background:var(--color-bg-container)}.pagination__btn{padding:var(--spacing-xs) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-container);color:var(--color-text-secondary);cursor:pointer;font-size:var(--font-size-sm);transition:all var(--transition-fast);line-height:1.6}.pagination__btn:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary)}.pagination__btn:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.pagination__info{font-size:var(--font-size-sm);color:var(--color-text-tertiary);min-width:80px;text-align:center}.pagination__info strong{color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}