:root{--color-primary:#f5c518;--color-primary-hover:#e0b400;--color-primary-light:#f5c5181f;--color-primary-glow:#f5c51840;--color-dark:#0f0f1a;--color-dark-secondary:#1a1a2e;--color-dark-tertiary:#252540;--color-dark-surface:#2d2d4a;--color-surface:#fff;--color-surface-hover:#f8f9fc;--color-surface-secondary:#f1f3f9;--color-border:#e2e5f1;--color-border-light:#eceef5;--color-text-primary:#0f172a;--color-text-secondary:#475569;--color-text-muted:#525b7f;--color-text-on-dark:#fff;--color-text-on-primary:#0f172a;--color-accent:#3b82f6;--color-accent-hover:#2563eb;--color-accent-light:#3b82f61a;--color-success:#10b981;--color-success-light:#10b9811a;--color-warning:#f59e0b;--color-warning-light:#f59e0b1a;--color-danger:#ef4444;--color-danger-hover:#dc2626;--color-danger-light:#ef44441a;--font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-xs:.75rem;--font-size-sm:.8125rem;--font-size-base:.875rem;--font-size-md:1rem;--font-size-lg:1.125rem;--font-size-xl:1.5rem;--font-size-2xl:1.875rem;--font-size-3xl:2.25rem;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-full:9999px;--shadow-sm:0 1px 3px #0000000f, 0 1px 2px #0000000a;--shadow-md:0 4px 12px #00000014, 0 2px 4px #0000000a;--shadow-lg:0 10px 30px #0000001a, 0 4px 10px #0000000d;--shadow-xl:0 20px 50px #00000026;--shadow-glow:0 0 20px var(--color-primary-glow);--shadow-card:0 2px 8px #0000000f, 0 0 1px #0000001a;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-base:.25s cubic-bezier(.4, 0, .2, 1);--transition-slow:.35s cubic-bezier(.4, 0, .2, 1);--sidebar-width:260px;--sidebar-collapsed:72px;--topbar-height:64px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-family);background-color:var(--color-surface-secondary);color:var(--color-text-primary);line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:var(--font-family);background:0 0;border:none;outline:none}input,select,textarea{font-family:var(--font-family);outline:none}ul,ol{list-style:none}img{max-width:100%;display:block}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-text-muted);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-secondary)}.fade-in{animation:fadeIn var(--transition-base) ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes spin{to{transform:rotate(360deg)}}.skeleton{background:linear-gradient(90deg, var(--color-surface-secondary) 25%, var(--color-border-light) 50%, var(--color-surface-secondary) 75%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.5s infinite shimmer}@media (width<=768px){:root{--sidebar-width:0px}}.badge{border-radius:var(--radius-full);font-size:var(--font-size-xs);white-space:nowrap;align-items:center;padding:3px 10px;font-weight:600;display:inline-flex}.badge--blue{background:var(--color-accent-light);color:var(--color-accent)}.badge--gold{background:var(--color-primary-light);color:#b8930d}.badge--green{background:var(--color-success-light);color:var(--color-success)}.badge--red{background:var(--color-danger-light);color:var(--color-danger)}.badge--gray{background:var(--color-surface-secondary);color:var(--color-text-secondary)}.badge--purple{color:#9333ea;background:#9333ea1a}.badge--cyan{color:#0891b2;background:#06b6d41a}.badge--orange{color:#ea580c;background:#f973161a}.status-select-dropdown{border-radius:var(--radius-full);font-size:var(--font-size-xs);white-space:nowrap;cursor:pointer;appearance:none;transition:all var(--transition-fast) ease;background-position:right 6px center;background-repeat:no-repeat;border:none;outline:none;align-items:center;padding:3px 20px 3px 10px;font-weight:600;display:inline-flex}.status-select-dropdown--active{background-color:var(--color-success-light);color:var(--color-success);background-image:url("data:image/svg+xml,%3Csvg width='8' height='5' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%2310B981' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.status-select-dropdown--inactive{background-color:var(--color-surface-secondary);color:var(--color-text-secondary);background-image:url("data:image/svg+xml,%3Csvg width='8' height='5' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%236B7194' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.status-select-dropdown:focus{box-shadow:0 0 0 2px #f5c51866}.dashboard-layout{background:var(--color-surface-secondary);min-height:100vh}.dashboard-main{margin-left:var(--sidebar-width);padding:var(--spacing-xl) var(--spacing-2xl);min-height:100vh;transition:margin-left var(--transition-base)}.page-header{margin-bottom:var(--spacing-xl);justify-content:space-between;align-items:flex-start;gap:var(--spacing-md);flex-wrap:wrap;display:flex}.page-title{font-size:var(--font-size-2xl);color:var(--color-text-primary);font-weight:800;line-height:1.2}.page-subtitle{color:var(--color-text-secondary);font-size:var(--font-size-base);margin-top:4px}@media (width<=768px){.dashboard-main{padding:calc(var(--topbar-height) + var(--spacing-lg)) var(--spacing-md) var(--spacing-lg);margin-left:0}}@media (width<=480px){.dashboard-main{padding:calc(var(--topbar-height) + var(--spacing-md)) var(--spacing-sm) var(--spacing-md)}}.sidebar{width:var(--sidebar-width);background:var(--color-dark);z-index:100;height:100vh;transition:transform var(--transition-base);flex-direction:column;display:flex;position:fixed;top:0;left:0;overflow:hidden auto}.sidebar-overlay{display:none}.sidebar__header{padding:var(--spacing-lg) var(--spacing-lg) var(--spacing-md)}.sidebar__logo{align-items:center;gap:var(--spacing-sm);display:flex}.sidebar__logo-icon{background:var(--color-primary);width:36px;height:36px;color:var(--color-dark);border-radius:var(--radius-md);font-weight:800;font-size:var(--font-size-lg);flex-shrink:0;justify-content:center;align-items:center;display:flex}.sidebar__logo-image{object-fit:contain;flex-shrink:0;width:36px;height:36px}.sidebar__logo-text{color:var(--color-text-on-dark);font-size:var(--font-size-md);white-space:nowrap;font-weight:700}.sidebar__nav{padding:var(--spacing-sm) var(--spacing-md);flex-direction:column;flex:1;gap:2px;display:flex}.sidebar__link{align-items:center;gap:var(--spacing-sm);border-radius:var(--radius-md);color:var(--color-text-muted);font-size:var(--font-size-base);transition:all var(--transition-fast);padding:10px 14px;font-weight:500;display:flex;position:relative;overflow:hidden}.sidebar__link:hover{color:var(--color-text-on-dark);background:#ffffff0f}.sidebar__link--active{color:var(--color-text-on-primary);font-weight:600;box-shadow:0 2px 8px #f5c5184d;background:var(--color-primary)!important}.sidebar__link-icon{flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.sidebar__link-label{white-space:nowrap}.sidebar__footer{padding:var(--spacing-md) var(--spacing-lg);border-top:1px solid #ffffff14}.sidebar__user{align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);padding:var(--spacing-sm) 0;display:flex}.sidebar__user-avatar{border-radius:var(--radius-full);background:var(--color-primary);width:34px;height:34px;color:var(--color-dark);font-weight:700;font-size:var(--font-size-sm);flex-shrink:0;justify-content:center;align-items:center;display:flex}.sidebar__user-info{flex-direction:column;min-width:0;display:flex}.sidebar__user-name{color:var(--color-text-on-dark);font-size:var(--font-size-sm);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.sidebar__user-role{color:var(--color-text-muted);font-size:var(--font-size-xs);font-weight:500}.sidebar__logout{align-items:center;gap:var(--spacing-sm);border-radius:var(--radius-md);width:100%;color:var(--color-text-muted);font-size:var(--font-size-base);transition:all var(--transition-fast);padding:10px 14px;font-weight:500;display:flex}.sidebar__logout:hover{color:var(--color-danger);background:#ef44441a}@media (width<=768px){.sidebar{width:280px;transform:translate(-280px)}.sidebar--open{transform:translate(0)}.sidebar-overlay{z-index:99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;display:block;position:fixed;inset:0}}.topbar{height:var(--topbar-height);background:var(--color-dark);color:var(--color-text-on-dark);padding:0 var(--spacing-lg);z-index:90;box-shadow:var(--shadow-md);align-items:center;display:none;position:fixed;top:0;left:0;right:0}.topbar__menu-btn{color:var(--color-text-on-dark);padding:var(--spacing-sm);border-radius:var(--radius-sm);transition:background var(--transition-fast)}.topbar__menu-btn:hover{background:#ffffff1a}.topbar__spacer{flex:1}@media (width<=768px){.topbar{display:flex}}.custom-confirm-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:99999;animation:confirmFadeIn var(--transition-fast) ease-out forwards;background-color:#0f0f1a99;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.custom-confirm-box{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-xl);width:90%;max-width:440px;box-shadow:var(--shadow-xl);text-align:center;flex-direction:column;align-items:center;animation:.2s cubic-bezier(.34,1.56,.64,1) forwards confirmScaleIn;display:flex}@keyframes confirmFadeIn{0%{opacity:0}to{opacity:1}}@keyframes confirmScaleIn{0%{opacity:0;transform:scale(.9)translateY(12px)}to{opacity:1;transform:scale(1)translateY(0)}}.custom-confirm-icon-wrapper{margin-bottom:var(--spacing-md)}.custom-confirm-icon{border-radius:var(--radius-full);justify-content:center;align-items:center;width:56px;height:56px;display:flex}.custom-confirm-icon--warning{background-color:var(--color-warning-light);color:var(--color-warning)}.custom-confirm-icon--danger{background-color:var(--color-danger-light);color:var(--color-danger)}.custom-confirm-icon--success{background-color:var(--color-success-light);color:var(--color-success)}.custom-confirm-icon--info{background-color:var(--color-accent-light);color:var(--color-accent)}.custom-confirm-title{color:var(--color-text-primary);margin-bottom:var(--spacing-sm);font-size:1.25rem;font-weight:700}.custom-confirm-message{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--spacing-xl);white-space:pre-line;line-height:1.5}.custom-confirm-actions{gap:var(--spacing-md);width:100%;display:flex}.custom-confirm-btn{border-radius:var(--radius-md);height:44px;font-size:var(--font-size-sm);transition:all var(--transition-fast) ease;flex:1;font-weight:600}.custom-confirm-btn--cancel{background-color:var(--color-surface-secondary);color:var(--color-text-secondary);border:1px solid var(--color-border)}.custom-confirm-btn--cancel:hover{background-color:var(--color-border-light);color:var(--color-text-primary)}.custom-confirm-btn--warning{background-color:var(--color-primary);color:var(--color-text-on-primary)}.custom-confirm-btn--warning:hover{background-color:var(--color-primary-hover);box-shadow:var(--shadow-glow)}.custom-confirm-btn--danger{background-color:var(--color-danger);color:#fff}.custom-confirm-btn--danger:hover{background-color:var(--color-danger-hover);box-shadow:0 0 12px #ef444466}.custom-confirm-btn--success{background-color:var(--color-success);color:#fff}.custom-confirm-btn--success:hover{background-color:#059669}.custom-confirm-btn--info{background-color:var(--color-accent);color:#fff}.custom-confirm-btn--info:hover{background-color:var(--color-accent-hover)}.custom-toast-container{z-index:999999;pointer-events:none;flex-direction:column;gap:12px;display:flex;position:fixed;top:24px;right:24px}.custom-toast{pointer-events:auto;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--color-border);min-width:280px;max-width:380px;box-shadow:var(--shadow-lg);border-radius:var(--radius-md);animation:toastSlideIn var(--transition-base) cubic-bezier(.16, 1, .3, 1) forwards;transition:all var(--transition-fast) ease;background:#ffffffd9;align-items:center;gap:12px;padding:12px 18px;display:flex}@keyframes toastSlideIn{0%{opacity:0;transform:translate(30px)scale(.95)}to{opacity:1;transform:translate(0)scale(1)}}.custom-toast-icon{border-radius:var(--radius-full);flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.custom-toast-message{font-size:var(--font-size-sm);color:var(--color-text-primary);font-weight:500;line-height:1.4}.custom-toast--success{border-left:4px solid var(--color-success)}.custom-toast--success .custom-toast-icon{background-color:var(--color-success-light);color:var(--color-success)}.custom-toast--error{border-left:4px solid var(--color-danger)}.custom-toast--error .custom-toast-icon{background-color:var(--color-danger-light);color:var(--color-danger)}.custom-toast--warning{border-left:4px solid var(--color-warning)}.custom-toast--warning .custom-toast-icon{background-color:var(--color-warning-light);color:var(--color-warning)}.custom-toast--info{border-left:4px solid var(--color-accent)}.custom-toast--info .custom-toast-icon{background-color:var(--color-accent-light);color:var(--color-accent)}