@import"https://fonts.googleapis.com/css2?family=Work+Sans:wght@400;500;600;700;800&display=swap";@font-face{font-family:Kanit;src:url(/assets/Kanit-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Kanit;src:url(/assets/Kanit-Medium.ttf) format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Kanit;src:url(/assets/Kanit-SemiBold.ttf) format("truetype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Kanit;src:url(/assets/Kanit-Bold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}:root{--color-bg-primary: #36393f;--color-bg-secondary: #2f3136;--color-bg-tertiary: #40444b;--color-bg-modal: #36393f;--color-text-primary: rgba(255, 255, 255, .9);--color-text-secondary: rgba(255, 255, 255, .7);--color-text-muted: rgba(255, 255, 255, .4);--color-accent-primary: #5865f2;--color-accent-hover: #4752c4;--color-accent-secondary: #4f545c;--color-accent-secondary-hover: #5d6269;--color-danger: #ed4245;--color-danger-hover: #c53337;--color-success: #43b581;--color-warning: #faa61a;--color-border: rgba(255, 255, 255, .1);--color-border-hover: rgba(255, 255, 255, .2);--font-family: "gg sans", "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;--font-family-headings: "Kanit", "gg sans", "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-base: 16px;--font-size-lg: 18px;--font-size-xl: 20px;--font-size-2xl: 24px;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 20px;--spacing-2xl: 24px;--spacing-3xl: 32px;--spacing-4xl: 48px;--radius-xs: 2px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .1);--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--sidebar-width: 240px;--mobile-breakpoint: 768px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-family);line-height:1.5;font-weight:var(--font-weight-normal);color:var(--color-text-primary);background-color:var(--color-bg-primary);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;width:100%;min-height:100vh;background-color:var(--color-bg-primary);overflow-x:hidden}#root{width:100%;min-height:100vh;margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-headings);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);line-height:1.2}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.font-normal{font-weight:var(--font-weight-normal)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.font-extrabold{font-weight:var(--font-weight-extrabold)}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-muted{color:var(--color-text-muted)}.text-muted a{color:var(--color-text-secondary);text-decoration:underline;text-decoration-color:#ffffff4d;transition:all .2s ease}.text-muted a:hover{color:var(--color-text-primary);text-decoration-color:var(--color-text-primary)}.font-heading{font-family:var(--font-family-headings)}.font-body{font-family:var(--font-family)}.container{width:100%;max-width:none;padding:0 var(--spacing-2xl)}.w-full{width:100%}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-xs{gap:var(--spacing-xs)}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.gap-xl{gap:var(--spacing-xl)}.gap-2xl{gap:var(--spacing-2xl)}.page-container{display:flex;flex-direction:column;height:calc(100vh - var(--spacing-4xl) - 64px);width:100%;max-width:none;gap:var(--spacing-lg);overflow:hidden}.main-content-with-floating-nav{padding-top:88px!important}.page-container.full-height{height:calc(100vh - var(--spacing-4xl))}.page-container.full-width{margin-right:calc(-1 * var(--spacing-2xl));margin-top:calc(-1 * var(--spacing-lg));margin-bottom:calc(-1 * var(--spacing-lg));padding-right:0;padding-top:var(--spacing-lg);padding-bottom:var(--spacing-lg)}.page-content{flex:1;display:flex;flex-direction:column;min-height:0;width:100%;max-width:none;overflow:hidden}.scrollable-content{flex:1;overflow-y:auto;overflow-x:hidden;padding-right:var(--spacing-xs)}.scrollable-content::-webkit-scrollbar{width:6px}.scrollable-content::-webkit-scrollbar-track{background:transparent}.scrollable-content::-webkit-scrollbar-thumb{background:var(--color-accent-secondary);border-radius:var(--radius-full)}.scrollable-content::-webkit-scrollbar-thumb:hover{background:var(--color-accent-secondary-hover)}.settings-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--spacing-2xl);width:100%;align-items:start}.settings-grid-masonry{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-2xl);width:100%;align-items:start;grid-auto-rows:max-content;justify-content:start}.page-header{display:flex;flex-direction:column;gap:var(--spacing-sm)}.page-title{font-family:var(--font-family-headings);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0}.page-description{color:var(--color-text-secondary);margin:0}.two-column-layout{display:grid;grid-template-columns:1fr 3fr;gap:var(--spacing-lg);flex:1;height:100%;width:100%;overflow:hidden}.sidebar-column{background:var(--color-bg-secondary);border-radius:var(--radius-md);border:1px solid var(--color-border);display:flex;flex-direction:column;height:100%;overflow:hidden}.sidebar-content{display:flex;flex-direction:column;height:100%;padding:var(--spacing-sm);gap:var(--spacing-lg)}.sidebar-tabs{display:flex;gap:var(--spacing-xs);padding:var(--spacing-xs);background-color:var(--color-bg-tertiary);border-radius:var(--radius-sm)}.sidebar-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:none;border:none;border-radius:var(--radius-sm);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-base)}.sidebar-tab:hover{color:var(--color-text-primary);background-color:var(--color-bg-secondary)}.sidebar-tab.active{background-color:var(--color-bg-primary);color:var(--color-text-primary);box-shadow:0 1px 3px #0000001a}.sidebar-description{margin:0;padding:0 var(--spacing-xs);font-size:var(--font-size-sm);color:var(--color-text-muted);line-height:1.5}.content-column{background:var(--color-bg-secondary);border-radius:var(--radius-md);border:1px solid var(--color-border);display:flex;flex-direction:column;height:100%;width:100%;min-width:0;overflow:hidden}.insights-details,.insights-content{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.content-scroll{flex:1;overflow-y:auto;padding:var(--spacing-xl)}.cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--spacing-lg);width:100%}@media (max-width: 768px){.mobile-hidden{display:none!important}.mobile-visible{display:block!important}}@media (min-width: 769px){.mobile-hidden{display:block!important}.mobile-visible{display:none!important}}@media (min-width: 1000px){.settings-grid-masonry{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1400px){.settings-grid-masonry{grid-template-columns:repeat(4,1fr)}}@media (min-width: 1800px){.settings-grid-masonry{grid-template-columns:repeat(5,1fr)}}@media (min-width: 2200px){.settings-grid-masonry{grid-template-columns:repeat(6,1fr)}}@media (min-width: 2800px){.settings-grid-masonry{grid-template-columns:repeat(7,1fr)}}@media (max-width: 1200px){.two-column-layout{grid-template-columns:280px 1fr;gap:var(--spacing-lg)}.settings-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.settings-grid-masonry{grid-template-columns:repeat(2,1fr)}}@media (max-width: 992px){.two-column-layout{grid-template-columns:260px 1fr}.content-scroll{padding:var(--spacing-lg)}.settings-grid,.settings-grid-masonry{grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg)}}@media (max-width: 768px){.two-column-layout{grid-template-columns:1fr;gap:var(--spacing-md)}.sidebar-column{max-height:300px;order:2}.content-column{order:1}.page-title{font-size:var(--font-size-xl)}.settings-grid,.settings-grid-masonry{grid-template-columns:1fr;gap:var(--spacing-md)}.page-container{height:calc(100vh - var(--spacing-2xl))}.main-content-with-floating-nav{padding-top:78px!important}}.card{background-color:var(--color-bg-secondary);border-radius:var(--radius-md);padding:var(--spacing-lg);border:1px solid var(--color-border);height:fit-content}.btn{padding:var(--spacing-sm) var(--spacing-lg);border:none;border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-base);display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);text-decoration:none;-webkit-user-select:none;user-select:none}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background-color:var(--color-accent-primary);color:#fff}.btn-primary:hover:not(:disabled){background-color:var(--color-accent-hover)}.btn-secondary{background-color:var(--color-accent-secondary);color:#fff}.btn-secondary:hover:not(:disabled){background-color:var(--color-accent-secondary-hover)}.btn-ghost{background-color:transparent;border:none;color:var(--color-text-secondary);padding:var(--spacing-xs)}.btn-ghost:hover:not(:disabled){color:var(--color-text-primary);background-color:var(--color-bg-tertiary)}.btn-danger{background-color:var(--color-danger);color:#fff}.btn-danger:hover:not(:disabled){background-color:var(--color-danger-hover)}.btn-sm{padding:6px var(--spacing-md);font-size:var(--font-size-xs)}.btn-icon{padding:var(--spacing-sm);width:36px;height:36px}.btn[data-tooltip]{position:relative}.btn[data-tooltip]:after{content:attr(data-tooltip);position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%) scale(.8);background:var(--color-bg-tertiary);color:var(--color-text-primary);padding:6px 12px;border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);white-space:nowrap;opacity:0;pointer-events:none;transition:all .2s ease;transition-delay:0s;border:1px solid var(--color-border);box-shadow:var(--shadow-md);z-index:1000}.btn[data-tooltip]:hover:after{opacity:1;transform:translate(-50%) scale(1);transition-delay:.5s}.input{width:100%;padding:var(--spacing-md);background-color:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-primary);font-size:var(--font-size-sm);transition:border-color var(--transition-base)}.input:focus{outline:none;border-color:var(--color-accent-primary)}.input::placeholder{color:var(--color-text-muted)}.checkbox{width:16px;height:16px;accent-color:var(--color-accent-primary)}input[type=datetime-local]{color-scheme:dark}input[type=datetime-local]::-webkit-calendar-picker-indicator{cursor:pointer;filter:invert(1);opacity:.8}input[type=datetime-local]::-webkit-inner-spin-button,input[type=datetime-local]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.loading-spinner{display:inline-block;width:20px;height:20px;border:2px solid var(--color-border);border-top:2px solid var(--color-accent-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-bar-container{width:200px;height:4px;background-color:var(--color-border);border-radius:var(--radius-sm);overflow:hidden}.loading-bar-fill{height:100%;background-color:var(--color-accent-primary);border-radius:var(--radius-sm);transition:width .1s ease-out}.card{background:var(--color-bg-secondary);border-radius:var(--radius-md);border:1px solid var(--color-border);padding:var(--spacing-xl);transition:all var(--transition-base)}.card:hover{border-color:var(--color-border-hover);box-shadow:var(--shadow-md)}.settings-card.card:hover{border-color:var(--color-border);box-shadow:var(--shadow-sm)}.empty-state{text-align:center;padding:var(--spacing-4xl) var(--spacing-xl);color:var(--color-text-secondary);background:var(--color-bg-primary);border:2px dashed var(--color-border);border-radius:var(--radius-md)}.empty-state-icon{margin:0 auto var(--spacing-lg);color:var(--color-text-muted)}.empty-state h3,.empty-state h4{margin-bottom:var(--spacing-sm);color:var(--color-text-primary)}.empty-state p{margin:0;font-size:var(--font-size-sm)}.error-message{background:var(--color-danger);color:#fff;padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg);display:flex;align-items:center;gap:var(--spacing-sm);position:relative;z-index:9999}.error-banner{background:#ed42451a;color:var(--color-danger);border:1px solid var(--color-danger);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);margin:0 0 var(--spacing-xl) 0;display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm);font-weight:var(--font-weight-normal);position:relative;z-index:1000}.error-banner-text{flex:1}.error-banner-close{background:transparent;border:none;color:var(--color-danger);cursor:pointer;padding:var(--spacing-xs);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:background-color var(--transition-base)}.error-banner-close:hover{background:#ed42451a}.success-message{background:var(--color-success);color:#fff;padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg);display:flex;align-items:center;gap:var(--spacing-sm);position:relative;z-index:9999}.warning-message{background:var(--color-warning);color:#fff;padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg);display:flex;align-items:center;gap:var(--spacing-sm);position:relative;z-index:9999}.animate-fade-in{animation:fadeIn .6s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.focus-visible:focus-visible{outline:2px solid var(--color-accent-primary);outline-offset:2px}.status-badge{display:inline-block;padding:4px 12px;border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:500;letter-spacing:.5px}.status-badge.available{background:#22c55e1a;color:#22c55e}.status-badge.unavailable{background:#ef44441a;color:#ef4444}.item-type-badge{display:inline-block;padding:2px 8px;border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:500;background:var(--color-bg-tertiary);color:var(--color-text-secondary);letter-spacing:.5px}@media (min-width: 769px){.data-table,table:not(.activities-data-table){display:table!important}.data-table thead,table:not(.activities-data-table) thead{display:table-header-group!important}.data-table tbody,table:not(.activities-data-table) tbody{display:table-row-group!important}.data-table tr,table:not(.activities-data-table) tr{display:table-row!important;margin-bottom:0!important;border:none!important;border-radius:0!important;padding:0!important;background:transparent!important}.data-table td,.data-table th,table:not(.activities-data-table) td,table:not(.activities-data-table) th{display:table-cell!important;text-align:inherit!important;padding:var(--spacing-sm) var(--spacing-md)!important}.data-table td:before,table:not(.activities-data-table) td:before{content:none!important;display:none!important}.data-table{border-collapse:separate;border-spacing:0;border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-sm)}.data-table th{background:var(--color-bg-tertiary);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);border-bottom:2px solid var(--color-border)}.data-table td{background:var(--color-bg-primary);border-bottom:1px solid var(--color-border)}.data-table tbody tr{border-bottom:1px solid var(--color-border)}.data-table tbody tr:last-child{border-bottom:none}.data-table tr:hover td{background:var(--color-bg-secondary)}table:not(.mobile-card-table):not(.activities-data-table) tbody tr{border-bottom:1px solid var(--color-border)}table:not(.mobile-card-table):not(.activities-data-table) tbody tr:last-child{border-bottom:none}table:not(.mobile-card-table):not(.activities-data-table) td{border-bottom:1px solid var(--color-border)}table:not(.mobile-card-table):not(.activities-data-table) tr:last-child td{border-bottom:none}.table-container{overflow:auto;width:100%;max-height:100%}.member-activities-table .table-container,.member-adjustments-table .table-container{overflow:hidden;border-radius:var(--radius-md)}.table-container table{width:100%;min-width:100%}.activities-data-table{display:table!important}.activities-data-table thead{display:table-header-group!important}.activities-data-table tbody{display:table-row-group!important}.activities-data-table tr{display:table-row!important}.activities-data-table td,.activities-data-table th{display:table-cell!important}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-lg)}.modal{background:var(--color-bg-primary);border-radius:var(--radius-md);border:1px solid var(--color-border);box-shadow:var(--shadow-xl);width:100%;max-width:500px;max-height:calc(100vh - 180px);display:flex;flex-direction:column;overflow:hidden}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);border-bottom:1px solid var(--color-border);background:var(--color-bg-secondary);flex-shrink:0;gap:var(--spacing-md)}.modal-header-title{display:flex;align-items:center;gap:var(--spacing-md);flex:1;min-width:0}.modal-header h2{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.modal-close{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;padding:var(--spacing-sm);border-radius:var(--radius-sm);transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center}.modal-close:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.modal-body{flex:1;overflow-y:auto;padding:var(--spacing-lg)}.modal-footer{flex-shrink:0;padding:var(--spacing-lg);border-top:1px solid var(--color-border);background:var(--color-bg-secondary);display:flex;gap:var(--spacing-sm);justify-content:flex-end}.modal.modal-large{max-width:800px}.modal.modal-xl{max-width:1200px}@media (hover: none){*{cursor:default!important}button,select,[role=button]{cursor:pointer!important;min-height:44px}}@media (max-width: 768px){.card{padding:var(--spacing-lg)}.btn{min-height:44px;padding:var(--spacing-md) var(--spacing-lg)}.input{min-height:44px;padding:var(--spacing-md)}.checkbox{width:20px;height:20px}}.permissions-groups{display:flex;flex-direction:column;gap:var(--spacing-lg)}.permission-group{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-lg)}.permission-group-header{display:flex;align-items:flex-start;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.permission-group-header svg{flex-shrink:0;margin-top:2px;color:var(--color-text-secondary)}.permission-group-header h4{margin:0 0 var(--spacing-xs) 0;font-size:var(--font-size-md);font-weight:600;color:var(--color-text-primary)}.permission-group-roles{margin-top:var(--spacing-md)}.role-selector{display:flex;flex-direction:column;gap:var(--spacing-sm)}.assigned-roles{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.role-chip{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-sm)}.role-color{width:12px;height:12px;border-radius:50%;flex-shrink:0}.role-chip-remove{display:flex;align-items:center;justify-content:center;width:18px;height:18px;margin-left:var(--spacing-xs);background:transparent;border:none;border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;transition:all .2s ease}.role-chip-remove:hover{background:var(--color-bg-primary);color:var(--color-danger)}.role-select{width:fit-content;min-width:150px;padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-primary);font-size:var(--font-size-sm);cursor:pointer}.role-select:hover{border-color:var(--color-primary)}.role-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.1)}.progression-curve{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-lg);margin-top:var(--spacing-lg)}.progression-curve-header{margin-bottom:var(--spacing-lg)}.progression-curve-title{margin:0 0 var(--spacing-xs) 0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.progression-curve-subtitle{margin:0;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.progression-curve-chart{margin:var(--spacing-lg) 0}.progression-curve-indicator{margin-top:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-tertiary);border-radius:var(--radius-sm);border-left:3px solid var(--color-accent)}.progression-curve-empty{text-align:center;padding:var(--spacing-xl);color:var(--color-text-secondary)}.xp-gain-chart{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-lg);margin-top:var(--spacing-lg)}.xp-gain-chart-header{margin-bottom:var(--spacing-lg)}.xp-gain-chart-title-row{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-lg)}.xp-gain-chart-controls{flex-shrink:0}.xp-gain-chart-title{margin:0 0 var(--spacing-xs) 0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.xp-gain-chart-subtitle{margin:0;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.xp-gain-chart-chart{margin:var(--spacing-lg) 0}.xp-gain-chart-summary{margin-top:var(--spacing-lg);padding:var(--spacing-md);background:var(--color-bg-tertiary);border-radius:var(--radius-sm)}.xp-gain-chart-stats{display:flex;gap:var(--spacing-xl);flex-wrap:wrap}.xp-gain-stat{display:flex;flex-direction:column;gap:var(--spacing-xs)}.xp-gain-stat-label{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.xp-gain-stat-value{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.xp-gain-chart-empty{text-align:center;padding:var(--spacing-xl);color:var(--color-text-secondary)}.xp-gain-period-selector{padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-primary);font-size:var(--font-size-sm);cursor:pointer;min-width:120px}.xp-gain-period-selector:hover{border-color:var(--color-primary)}.xp-gain-period-selector:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.1)}.library-container{width:100%;height:calc(100vh - var(--spacing-4xl) - 64px);overflow-y:auto}.template-grid{column-count:auto;column-width:350px;column-gap:var(--spacing-lg)}.template-card{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-lg);break-inside:avoid;margin-bottom:var(--spacing-lg);height:fit-content;display:flex;flex-direction:column;gap:var(--spacing-md)}.template-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-md)}.template-card-info{flex:1;min-width:0}.template-card-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--spacing-xs) 0;line-height:1.3}.template-card-description{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0;line-height:1.4}.template-card-badge{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--color-success-bg);color:var(--color-success-text);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);white-space:nowrap}.template-card-meta{display:flex;flex-direction:column;gap:var(--spacing-xs)}.template-meta-item{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-xs);color:var(--color-text-muted)}.template-avatar{width:14px;height:14px;border-radius:50%;object-fit:cover;flex-shrink:0}.template-card-features{border-top:1px solid var(--color-border);padding-top:var(--spacing-md)}.template-features-grid{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.feature-tag{padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--color-bg-tertiary);color:var(--color-text-secondary);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border:1px solid var(--color-border)}.feature-tag.plus-required{background-color:#5865f21a;color:#5865f2;border-color:#5865f24d}.feature-tag.economy-required{background-color:#faa61a1a;color:#faa61a;border-color:#faa61a4d}.template-card-actions{border-top:1px solid var(--color-border);padding-top:var(--spacing-md);display:flex;justify-content:stretch}.template-download-button{width:100%;justify-content:center;font-weight:var(--font-weight-semibold)}@media (max-width: 768px){.library-container{height:calc(100vh - var(--spacing-2xl))}.template-grid{column-count:1;column-gap:0}.template-card-header{flex-direction:column;align-items:stretch;gap:var(--spacing-sm)}.template-card-badge{align-self:flex-start}}.activities-container{width:100%;max-width:none;margin:0;padding:0;background-color:var(--color-bg-secondary);border-radius:var(--radius-md);border:1px solid var(--color-border);overflow:hidden;height:calc(100vh - var(--spacing-4xl) - 64px);display:flex;flex-direction:column}.activities-content{display:flex;flex-direction:column;flex:1;padding:var(--spacing-xl);gap:var(--spacing-lg);overflow:hidden;min-height:0}.activities-header-section{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-lg)}.activities-title-area{flex:1}.activities-main-title{font-family:var(--font-family-headings);margin:0;font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.activities-count{margin:var(--spacing-xs) 0 0 0;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.activities-actions{display:flex;gap:var(--spacing-sm)}.activities-controls-section{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-lg)}.activities-search-area{flex:1;max-width:400px}.search-wrapper{position:relative}.search-icon{position:absolute;left:var(--spacing-md);top:50%;transform:translateY(-50%);color:var(--color-text-muted);pointer-events:none}.search-field{width:100%;padding:var(--spacing-md) var(--spacing-md) var(--spacing-md) 40px;background-color:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-primary);font-size:var(--font-size-sm);transition:border-color var(--transition-base)}.search-field:focus{outline:none;border-color:var(--color-accent-primary)}.activities-filter-controls{display:flex;gap:var(--spacing-sm)}.activities-filter-section{background-color:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-lg)}.filter-controls{display:flex;gap:var(--spacing-lg);align-items:end}.filter-item{display:flex;flex-direction:column;gap:var(--spacing-xs)}.filter-item label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.filter-select,.filter-input{padding:var(--spacing-sm) var(--spacing-md);background-color:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-primary);font-size:var(--font-size-sm);min-width:150px}.filter-select:focus,.filter-input:focus{outline:none;border-color:var(--color-accent-primary)}.activities-error-section{background-color:var(--color-danger);color:#fff;padding:var(--spacing-md);border-radius:var(--radius-sm);font-size:var(--font-size-sm)}.activities-no-guild{display:flex;align-items:center;justify-content:center;min-height:400px}.activities-no-guild-content{text-align:center}.activities-no-guild-content h3{margin:0 0 var(--spacing-sm) 0;color:var(--color-text-primary)}.activities-no-guild-content p{margin:0;color:var(--color-text-secondary)}.activities-table-section{flex:1;background-color:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;min-height:0;display:flex;flex-direction:column}.activities-loading-state{display:flex;justify-content:center;align-items:center;padding:var(--spacing-2xl)}.activities-table-section .table-container{flex:1;overflow:auto;border-radius:var(--radius-md);border:none!important;background:transparent!important}.activities-data-table{width:100%;border-collapse:collapse}.activities-data-table th{background-color:var(--color-bg-tertiary);padding:var(--spacing-md) var(--spacing-lg);text-align:left;font-weight:var(--font-weight-semibold);color:var(--color-text-primary);font-size:var(--font-size-sm);border-bottom:1px solid var(--color-border);white-space:nowrap}.sortable-header{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color var(--transition-base)}.sortable-header:hover{background-color:var(--color-bg-primary)}.header-content{display:flex;align-items:center;gap:var(--spacing-xs)}.activities-data-table td{padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--color-border);font-size:var(--font-size-sm);vertical-align:middle}.data-row{cursor:pointer;transition:background-color var(--transition-base)}.data-row:hover{background-color:var(--color-bg-tertiary)}.variant-badge{display:inline-block;padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--color-accent-primary);color:#fff;border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.host-display,.host-id{font-family:monospace;color:var(--color-text-secondary)}.xp-amount,.xp-value{font-weight:var(--font-weight-semibold);color:var(--color-accent-primary)}.participant-count{color:var(--color-text-secondary)}.approval-badge{font-weight:var(--font-weight-medium);font-size:var(--font-size-xs)}.no-data-cell{text-align:center;padding:var(--spacing-2xl);color:var(--color-text-muted);font-style:italic}.activities-pagination-section{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) 0;border-top:1px solid var(--color-border);background-color:var(--color-bg-secondary);flex-shrink:0}.pagination-summary{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.pagination-navigation{display:flex;align-items:center;gap:var(--spacing-md)}.pagination-navigation button{padding:var(--spacing-sm) var(--spacing-md);height:auto;min-height:unset}.page-selector{display:flex;gap:var(--spacing-xs)}.page-btn{padding:var(--spacing-sm) var(--spacing-md);background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-primary);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-base)}.page-btn:hover{background-color:var(--color-bg-tertiary)}.page-btn.active{background-color:var(--color-accent-primary);border-color:var(--color-accent-primary);color:#fff}@media (max-width: 768px){.activities-content{padding:var(--spacing-lg)}.activities-header-section{flex-direction:column;gap:var(--spacing-md)}.activities-controls-section,.filter-controls{flex-direction:column;align-items:stretch;gap:var(--spacing-md)}.activities-pagination-section{flex-direction:column;gap:var(--spacing-md);text-align:center}.table-container{font-size:var(--font-size-xs)}.activities-data-table th,.activities-data-table td{padding:var(--spacing-sm)}}.variants-container{display:flex;flex-direction:column;height:calc(100vh - var(--spacing-4xl));max-height:calc(100vh - var(--spacing-4xl));gap:var(--spacing-lg);overflow:hidden}.variants-main{display:grid;grid-template-columns:320px 1fr;gap:var(--spacing-2xl);flex:1;min-height:0;height:100%}.variants-content{background:var(--color-bg-secondary);border-radius:var(--radius-md);border:1px solid var(--color-border);display:flex;flex-direction:column;height:100%;max-height:100%;overflow:hidden}.variants-content-scroll{flex:1;overflow-y:auto;padding:var(--spacing-md);min-height:0;padding-right:var(--spacing-sm)}.variants-content-scroll::-webkit-scrollbar{width:6px}.variants-content-scroll::-webkit-scrollbar-track{background:transparent}.variants-content-scroll::-webkit-scrollbar-thumb{background:var(--color-accent-secondary);border-radius:var(--radius-full)}.variants-content-scroll::-webkit-scrollbar-thumb:hover{background:var(--color-accent-secondary-hover)}.variant-details{display:flex;flex-direction:column;height:100%;overflow:hidden}.variant-header{padding:var(--spacing-lg);background:var(--color-bg-secondary);flex-shrink:0;border-top-left-radius:var(--radius-md);border-top-right-radius:var(--radius-md)}.variant-header-main{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-lg);margin-bottom:0}.variant-title-section{flex:1}.variant-title-row{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-xs)}.variant-title{font-family:var(--font-family-headings);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0}.variant-status-badge{padding:2px 8px;border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);text-transform:none;letter-spacing:.5px}.variant-status-badge.published{background:var(--color-success);color:#fff}.variant-status-badge.draft{background:var(--color-warning);color:#fff}.variant-meta{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:0}.variant-actions-primary{display:flex;gap:var(--spacing-sm)}.variant-actions-secondary{display:flex;gap:var(--spacing-sm);justify-content:flex-end}.variant-actions-all{display:flex;gap:var(--spacing-sm);align-items:center}.variant-content{flex:1;overflow:hidden;display:flex;flex-direction:column}.variants-sections{display:grid;grid-template-columns:1fr;gap:var(--spacing-md)}@media (min-width: 1000px){.variants-sections{grid-template-columns:1fr 1fr;grid-template-areas:"fields weights" "template template"}.variants-section:nth-child(1){grid-area:fields}.variants-section:nth-child(2){grid-area:weights}.variants-section:nth-child(3){grid-area:template}}@media (min-width: 1400px){.variants-sections{grid-template-columns:1fr 1fr;grid-template-areas:"fields weights" "template template"}}@media (min-width: 2200px){.variants-content-scroll{max-width:2000px;margin:0 auto}}.variants-section{border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-bg-primary);overflow:visible;display:flex;flex-direction:column;height:fit-content}.variants-section-header{padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-tertiary);display:flex;align-items:center;justify-content:space-between;border-top-left-radius:var(--radius-md);border-top-right-radius:var(--radius-md)}.variants-section-title{font-family:var(--font-family-headings);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.variants-section-content{padding:var(--spacing-sm);flex:1;display:flex;flex-direction:column;overflow:visible}.variants-empty-state{text-align:center;padding:var(--spacing-4xl) var(--spacing-xl);color:var(--color-text-secondary);background:var(--color-bg-primary);border:2px dashed var(--color-border);border-radius:var(--radius-md)}.variants-empty-state h4{margin-bottom:var(--spacing-sm);color:var(--color-text-primary)}.variants-empty-state p{margin:0;font-size:var(--font-size-sm)}.variant-details-empty{display:flex;align-items:center;justify-content:center;min-height:50vh}.variant-empty-content{text-align:center}.variant-empty-icon{width:64px;height:64px;background-color:var(--color-bg-primary);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;margin:0 auto var(--spacing-lg)}.variant-empty-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-sm)}.sidebar-header{margin-bottom:0;padding:var(--spacing-lg)}.sidebar-title-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:0}.sidebar-title-row button[data-create],.sidebar-actions button{background:var(--color-bg-tertiary);border:1px solid var(--color-border);transition:all .2s ease}.sidebar-title-row button[data-create]:hover:not(:disabled),.sidebar-actions button:hover:not(:disabled){background:var(--color-bg-primary);border-color:var(--color-accent-primary);transform:translateY(-1px)}.sidebar-title{font-family:var(--font-family-headings);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0}.sidebar-desc{font-size:var(--font-size-xs);color:var(--color-text-muted);margin:var(--spacing-xs) 0 0 0}.sidebar-list{padding:0 var(--spacing-sm) var(--spacing-sm);padding-top:0;flex:1;overflow-y:auto}.sidebar-list-loading,.sidebar-list-empty{text-align:center;color:var(--color-text-muted);padding:var(--spacing-lg)}.sidebar-list-empty-title{margin-bottom:var(--spacing-sm);color:var(--color-text-secondary)}.sidebar-list-empty-desc{font-size:var(--font-size-xs);margin:0}.sidebar-list-section{margin-bottom:var(--spacing-md)}.sidebar-list-section:last-child{margin-bottom:0}.sidebar-list-section-title{font-size:var(--font-size-xs);font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;margin:0 0 var(--spacing-sm) 0;padding:0 var(--spacing-xs)}.sidebar-list-items{display:flex;flex-direction:column;gap:var(--spacing-sm)}.sidebar-list-item{width:100%;padding:var(--spacing-sm);background-color:transparent;border:1px solid var(--color-border);border-radius:var(--radius-sm);text-align:left;cursor:pointer;transition:all var(--transition-base);display:flex;align-items:center;gap:var(--spacing-sm)}.sidebar-list-item:hover:not(.selected){background-color:var(--color-bg-primary);border-color:var(--color-border-hover)}.sidebar-list-item.selected{background-color:var(--color-bg-tertiary);border-color:var(--color-accent-primary)}.variant-status-indicator{width:8px;height:8px;border-radius:50%;flex-shrink:0}.variant-status-indicator.published{background-color:var(--color-success)}.variant-status-indicator.draft{background-color:var(--color-warning)}.sidebar-list-item-content{flex:1;min-width:0}.sidebar-list-item-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-list-item-meta{font-size:var(--font-size-xs);color:var(--color-text-muted)}.sidebar-list-header{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-xs);font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;margin:0 0 var(--spacing-sm) 0;padding:0 var(--spacing-xs)}.sidebar-list-item-row{display:flex;align-items:center;gap:var(--spacing-xs)}.sidebar-list-item-row .sidebar-list-item{flex:1;min-width:0}.sidebar-list-item-delete{display:flex;align-items:center;justify-content:center;background:none;border:none;padding:var(--spacing-xs);color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-sm);opacity:0;transition:opacity var(--transition-base),color var(--transition-base)}.sidebar-list-item-row:hover .sidebar-list-item-delete{opacity:1}.sidebar-list-item-delete:hover{color:var(--color-error);background-color:#ed42451a}.field-item,.weight-item{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-lg) var(--spacing-lg) var(--spacing-lg) var(--spacing-sm);transition:all var(--transition-base);display:flex;align-items:center;gap:var(--spacing-xs)}.field-item:hover,.weight-item:hover{border-color:var(--color-border-hover);background:var(--color-bg-tertiary);transform:translateY(-1px);box-shadow:var(--shadow-md)}.field-item-content,.weight-item-content{flex:1;min-width:0}.field-item-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-xs)}.field-item-name,.weight-item-name{font-weight:var(--font-weight-medium);color:var(--color-text-primary);font-size:var(--font-size-sm)}.field-item-description,.weight-item-description{color:var(--color-text-muted);font-size:var(--font-size-xs);margin-bottom:var(--spacing-xs)}.field-item-meta,.weight-item-meta{color:var(--color-text-secondary);font-size:var(--font-size-xs)}.field-type-badge{padding:2px 6px;border-radius:var(--radius-sm);color:#fff;font-size:10px;font-weight:var(--font-weight-medium)}.field-required-indicator{color:var(--color-danger);font-weight:var(--font-weight-bold);margin-left:var(--spacing-xs)}.item-actions{display:flex;align-items:center;gap:var(--spacing-xs)}.drag-handle{cursor:grab;color:var(--color-text-muted);padding:2px;border-radius:var(--radius-sm);transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;flex-shrink:0}.drag-handle:hover{color:var(--color-text-secondary);background:var(--color-bg-primary)}.drag-handle:active{cursor:grabbing}.field-item-dragged{opacity:.5;transform:rotate(2deg)}.field-item-drag-over{border-color:var(--color-accent-primary);background:var(--color-bg-primary);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.field-item-reordering{opacity:.7;cursor:wait}.field-item-reordering .drag-handle{cursor:wait}.field-item-system{padding:var(--spacing-sm) var(--spacing-sm) var(--spacing-sm) var(--spacing-md);background:var(--color-bg-primary);border-style:dashed;opacity:.8;cursor:default}.field-item-system:hover{transform:none;box-shadow:none;background:var(--color-bg-primary);border-style:dashed}.field-item-system .field-item-header{margin-bottom:0}.field-item-system .field-item-name{font-size:var(--font-size-xs)}.field-item-system .field-type-badge{font-size:10px;padding:2px 6px}.field-item-system .field-required-indicator{font-size:var(--font-size-xs)}.field-type-badge.field-type-text{background-color:var(--color-accent-primary)}.field-type-badge.field-type-number,.field-type-badge.field-type-decimal{background-color:#23a559}.field-type-badge.field-type-boolean{background-color:#faa61a}.field-type-badge.field-type-list{background-color:#ed4245}.field-type-badge.field-type-multiplier{background-color:#9146ff}.field-type-badge.field-type-attachment{background-color:#00d166}.field-type-badge.field-type-default{background-color:#4f545c}.template-preview{background:var(--color-bg-primary);padding:var(--spacing-sm);margin:var(--spacing-sm)}.template-preview:not(.variants-section-content .template-preview){border:1px solid var(--color-border);border-radius:var(--radius-md)}.template-preview-header{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);margin-bottom:var(--spacing-sm)}.template-preview-content{font-family:var(--font-family);font-size:var(--font-size-sm);color:var(--color-text-primary);white-space:pre-line;line-height:1.6}.template-preview-content h1,.template-preview-content h2,.template-preview-content h3,.template-preview-content h4,.template-preview-content h5,.template-preview-content h6{font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:var(--spacing-md) 0 var(--spacing-sm) 0}.template-preview-content h1{font-size:var(--font-size-xl)}.template-preview-content h2{font-size:var(--font-size-lg)}.template-preview-content h3{font-size:var(--font-size-base)}.template-preview-content p{margin:var(--spacing-sm) 0;line-height:1.6}.template-preview-content strong{font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.template-preview-content em{font-style:italic;color:var(--color-text-primary)}.template-preview-content code{background-color:var(--color-bg-tertiary);color:var(--color-text-primary);padding:2px 4px;border-radius:var(--radius-sm);font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.9em}.template-preview-content pre{background-color:var(--color-bg-tertiary);color:var(--color-text-primary);padding:var(--spacing-md);border-radius:var(--radius-sm);border:1px solid var(--color-border);overflow-x:auto;margin:var(--spacing-sm) 0}.template-preview-content blockquote{border-left:3px solid var(--color-accent-primary);padding-left:var(--spacing-md);margin:var(--spacing-sm) 0;color:var(--color-text-secondary);font-style:italic}.template-preview-content ul,.template-preview-content ol{margin:var(--spacing-sm) 0;padding-left:var(--spacing-xl)}.template-preview-content li{margin:var(--spacing-xs) 0;line-height:1.5}.template-preview-content a{color:var(--color-accent-primary);text-decoration:none}.template-preview-content a:hover{text-decoration:underline}.template-variables{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-top:var(--spacing-lg)}.template-variable{padding:4px 8px;background:var(--color-bg-tertiary);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-family:monospace;color:var(--color-text-primary);border:1px solid var(--color-border)}.variants-loading,.variants-no-guild{display:flex;align-items:center;justify-content:center;min-height:50vh}.variants-no-guild-content{text-align:center}@media (max-width: 1200px){.variants-main{grid-template-columns:280px 1fr;gap:var(--spacing-lg)}}@media (max-width: 992px){.variants-main{grid-template-columns:260px 1fr}.variants-section-content{padding:var(--spacing-lg) var(--spacing-lg) var(--spacing-md) var(--spacing-lg)}.variants-sections{grid-template-columns:1fr;grid-template-areas:none;gap:var(--spacing-lg)}.variants-section:nth-child(1),.variants-section:nth-child(2),.variants-section:nth-child(3){grid-area:unset}}@media (max-width: 768px){.variants-main{grid-template-columns:1fr;gap:var(--spacing-md)}.variants-content{order:1}.variants-sections{grid-template-columns:1fr;grid-template-areas:none;gap:var(--spacing-md)}.variants-section:nth-child(1),.variants-section:nth-child(2),.variants-section:nth-child(3){grid-area:unset}.variants-content-scroll{padding:var(--spacing-lg);padding-right:var(--spacing-md)}.variant-header{padding:var(--spacing-lg)}.variant-header-main{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}.variant-actions-all{width:100%;display:flex;flex-wrap:wrap;gap:var(--spacing-xs);justify-content:flex-start}.variant-actions-all button{flex:1;min-width:calc(50% - var(--spacing-xs) / 2);justify-content:center}.variant-actions-primary,.variant-actions-secondary{flex-wrap:wrap}.variants-section-content{padding:var(--spacing-md) var(--spacing-md) var(--spacing-sm) var(--spacing-md)}.field-item,.weight-item{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.item-actions{width:100%;justify-content:flex-end}}.command-interface{padding:var(--spacing-lg);background:var(--color-bg-tertiary);border-radius:var(--radius-md);border:1px solid var(--color-border);margin:var(--spacing-sm)}.command-line{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-sm);font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;font-size:var(--font-size-md);line-height:1.5;overflow:visible}.field-param.deletable{display:inline-flex;align-items:center;gap:6px;overflow:hidden;transition:all .2s ease}.field-name{flex-shrink:0}.field-delete-icon{display:inline-flex;align-items:center;justify-content:center;color:var(--color-danger);opacity:0;width:0;margin-left:-6px;transition:all .2s ease;flex-shrink:0;cursor:pointer}.field-param.deletable:hover .field-delete-icon{opacity:1;width:16px;margin-left:0}.field-param.deletable:hover{padding-right:var(--spacing-sm)}.command-prefix{color:var(--color-accent-primary);font-weight:var(--font-weight-bold);background:var(--color-bg-secondary);padding:6px 10px;border-radius:var(--radius-sm);border:1px solid var(--color-border);height:28px;display:flex;align-items:center;box-sizing:border-box}.command-prefix-text{color:var(--color-text-secondary);font-weight:var(--font-weight-medium);height:28px;display:flex;align-items:center;padding:0}.variant-name-button{background:var(--color-accent-primary);color:#fff;border:1px solid var(--color-accent-primary);padding:6px 12px;border-radius:var(--radius-sm);font-family:inherit;font-size:inherit;font-weight:var(--font-weight-medium);cursor:pointer;transition:all .2s ease;height:28px;display:flex;align-items:center;box-sizing:border-box}.variant-name-text{background:transparent;color:var(--color-text-secondary);border:none;padding:0 4px 0 2px;font-family:inherit;font-size:inherit;font-weight:var(--font-weight-medium);cursor:pointer;transition:all .2s ease;height:28px;display:flex;align-items:center;text-decoration:underline;text-decoration-color:transparent}.variant-name-text:hover:not(:disabled){color:var(--color-text-primary);text-decoration-color:var(--color-text-primary)}.variant-name-text:disabled{opacity:.6;cursor:not-allowed}.variant-name-button:hover:not(:disabled){background:var(--color-accent-primary-hover);border-color:var(--color-accent-primary-hover);transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.variant-name-button:disabled{opacity:.6;cursor:not-allowed}.field-param,.weight-param{background:var(--color-bg-secondary);color:var(--color-text-primary);border:1px solid var(--color-border);padding:6px 10px;border-radius:var(--radius-sm);font-family:inherit;font-size:inherit;cursor:pointer;transition:all .2s ease;position:relative;height:28px;display:flex;align-items:center;box-sizing:border-box}.field-param.custom-field:hover:not(:disabled),.weight-param:hover:not(:disabled){background:var(--color-bg-tertiary);border-color:var(--color-accent-secondary);transform:translateY(-1px);box-shadow:0 2px 4px #0000000d}.field-param.required:after{content:"*";color:var(--color-danger);margin-left:2px}.field-param.optional{opacity:.8}.field-param:disabled,.weight-param:disabled{opacity:.5;cursor:not-allowed}.weight-param{background:var(--color-bg-secondary);border-color:var(--color-border);color:var(--color-text-primary)}.weight-param:hover:not(:disabled){background:var(--color-bg-tertiary);border-color:var(--color-accent-secondary)}.add-param-button{background:transparent;color:var(--color-text-secondary);border:1px dashed var(--color-border);padding:6px 8px;border-radius:var(--radius-sm);font-family:inherit;font-size:var(--font-size-sm);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:4px;height:28px;box-sizing:border-box}.add-param-button:hover{background:var(--color-bg-secondary);color:var(--color-text-primary);border-color:var(--color-accent-secondary)}.add-param-button.field-add:hover{border-color:var(--color-accent-primary);color:var(--color-accent-primary)}.add-param-button.weight-add:hover{border-color:var(--color-warning);color:var(--color-warning)}.field-param.custom-field{cursor:move}.field-param.custom-field:active{cursor:grabbing}.field-param.custom-field.dragging{opacity:.5;transform:scale(.95)}.field-param.custom-field.drag-over{background:var(--color-accent-primary);color:#fff;border-color:var(--color-accent-primary);transform:scale(1.05)}.field-param.required{font-weight:var(--font-weight-medium)}.field-param.optional{opacity:.85}.weight-dropdown-container{position:relative;display:inline-block}.weight-dropdown{position:absolute;top:calc(100% + 4px);left:0;min-width:200px;background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:0 4px 12px #00000026;z-index:10000;overflow:hidden}.weight-dropdown-item{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;background:transparent;border:none;color:var(--color-text-primary);font-size:var(--font-size-sm);font-family:inherit;cursor:pointer;text-align:left;transition:background-color .2s ease}.weight-dropdown-item:hover{background:var(--color-bg-secondary)}.weight-dropdown-item.add-weight{border-top:1px solid var(--color-border);color:var(--color-accent-primary)}.weight-dropdown-item.add-weight:hover{background:var(--color-accent-primary);color:#fff}.weight-dropdown-group{display:flex;align-items:center}.weight-dropdown-group .weight-dropdown-item{flex:1}.weight-dropdown-group .weight-dropdown-item.delete-weight{flex:0;padding:8px;color:var(--color-text-secondary)}.weight-dropdown-group .weight-dropdown-item.delete-weight:hover{background:var(--color-danger);color:#fff}@media (max-width: 768px){.command-interface{padding:var(--spacing-md)}.command-line{font-size:var(--font-size-sm);gap:6px}.command-prefix,.command-prefix-text,.variant-name-button,.variant-name-text,.field-param,.weight-param,.add-param-button{font-size:var(--font-size-sm);height:24px}.command-prefix,.field-param,.weight-param,.add-param-button{padding:4px 8px}.variant-name-button{padding:4px 10px}.command-prefix-text,.variant-name-text{padding:0 2px}}.dashboard-container{width:100%;max-width:none;margin:0;padding:0;background-color:transparent;border:none;overflow:hidden;height:calc(100vh - var(--spacing-4xl) - 64px);display:flex;flex-direction:column;gap:var(--spacing-lg)}.dashboard-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-lg);width:100%}.dashboard-card{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-lg);transition:all var(--transition-base);display:flex;flex-direction:column;gap:var(--spacing-md)}.dashboard-card-header{display:flex;align-items:center;gap:var(--spacing-md)}.dashboard-card-icon{width:48px;height:48px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#fff}.dashboard-card-title{font-family:var(--font-family-headings);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);margin:0;text-transform:uppercase;letter-spacing:.5px}.dashboard-card-content{display:flex;flex-direction:column;gap:var(--spacing-xs)}.dashboard-card-value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);line-height:1.2}.dashboard-card-subtitle{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0}.dashboard-tip-card{grid-column:span 2}.dashboard-tip-text{font-size:var(--font-size-md);color:var(--color-text-secondary);line-height:1.5;margin:0}.dashboard-loading,.dashboard-error{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;text-align:center}.dashboard-error h2{color:var(--color-text-primary);margin-bottom:var(--spacing-sm)}.dashboard-error p{color:var(--color-text-secondary);margin:0}.dashboard-feeds{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:var(--spacing-lg);flex:1;min-height:0}.dashboard-feed-card{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-md);min-height:0;height:100%}.dashboard-feed-header{display:flex;align-items:center;gap:var(--spacing-sm);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--color-border)}.dashboard-feed-header h3{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.dashboard-feed-header svg{color:#fff}.dashboard-feed-content{flex:1;overflow-y:auto;min-height:0}.dashboard-feed-empty{display:flex;align-items:center;justify-content:center;height:100%;color:var(--color-text-muted);font-style:italic}.dashboard-feed-items{display:flex;flex-direction:column;gap:var(--spacing-sm)}.dashboard-feed-item{padding:var(--spacing-sm);background-color:var(--color-bg-primary);border-radius:var(--radius-sm);display:flex;flex-direction:column;gap:var(--spacing-xs);transition:all var(--transition-base)}.dashboard-feed-item:hover{background-color:var(--color-bg-tertiary)}.dashboard-feed-item-main{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm)}.dashboard-feed-item-meta{display:flex;justify-content:space-between;align-items:center;font-size:var(--font-size-xs)}.dashboard-feed-command{font-family:monospace;font-weight:var(--font-weight-medium);color:var(--color-accent-primary)}.dashboard-feed-user,.dashboard-feed-host{color:var(--color-text-secondary)}.dashboard-feed-activity{font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.dashboard-feed-xp{font-weight:var(--font-weight-semibold);color:var(--color-accent-primary)}.dashboard-feed-time{color:var(--color-text-muted);font-size:var(--font-size-xs)}.dashboard-nav-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--spacing-sm);padding:var(--spacing-xs)}.dashboard-nav-card{display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-xs);padding:var(--spacing-md);background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);text-align:left;min-height:72px;text-decoration:none;color:inherit}.dashboard-nav-card:hover{border-color:var(--color-border-hover);background:var(--color-bg-tertiary);transform:translateY(-1px)}.dashboard-nav-card.highlighted{border-color:var(--color-accent-primary);background:#5865f20d}.dashboard-nav-card.highlighted:hover{border-color:var(--color-accent-primary);background:#5865f21a}.dashboard-nav-card-header{display:flex;align-items:center;gap:var(--spacing-sm);width:100%}.dashboard-nav-card-icon{width:24px;height:24px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#fff}.dashboard-nav-card-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0;line-height:1.2;flex:1}.dashboard-nav-card-description{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin:0;line-height:1.3;margin-top:calc(-1 * var(--spacing-xs))}.loading-container{display:flex;align-items:center;justify-content:center;min-height:50vh}.full-screen-loading{min-height:100vh;background:var(--color-bg-primary)}@media (max-width: 1024px){.dashboard-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.dashboard-tip-card{grid-column:span 2}.dashboard-nav-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--spacing-xs)}.dashboard-nav-card{min-height:50px;padding:var(--spacing-xs)}.dashboard-nav-card-description{padding-left:calc(20px + var(--spacing-xs))}}@media (max-width: 768px){.dashboard-container{height:calc(100vh - var(--spacing-2xl));gap:var(--spacing-md)}.dashboard-grid{grid-template-columns:1fr;gap:var(--spacing-md)}.dashboard-tip-card{grid-column:span 1}.dashboard-card{padding:var(--spacing-md)}.dashboard-nav-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-xs)}.dashboard-nav-card{min-height:44px;padding:var(--spacing-xs)}.dashboard-nav-card-icon{width:20px;height:20px}.dashboard-nav-card-title{font-size:var(--font-size-xs)}.dashboard-nav-card-description{display:none}.dashboard-card-value{font-size:var(--font-size-xl)}.dashboard-feeds{grid-template-columns:1fr}.dashboard-feed-card{padding:var(--spacing-md);height:100%}}.library-container{width:100%;max-width:none;margin:0;padding:0;background-color:var(--color-bg-secondary);border-radius:var(--radius-md);border:1px solid var(--color-border);overflow:hidden;height:calc(100vh - var(--spacing-4xl) - 64px);display:flex;flex-direction:column}.library-content{display:flex;flex-direction:column;flex:1;padding:var(--spacing-xl);gap:var(--spacing-lg);overflow:hidden;min-height:0}.library-header-section{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-lg);padding:var(--spacing-xl) var(--spacing-xl) 0 var(--spacing-xl)}.library-title-area{flex:1}.library-main-title{font-family:var(--font-family-headings);margin:0;font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.library-count{margin:var(--spacing-xs) 0 0 0;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.library-controls-section{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-lg);padding:0 var(--spacing-xl)}.library-search-area{flex:1;max-width:400px}.library-sort-controls{display:flex;gap:var(--spacing-sm);align-items:center}.sort-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:var(--font-weight-medium);margin-right:var(--spacing-xs)}.sort-button{display:flex;align-items:center;gap:var(--spacing-xs)}.template-grid{padding:var(--spacing-xl);overflow-y:auto;flex:1}.library-container .template-card{background-color:var(--color-bg-primary);border:1px solid var(--color-border);transition:all var(--transition-base)}.library-container .template-card:hover{border-color:var(--color-accent-primary);box-shadow:0 2px 8px #0000001a}.template-card-actions{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.template-apply-button{transition:all var(--transition-base);min-width:140px;flex:1}.template-apply-button.has-existing-config{animation:pulse-warning 2s ease-in-out infinite}@keyframes pulse-warning{0%,to{box-shadow:0 0 #ef444466}50%{box-shadow:0 0 0 4px #ef444400}}.template-apply-button.success-state{background-color:var(--color-success)!important;border-color:var(--color-success)!important;animation:none}.template-apply-button.success-state:hover{background-color:var(--color-success)!important}.template-download-button{transition:all var(--transition-base);min-width:200px;flex:2}.template-download-button.success-state{background-color:var(--color-success)!important;border-color:var(--color-success)!important}.template-download-button.success-state:hover{background-color:var(--color-success)!important}.download-success-icon{animation:checkPulse .6s ease-out}@keyframes checkPulse{0%{transform:scale(.3);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.empty-state{padding:var(--spacing-xl);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:var(--spacing-md);flex:1}.empty-state h3{color:var(--color-text-primary);margin:0}.empty-state p{color:var(--color-text-secondary);margin:0;max-width:500px}.warning-banner{display:flex;gap:var(--spacing-md);padding:var(--spacing-md);background-color:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg)}.warning-banner svg{color:var(--color-danger);flex-shrink:0;margin-top:2px}.warning-title{font-weight:var(--font-weight-bold);color:var(--color-danger);margin:0 0 var(--spacing-xs) 0;font-size:var(--font-size-base)}.warning-text{color:var(--color-text-primary);margin:0;font-size:var(--font-size-sm)}.warning-list{list-style:none;padding:0;margin:0 0 var(--spacing-lg) 0}.warning-list li{padding:var(--spacing-sm) 0;padding-left:var(--spacing-lg);position:relative;color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:1.5}.warning-list li:before{content:"•";position:absolute;left:0;color:var(--color-danger);font-weight:700;font-size:var(--font-size-lg)}.warning-list li strong{color:var(--color-text-primary)}.warning-footer{font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin:0;padding-top:var(--spacing-md);border-top:1px solid var(--color-border)}@media (max-width: 768px){.library-controls-section{flex-direction:column;align-items:stretch;gap:var(--spacing-md)}.library-search-area{max-width:none}.library-sort-controls{justify-content:center;flex-wrap:wrap}.library-header-section{padding:var(--spacing-lg) var(--spacing-lg) 0 var(--spacing-lg)}.library-controls-section{padding:0 var(--spacing-lg)}.template-grid{padding:var(--spacing-lg)}}.guild-dropdown{position:relative;width:100%}.guild-dropdown-trigger{width:200px;display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);font-size:var(--font-size-sm);min-height:36px}.guild-dropdown-trigger:hover{border-color:var(--color-border-hover)}.guild-dropdown-trigger:disabled{opacity:.6;cursor:not-allowed}.guild-dropdown-selected{display:flex;align-items:center;gap:var(--spacing-sm);flex:1;min-width:0}.guild-dropdown .guild-icon,.guild-dropdown-menu .guild-icon{width:20px;height:20px;border-radius:var(--radius-xs);background:var(--color-bg-tertiary);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--color-text-primary);flex-shrink:0;overflow:hidden}.guild-dropdown .guild-icon img,.guild-dropdown-menu .guild-icon img{width:100%;height:100%;object-fit:cover}.guild-dropdown .guild-name,.guild-dropdown-menu .guild-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);text-overflow:ellipsis;white-space:nowrap;overflow:hidden;flex:1}.guild-dropdown .guild-placeholder{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.guild-dropdown-chevron{color:#fff;transition:transform var(--transition-fast);flex-shrink:0}.guild-dropdown-chevron.open{transform:rotate(180deg)}.guild-dropdown-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:998;pointer-events:auto}.guild-dropdown-menu{position:absolute;top:calc(100% + var(--spacing-sm));right:0;width:200px;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);z-index:999;max-height:300px;overflow-y:auto;overflow-x:hidden;padding:var(--spacing-xs);pointer-events:auto;box-sizing:border-box}.guild-dropdown-item{width:100%;display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:background-color var(--transition-fast);font-size:var(--font-size-sm);text-align:left;color:var(--color-text-primary);min-width:0;max-width:100%}.guild-dropdown-item:hover,.guild-dropdown-item.selected{background:var(--color-bg-primary)}.guild-dropdown-item.change-server{color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}.guild-dropdown-item.change-server:hover{color:var(--color-text-primary)}.guild-dropdown-divider{height:1px;background:var(--color-border);margin:var(--spacing-xs) 0}.guild-selected-icon{color:#fff;margin-left:auto}.guild-dropdown-item-wrapper{position:relative;display:flex;align-items:center;width:100%}.guild-dropdown-item-wrapper .guild-dropdown-item{flex:1;margin-right:var(--spacing-xs)}.guild-edit-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:transparent;border:none;border-radius:var(--radius-xs);cursor:pointer;color:#fff;transition:all var(--transition-fast);opacity:0}.guild-dropdown-item-wrapper:hover .guild-edit-btn{opacity:1}.guild-edit-btn:hover{background:var(--color-bg-primary);color:#fff}.floating-nav{position:fixed;top:24px;left:24px;z-index:100;background:transparent;pointer-events:none}.floating-nav-items{position:relative;display:flex;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-xs);pointer-events:auto}.floating-nav-highlight{position:absolute;top:var(--spacing-xs);left:var(--spacing-xs);background:var(--color-bg-primary);border-radius:var(--radius-sm);transition:all var(--transition-fast);pointer-events:none;border:1px solid var(--color-border)}.floating-nav-item{position:relative;display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);text-decoration:none;color:var(--color-text-secondary);transition:color var(--transition-fast);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);white-space:nowrap;z-index:1}.floating-nav-item:hover,.floating-nav-item.active{color:var(--color-text-primary)}.floating-nav-item.premium-locked{opacity:.8}.floating-nav-item.premium-locked:hover{opacity:1}.floating-nav-item:after{content:attr(data-tooltip);position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);background:var(--color-bg-tertiary);color:var(--color-text-primary);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);white-space:nowrap;opacity:0;visibility:hidden;transition:all var(--transition-fast);pointer-events:none;z-index:10000;border:1px solid var(--color-border);box-shadow:var(--shadow-md)}.floating-nav-item:hover:after{opacity:1;visibility:visible}.floating-nav-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.floating-nav-brand{font-family:var(--font-family-headings);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary);padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-sm);white-space:nowrap;z-index:1}.floating-nav-brand img{height:24px;width:auto;display:block}.plus-badge{color:var(--color-accent-primary)}.floating-nav-brand-separator,.floating-nav-separator{width:1px;height:24px;background:var(--color-border);margin:0 var(--spacing-xs);align-self:center}.floating-actions{position:fixed;top:24px;right:24px;z-index:100;background:transparent;pointer-events:none}.floating-actions-items{position:relative;display:flex;gap:2px;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-xs);pointer-events:auto}.floating-actions-highlight{position:absolute;top:var(--spacing-xs);left:var(--spacing-xs);background:var(--color-bg-primary);border-radius:var(--radius-sm);transition:all var(--transition-fast);pointer-events:none;border:1px solid var(--color-border)}.floating-actions-item{position:relative;display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);background:transparent;border:none;color:var(--color-text-secondary);cursor:pointer;transition:color var(--transition-fast);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);white-space:nowrap;z-index:1}.floating-actions-item:hover,.floating-actions-item.active{color:var(--color-text-primary)}.floating-actions-item:disabled{opacity:.6;cursor:not-allowed}.floating-actions-item.loading{color:var(--color-primary)}.floating-actions-item.success{color:var(--color-success)}.spinning{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(360deg)}to{transform:rotate(0)}}.floating-guild-display{display:flex;align-items:center;gap:var(--spacing-sm);width:160px;min-width:160px;max-width:160px}.floating-guild-icon{width:20px;height:20px;border-radius:var(--radius-xs);background:var(--color-bg-tertiary);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--color-text-primary);overflow:hidden;flex-shrink:0}.floating-guild-icon img{width:100%;height:100%;object-fit:cover}.floating-guild-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);max-width:120px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.floating-actions-item:nth-child(3) span,.floating-actions-item:nth-child(4) span,.floating-actions-item:nth-child(5) span,.floating-actions-item:nth-child(6) span,.floating-actions-item:nth-child(7) span{display:none!important}.floating-actions-item:nth-child(3),.floating-actions-item:nth-child(4),.floating-actions-item:nth-child(5),.floating-actions-item:nth-child(6),.floating-actions-item:nth-child(7){gap:0!important;padding:var(--spacing-sm)!important}.floating-actions-item{position:relative}.floating-actions-item:after{content:attr(data-tooltip);position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%) scale(.8);background:var(--color-bg-primary);color:var(--color-text-primary);padding:6px 12px;border-radius:var(--radius-sm);font-size:var(--font-size-xs);white-space:nowrap;opacity:0;pointer-events:none;transition:all .2s ease;transition-delay:0s;border:1px solid var(--color-border);z-index:1002}.floating-actions-item:hover:after{opacity:1;transform:translate(-50%) scale(1);transition-delay:.5s}.floating-actions .guild-dropdown-menu{top:calc(100% + var(--spacing-sm));right:0;left:auto;width:200px}.floating-nav-item:not(.active){padding:var(--spacing-sm)!important;min-width:auto!important}.floating-nav-item:not(.active) .floating-nav-label{display:none!important}.floating-nav-item.active{padding:var(--spacing-sm) var(--spacing-md)!important}.floating-nav-item.active .floating-nav-label{display:inline!important}@media (min-width: 1025px) and (max-width: 1299px){.floating-nav-brand,.floating-nav-brand-separator,.floating-guild-name{display:block!important}}@media (max-width: 1024px){.floating-nav-label,.floating-nav-brand,.floating-nav-brand-separator,.floating-guild-name,.floating-actions-item span,.floating-guild-display svg{display:none}.floating-nav-item,.floating-actions-item{padding:var(--spacing-sm);min-width:auto}.floating-nav-separator{height:16px;margin:0 var(--spacing-xs)}.floating-guild-display{gap:0;width:18px;min-width:18px;max-width:18px}.floating-actions-item svg{margin:0}.floating-actions-item{height:auto;padding:var(--spacing-sm);min-height:34px;max-height:34px}.floating-guild-display{height:18px;align-items:center;justify-content:center}.floating-guild-icon{width:18px;height:18px;flex-shrink:0}.guild-dropdown-trigger,.guild-dropdown-menu{width:160px}.btn,button{min-height:auto}.btn-sm,button.btn-sm{height:32px;min-height:32px;max-height:32px}}@media (max-width: 768px){.floating-nav{display:none}.floating-actions{top:16px;right:16px}}.mobile-nav-fab{position:fixed;bottom:24px;width:56px;height:56px;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--color-text-primary);box-shadow:0 4px 12px #00000026;z-index:100;transition:all var(--transition-fast);cursor:pointer}.mobile-nav-fab:active{transform:scale(.95)}.mobile-nav-fab.active{background:var(--color-accent-primary);color:#fff}.mobile-nav-fab-left{left:24px}.mobile-nav-fab-right{right:24px}.mobile-menu-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:90;animation:fadeIn .2s ease-out}.mobile-nav-menu{position:fixed;bottom:88px;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-sm);box-shadow:0 8px 24px #0003;z-index:95;animation:slideUp .3s ease-out;max-height:70vh;overflow-y:auto}.mobile-nav-menu-left{left:24px;right:auto;min-width:200px}.mobile-nav-menu-right{right:24px;left:auto;min-width:220px}.mobile-menu-items{display:flex;flex-direction:column;gap:2px}.mobile-menu-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);border-radius:var(--radius-sm);background:transparent;border:none;color:var(--color-text-secondary);text-decoration:none;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);transition:all var(--transition-fast);cursor:pointer;width:100%;text-align:left}.mobile-menu-item:hover{background:var(--color-bg-primary);color:var(--color-text-primary)}.mobile-menu-item:active{transform:scale(.98)}.mobile-menu-item.active{background:var(--color-bg-primary);color:var(--color-text-primary)}.mobile-menu-item.active svg{color:var(--color-accent-primary)}.mobile-menu-item.premium-locked{opacity:.8}.mobile-menu-item.premium-locked:hover{opacity:1}.mobile-menu-divider{height:1px;background:var(--color-border);margin:var(--spacing-xs) 0}.mobile-guild-section{margin-top:var(--spacing-sm)}.mobile-guild-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--spacing-md);background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.mobile-guild-trigger:hover{border-color:var(--color-border-hover)}.mobile-guild-info{display:flex;align-items:center;gap:var(--spacing-sm)}.mobile-guild-icon,.mobile-guild-icon-placeholder{width:24px;height:24px;border-radius:var(--radius-sm);flex-shrink:0}.mobile-guild-icon{object-fit:cover}.mobile-guild-icon-placeholder{background:var(--color-bg-tertiary);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.mobile-guild-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.mobile-guild-chevron{color:var(--color-text-secondary);transition:transform var(--transition-fast)}.mobile-guild-chevron.open{transform:rotate(180deg)}.mobile-guild-dropdown{margin-top:var(--spacing-sm);background:var(--color-bg-tertiary);border-radius:var(--radius-sm);padding:var(--spacing-xs);max-height:200px;overflow-y:auto}.mobile-guild-item{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-sm);background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);text-align:left;color:var(--color-text-secondary);font-size:var(--font-size-sm)}.mobile-guild-item:hover,.mobile-guild-item.active{background:var(--color-bg-primary);color:var(--color-text-primary)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes growWiggle{0%,to{transform:scale(1) rotate(0);box-shadow:0 0 #ef444400}25%{transform:scale(1.25) rotate(-5deg);box-shadow:0 0 8px #ef444499}50%{transform:scale(1.3) rotate(5deg);box-shadow:0 0 12px #ef4444cc}75%{transform:scale(1.25) rotate(-3deg);box-shadow:0 0 8px #ef444499}}.floating-actions-item.needs-reload{animation:growWiggle 1.5s ease-in-out infinite;background-color:#ef4444!important;border-color:#dc2626!important;color:#fff!important;position:relative;z-index:10}@keyframes wiggle{0%{transform:rotate(0) scale(1)}15%{transform:rotate(-12deg) scale(1.2)}30%{transform:rotate(12deg) scale(1.2)}45%{transform:rotate(-8deg) scale(1.15)}60%{transform:rotate(8deg) scale(1.15)}75%{transform:rotate(-4deg) scale(1.08)}90%{transform:rotate(4deg) scale(1.08)}to{transform:rotate(0) scale(1)}}.floating-actions-item.wiggle{animation:wiggle 1s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.floating-actions-item.pulse{animation:pulse 2s ease-in-out infinite}@keyframes wiggle-intermittent{0%{transform:rotate(0)}2%{transform:rotate(-8deg)}4%{transform:rotate(8deg)}6%{transform:rotate(-8deg)}8%{transform:rotate(8deg)}10%{transform:rotate(0)}to{transform:rotate(0)}}.floating-actions-item.wiggle-intermittent{animation:wiggle-intermittent 8s ease-in-out infinite}.checklist-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000d9;z-index:9998;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.checklist-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:var(--color-bg-secondary);border-radius:var(--radius-md);padding:0;max-width:550px;width:calc(100% - 48px);max-height:80vh;border:1px solid var(--color-border);box-shadow:0 8px 24px #0006;z-index:9999;display:flex;flex-direction:column;overflow:hidden}.checklist-modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);border-bottom:1px solid var(--color-border);background:var(--color-bg-tertiary)}.checklist-modal-header h2{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0;display:flex;align-items:center;gap:var(--spacing-md)}.checklist-modal-header h2 svg{color:var(--color-accent-primary)}.checklist-modal-close{background:transparent;border:none;color:var(--color-text-secondary);cursor:pointer;font-size:24px;padding:4px 8px;line-height:1;transition:color .2s;border-radius:var(--radius-sm)}.checklist-modal-close:hover{color:var(--color-text-primary);background:var(--color-bg-primary)}.checklist-modal-body{flex:1;overflow-y:auto;padding:var(--spacing-lg)}.checklist-loading{text-align:center;padding:var(--spacing-xl);color:var(--color-text-secondary)}.checklist-section{margin-bottom:var(--spacing-xl)}.checklist-section:last-child{margin-bottom:0}.checklist-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-sm)}.checklist-section-header h3{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0;text-transform:uppercase;letter-spacing:.5px}.checklist-progress{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}.checklist-progress-bar{width:100%;height:6px;background-color:var(--color-bg-primary);border-radius:3px;overflow:hidden;margin-bottom:var(--spacing-md)}.checklist-progress-fill{height:100%;background-color:var(--color-accent-primary);transition:width .3s ease;border-radius:3px}.checklist-progress-fill.optional{background-color:var(--color-text-secondary)}.checklist-items{display:flex;flex-direction:column;gap:var(--spacing-sm)}.checklist-item{display:flex;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-sm);transition:all .2s ease}.checklist-item.completed{background:#43b5811a;border-color:#43b5814d}.checklist-item.clickable:hover{border-color:var(--color-border-hover);background:var(--color-bg-tertiary)}.checklist-item.clickable.completed:hover{background:#43b58126;border-color:#43b58180}.checklist-item-icon{flex-shrink:0;color:var(--color-text-secondary);margin-top:2px}.checklist-item.completed .checklist-item-icon{color:#43b581}.checklist-item-content{flex:1;min-width:0}.checklist-item-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin-bottom:2px}.checklist-item.completed .checklist-item-title{color:#43b581}.checklist-item-description{font-size:var(--font-size-xs);color:var(--color-text-secondary);line-height:1.4}.checklist-modal-footer{padding:var(--spacing-lg);border-top:1px solid var(--color-border);background:var(--color-bg-tertiary);display:flex;justify-content:flex-end;gap:var(--spacing-sm)}.checklist-dismiss-button{background-color:transparent;color:var(--color-text-secondary);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--spacing-sm) var(--spacing-lg);font-family:var(--font-family-headings);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);cursor:pointer;transition:all .2s}.checklist-dismiss-button:hover{background-color:var(--color-bg-primary);color:var(--color-text-primary);border-color:var(--color-border-hover)}.checklist-dismiss-button:disabled{opacity:.6;cursor:not-allowed}.checklist-close-button{background-color:var(--color-accent-primary);color:#fff;border:none;border-radius:var(--radius-sm);padding:var(--spacing-sm) var(--spacing-lg);font-family:var(--font-family-headings);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);cursor:pointer;transition:background-color .2s}.checklist-close-button:hover{background-color:#4752c4}.checklist-button-container{position:relative;display:flex;align-items:center}.checklist-notification{position:absolute;top:calc(100% + 8px);right:0;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-md) var(--spacing-lg);display:flex;align-items:center;gap:var(--spacing-sm);white-space:nowrap;box-shadow:var(--shadow-md);z-index:1001;animation:slideDown .2s ease-out}.checklist-notification:before{content:"";position:absolute;top:-6px;right:12px;width:10px;height:10px;background:var(--color-bg-secondary);border-left:1px solid var(--color-border);border-top:1px solid var(--color-border);transform:rotate(45deg)}.checklist-notification-content{display:flex;align-items:center;gap:var(--spacing-xs)}.checklist-notification-label{font-size:var(--font-size-xs);color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}.checklist-notification-task{font-size:var(--font-size-sm);color:#43b581;font-weight:var(--font-weight-semibold)}.checklist-notification-dismiss{background:transparent;border:none;color:var(--color-text-secondary);font-size:16px;line-height:1;cursor:pointer;padding:2px 4px;border-radius:var(--radius-xs);transition:all .15s;margin-left:var(--spacing-xs)}.checklist-notification-dismiss:hover{color:var(--color-text-primary);background:var(--color-bg-primary)}@keyframes slideDown{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){body{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;overscroll-behavior:contain}.main-content-with-floating-nav{padding-top:var(--spacing-lg)!important}.page-container:not(.admin-page){height:calc(100vh - var(--spacing-2xl))!important;overflow:hidden!important}.page-content{height:100%!important;overflow:hidden!important}button,a,input[type=checkbox],input[type=radio],select{min-height:44px;min-width:44px}input,textarea,select{font-size:16px!important;padding:var(--spacing-md)!important;min-height:48px!important}input[type=checkbox],input[type=radio]{width:20px!important;height:20px!important;min-width:20px!important;min-height:20px!important;max-width:20px!important;max-height:20px!important;padding:0!important;margin-right:var(--spacing-sm)!important;vertical-align:middle!important;flex-shrink:0!important}label:has(input[type=checkbox]),label:has(input[type=radio]){display:flex!important;align-items:center!important;gap:var(--spacing-sm)!important}.btn{min-height:48px!important;padding:var(--spacing-md) var(--spacing-lg)!important;font-size:var(--font-size-base)!important}.btn-sm{min-height:40px!important;padding:var(--spacing-sm) var(--spacing-md)!important}label{font-size:var(--font-size-base)!important;margin-bottom:var(--spacing-sm)!important;display:block!important}html{font-size:16px}.mobile-hidden{display:none!important}.mobile-only{display:block!important}.mobile-full-width{width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important}.mobile-padding{padding:1rem!important}.mobile-stack{display:flex!important;flex-direction:column!important;gap:1rem!important}.mobile-stack>*{width:100%!important}.mobile-card-table{display:block!important}.mobile-card-table thead{display:none!important}.mobile-card-table tbody{display:block!important}.mobile-card-table tr{display:block!important;margin-bottom:1rem!important;border:1px solid var(--color-border)!important;border-radius:var(--radius-md)!important;padding:1rem!important;background:var(--color-bg-secondary)!important}.mobile-card-table td{display:block!important;text-align:left!important;padding:.5rem 0!important;border:none!important}.mobile-card-table td:before{content:attr(data-label);font-weight:600;display:inline-block;margin-right:.5rem;color:var(--color-text-secondary)}.mobile-modal{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;margin:0!important;border-radius:0!important;background:var(--color-bg-primary)!important;z-index:1000!important}.mobile-modal-content{height:100%!important;display:flex!important;flex-direction:column!important;overflow:hidden!important}.mobile-modal-header{flex-shrink:0!important;padding:var(--spacing-lg)!important;border-bottom:1px solid var(--color-border)!important;background:var(--color-bg-secondary)!important;display:flex!important;justify-content:space-between!important;align-items:center!important;gap:var(--spacing-md)!important}.mobile-modal-header-title{display:flex!important;align-items:center!important;gap:var(--spacing-md)!important;flex:1!important;min-width:0!important}.mobile-modal-header h2{margin:0!important;font-size:var(--font-size-xl)!important;font-weight:var(--font-weight-semibold)!important;color:var(--color-text-primary)!important}.mobile-modal-body{flex:1!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;padding:var(--spacing-lg)!important;background:var(--color-bg-primary)!important}.mobile-modal-footer{flex-shrink:0!important;padding:var(--spacing-lg)!important;border-top:1px solid var(--color-border)!important;background:var(--color-bg-secondary)!important}.mobile-bottom-sheet{position:fixed!important;bottom:0!important;left:0!important;right:0!important;transform:translateY(100%);transition:transform .3s ease-out;background:var(--bg-primary)!important;border-radius:var(--radius-md) var(--radius-md) 0 0!important;box-shadow:0 -4px 20px #0000001a!important;max-height:90vh!important;overflow:hidden!important}.mobile-bottom-sheet.open{transform:translateY(0)}.mobile-bottom-sheet-handle{width:40px;height:4px;background:var(--text-tertiary);border-radius:var(--radius-md);margin:.75rem auto}.mobile-form-group{margin-bottom:1.5rem!important}.mobile-form-group label{display:block!important;margin-bottom:.5rem!important;font-size:.875rem!important}.mobile-form-group input,.mobile-form-group select,.mobile-form-group textarea{width:100%!important;font-size:16px!important}.field-modal .mobile-form-group,.variant-modal .mobile-form-group{margin-bottom:1.5rem!important}.field-modal input,.field-modal select,.field-modal textarea,.variant-modal input,.variant-modal select,.variant-modal textarea{min-height:48px!important;font-size:16px!important;padding:var(--spacing-md)!important}.variant-modal .mobile-button-group{display:flex;gap:var(--spacing-sm);width:100%}.variant-modal .mobile-button-group button{flex:1;min-height:48px}.level-modal .mobile-form-group{margin-bottom:1.5rem!important}.level-modal .mobile-button-group{display:flex;gap:var(--spacing-sm);width:100%}.level-modal .mobile-button-group button{flex:1;min-height:48px}.level-modal input,.level-modal select,.level-modal textarea{min-height:48px!important;font-size:16px!important;padding:var(--spacing-md)!important}.mobile-form-stack{display:flex!important;flex-direction:column!important;gap:var(--spacing-lg)!important}.mobile-option-item{display:flex!important;align-items:center!important;gap:var(--spacing-sm)!important;padding:var(--spacing-sm)!important;background:var(--color-bg-secondary)!important;border-radius:var(--radius-sm)!important;margin-bottom:var(--spacing-sm)!important}.mobile-option-remove{min-height:36px!important;min-width:36px!important;padding:var(--spacing-xs)!important}.mobile-button-group{display:flex!important;flex-direction:column!important;gap:.75rem!important}.mobile-button-group button{width:100%!important}.mobile-fab{position:fixed!important;bottom:5rem!important;right:1rem!important;width:56px!important;height:56px!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;box-shadow:0 4px 12px #00000026!important;z-index:90!important}.mobile-swipeable{touch-action:pan-y}.mobile-list-item{padding:1rem!important;border-bottom:1px solid var(--border-primary)!important;display:flex!important;align-items:center!important;gap:1rem!important;cursor:pointer;transition:background-color .2s ease}.mobile-list-item:active{background-color:var(--bg-secondary)!important}.mobile-safe-top{padding-top:env(safe-area-inset-top)!important}.mobile-safe-bottom{padding-bottom:env(safe-area-inset-bottom)!important}.mobile-grid{display:grid!important;grid-template-columns:1fr!important;gap:1rem!important}.mobile-scroll-x{overflow-x:auto!important;-webkit-overflow-scrolling:touch}.mobile-scroll-y{overflow-y:auto!important;-webkit-overflow-scrolling:touch}.activities-container{height:calc(100vh - var(--spacing-2xl))!important}.dashboard-grid{grid-template-columns:1fr!important}.mobile-dashboard-grid{grid-template-columns:repeat(2,1fr)!important;gap:var(--spacing-sm)!important}.mobile-dashboard-feeds{gap:var(--spacing-md)!important}.dashboard-feed-card{min-height:auto!important}.dashboard-feed-header h3{font-size:var(--font-size-base)!important}.dashboard-feed-items{gap:var(--spacing-xs)!important}.dashboard-feed-item{padding:var(--spacing-sm)!important}.dashboard-feed-item-main,.dashboard-feed-item-meta{font-size:var(--font-size-xs)!important}.settings-layout{grid-template-columns:1fr!important}.settings-sidebar{position:sticky!important;top:0!important;z-index:10!important;background:var(--color-bg-primary)!important;margin-bottom:var(--spacing-lg)!important}.mobile-settings-layout{height:100%!important;overflow:hidden!important}.mobile-settings-sidebar{height:100%!important;overflow-y:auto!important;padding:var(--spacing-lg)!important}.mobile-settings-header{margin-bottom:var(--spacing-xl)!important}.mobile-settings-header h2{font-size:var(--font-size-xl)!important;margin:0 0 var(--spacing-md) 0!important}.mobile-settings-sections{display:flex!important;flex-direction:column!important;gap:var(--spacing-xs)!important}.mobile-settings-section-item{padding:var(--spacing-md)!important;text-align:left!important;background:var(--color-bg-secondary)!important;border:1px solid var(--color-border)!important;border-radius:var(--radius-md)!important;font-size:var(--font-size-base)!important;color:var(--color-text-primary)!important;transition:all var(--transition-fast)!important;min-height:48px!important}.mobile-settings-section-item:active{background:var(--color-bg-tertiary)!important;transform:scale(.98)!important}.mobile-settings-section-item.selected{background:var(--color-accent-primary)!important;color:#fff!important;border-color:var(--color-accent-primary)!important}.mobile-settings-content{height:100%!important;display:flex!important;flex-direction:column!important}.mobile-settings-content-header{flex-shrink:0!important;padding:var(--spacing-md) var(--spacing-lg)!important;border-bottom:1px solid var(--color-border)!important;background:var(--color-bg-primary)!important;display:flex!important;align-items:center!important;gap:var(--spacing-md)!important}.mobile-settings-back{background:none!important;border:none!important;color:var(--color-accent-primary)!important;display:flex!important;align-items:center!important;gap:var(--spacing-xs)!important;font-size:var(--font-size-sm)!important;padding:var(--spacing-xs)!important;border-radius:var(--radius-sm)!important;transition:background-color var(--transition-fast)!important;min-height:36px!important}.mobile-settings-back:active{background:var(--color-bg-secondary)!important}.mobile-settings-content-header h3{flex:1!important;margin:0!important;font-size:var(--font-size-lg)!important;font-weight:var(--font-weight-semibold)!important}.mobile-save-indicator{flex-shrink:0!important}.mobile-settings-content-scroll{flex:1!important;overflow-y:auto!important;padding:var(--spacing-lg)!important}.settings-group{margin-bottom:var(--spacing-xl)!important}.settings-subsection{margin-bottom:var(--spacing-lg)!important}.settings-subsection h3{font-size:var(--font-size-lg)!important;margin-bottom:var(--spacing-md)!important}.settings-section-header{margin-bottom:var(--spacing-lg)!important}.settings-section-header h2{font-size:var(--font-size-xl)!important;margin-bottom:var(--spacing-sm)!important}.settings-section-header p{font-size:var(--font-size-sm)!important;color:var(--color-text-secondary)!important;margin:0!important}.mobile-levels-layout{height:100%!important;overflow:hidden!important}.mobile-levels-list{height:100%!important;overflow-y:auto!important}.mobile-levels-details{height:100%!important;display:flex!important;flex-direction:column!important}.mobile-levels-header{flex-shrink:0!important;padding:var(--spacing-md) var(--spacing-lg)!important;border-bottom:1px solid var(--color-border)!important;background:var(--color-bg-primary)!important;display:flex!important;align-items:center!important;gap:var(--spacing-md)!important}.mobile-levels-back{background:none!important;border:none!important;color:var(--color-accent-primary)!important;display:flex!important;align-items:center!important;gap:var(--spacing-xs)!important;font-size:var(--font-size-sm)!important;padding:var(--spacing-xs)!important;border-radius:var(--radius-sm)!important;transition:background-color var(--transition-fast)!important;min-height:36px!important}.mobile-levels-back:active{background:var(--color-bg-secondary)!important}.mobile-levels-header h3{flex:1!important;margin:0!important;font-size:var(--font-size-lg)!important;font-weight:var(--font-weight-semibold)!important}.mobile-levels-content{flex:1!important;overflow-y:auto!important}.members-grid{grid-template-columns:1fr!important}.tab-navigation{overflow-x:auto!important;-webkit-overflow-scrolling:touch;white-space:nowrap!important}.tab-button{flex-shrink:0!important}}@media (min-width: 769px) and (max-width: 1024px){.tablet-dashboard-grid{grid-template-columns:repeat(2,1fr)!important;gap:var(--spacing-md)!important}}.mobile-table-cards{display:flex;flex-direction:column;gap:var(--spacing-md)}.mobile-table-card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-md);cursor:pointer;transition:all var(--transition-fast)}.mobile-table-card:active{transform:scale(.98);background:var(--color-bg-tertiary)}.mobile-table-card-row{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) 0;border-bottom:1px solid var(--color-border)}.mobile-table-card-row:last-child{border-bottom:none}.mobile-table-card-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.mobile-table-card-value{font-size:var(--font-size-sm);color:var(--color-text-primary);text-align:right;max-width:60%;word-break:break-word}.mobile-table-empty{text-align:center;padding:var(--spacing-2xl);color:var(--color-text-secondary)}.empty-state-content{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);max-width:400px;margin:0 auto}.empty-state-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.empty-state-description{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.5;text-align:center;margin:0}.mobile-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--color-bg-primary);z-index:1000}.mobile-modal-close{background:none;border:none;color:var(--color-text-primary);padding:var(--spacing-sm);cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:background-color var(--transition-fast)}.mobile-modal-close:active{background-color:var(--color-bg-tertiary)}.mobile-bottom-sheet-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:999}.mobile-bottom-sheet-header{padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--color-border)}.mobile-bottom-sheet-header h3{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.mobile-bottom-sheet-content{padding:var(--spacing-lg);overflow-y:auto;max-height:calc(90vh - 100px)}.mobile-layout{display:flex;flex-direction:column;gap:var(--spacing-lg);height:100%;overflow:hidden}.mobile-variant-selector{position:relative;z-index:50}.mobile-variant-dropdown{position:relative}.mobile-variant-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);font-size:var(--font-size-base);color:var(--color-text-primary);min-height:48px}.mobile-variant-trigger:active{background:var(--color-bg-tertiary)}.mobile-variant-chevron{color:var(--color-text-secondary);transition:transform var(--transition-fast)}.mobile-variant-chevron.open{transform:rotate(180deg)}.mobile-variant-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:40}.mobile-variant-menu{position:absolute;top:calc(100% + var(--spacing-sm));left:0;right:0;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-sm);box-shadow:0 8px 24px #0003;z-index:45;max-height:60vh;overflow-y:auto}.mobile-variant-item{width:100%;display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);font-size:var(--font-size-base);color:var(--color-text-secondary);text-align:left;min-height:48px}.mobile-variant-item:active{background:var(--color-bg-tertiary);transform:scale(.98)}.mobile-variant-item.active{background:var(--color-bg-primary);color:var(--color-text-primary)}.mobile-variant-item.create-variant{color:var(--color-accent-primary);font-weight:var(--font-weight-medium)}.mobile-variant-divider{height:1px;background:var(--color-border);margin:var(--spacing-sm) 0}.mobile-content{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch}.mobile-settings-actions{display:flex;gap:var(--spacing-sm);justify-content:center;padding:var(--spacing-md) 0}.mobile-layout .variant-details{overflow:visible!important}.mobile-layout .variant-header{border-radius:var(--radius-md)!important;margin-bottom:var(--spacing-lg)!important;position:static!important}.mobile-layout .variant-content{padding-top:0!important}.mobile-layout .goal-details{overflow:visible!important}.mobile-layout .goal-header{border-radius:var(--radius-md)!important;margin-bottom:var(--spacing-lg)!important;position:static!important}.mobile-layout .goal-header-actions{flex-direction:column!important;gap:var(--spacing-xs)!important;width:100%!important}.mobile-layout .goal-header-actions button{flex:1!important;width:100%!important}.mobile-layout .goal-header-tags{flex-direction:column!important;align-items:flex-start!important;gap:var(--spacing-xs)!important}.goal-details{height:100%;display:flex;flex-direction:column;background-color:var(--color-bg-primary);border-radius:var(--radius-md);overflow:hidden}.goal-header{padding:var(--spacing-2xl);border-bottom:1px solid var(--color-border);background-color:var(--color-bg-secondary);border-top-left-radius:var(--radius-md);border-top-right-radius:var(--radius-md)}.goal-modal .mobile-form-group{margin-bottom:1.5rem!important}.goal-modal .mobile-button-group{display:flex;gap:var(--spacing-sm);width:100%}.goal-modal .mobile-button-group button{flex:1;min-height:48px}.goal-modal input,.goal-modal select,.goal-modal textarea{min-height:48px!important;font-size:16px!important;padding:var(--spacing-md)!important}.onboarding-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:2000;padding:var(--spacing-lg);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.onboarding-modal{background:var(--color-bg-primary);border-radius:var(--radius-lg);border:1px solid var(--color-border);box-shadow:0 20px 60px #00000080;max-width:800px;width:90vw;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.onboarding-header{background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);padding:var(--spacing-xl);flex-shrink:0}.onboarding-header-content{display:flex;gap:var(--spacing-lg);align-items:flex-start;flex:1}.onboarding-close-btn{background:none;border:none;color:var(--color-text-muted);cursor:pointer;padding:var(--spacing-sm);border-radius:var(--radius-sm);transition:all var(--transition-base);display:flex;align-items:center;justify-content:center;width:32px;height:32px;flex-shrink:0}.onboarding-close-btn:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.onboarding-close-btn:active{transform:scale(.95)}.onboarding-close-btn:disabled{opacity:.5;cursor:not-allowed}.onboarding-icon{color:var(--color-accent-primary);flex-shrink:0}.onboarding-step-description{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-top:var(--spacing-xs)}.onboarding-progress{padding:var(--spacing-md) var(--spacing-xl);border-bottom:1px solid var(--color-border)}.onboarding-progress-bar{height:4px;background-color:var(--color-bg-tertiary);border-radius:var(--radius-full);overflow:hidden;margin-bottom:var(--spacing-sm)}.onboarding-progress-fill{height:100%;background-color:var(--color-accent-primary, var(--color-primary, #5865F2));transition:width var(--transition-base);width:0}.onboarding-progress-text{font-size:var(--font-size-xs);color:var(--color-text-muted);text-align:center}.onboarding-body{flex:1;overflow-y:auto;padding:var(--spacing-xl)}.onboarding-content{max-width:600px;margin:0 auto}.onboarding-welcome{display:flex;flex-direction:column;gap:var(--spacing-lg)}.onboarding-info-box{background-color:var(--color-bg-tertiary);border:1px solid var(--color-border);border-left:3px solid var(--color-accent-primary);border-radius:var(--radius-md);padding:var(--spacing-lg);margin:var(--spacing-lg) 0}.onboarding-info-box h4{margin:0 0 var(--spacing-md) 0;color:var(--color-text-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}.onboarding-info-box p{margin:var(--spacing-sm) 0;color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:1.6}.onboarding-info-box ul{margin:var(--spacing-sm) 0;padding-left:var(--spacing-xl);color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:1.7}.onboarding-info-box li{margin:var(--spacing-sm) 0}.onboarding-info-box li strong{color:var(--color-text-primary)}.onboarding-settings-group{display:flex;flex-direction:column;gap:var(--spacing-md);margin-top:var(--spacing-lg)}.onboarding-setting-description{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:calc(-1 * var(--spacing-sm)) 0 0 var(--spacing-xl)}.onboarding-complete{background-color:#10b9811a;border:1px solid rgba(16,185,129,.3);border-radius:var(--radius-md);padding:var(--spacing-lg);margin-top:var(--spacing-lg)}.onboarding-complete h4{margin:0 0 var(--spacing-sm) 0;color:#10b981;font-size:var(--font-size-base);font-weight:var(--font-weight-medium)}.onboarding-complete p{margin:0;color:var(--color-text-secondary);font-size:var(--font-size-sm)}.onboarding-footer{border-top:1px solid var(--color-border);padding:var(--spacing-lg) var(--spacing-xl)}.onboarding-footer-actions{display:flex;gap:var(--spacing-sm);align-items:center}.onboarding-footer-spacer{flex:1}@media (max-width: 768px){.onboarding-modal{width:95vw;max-height:95vh}.onboarding-header{padding:var(--spacing-lg)}.onboarding-header-content{gap:var(--spacing-md)}.onboarding-icon svg{width:24px;height:24px}.onboarding-progress{padding:var(--spacing-sm) var(--spacing-lg)}.onboarding-body{padding:var(--spacing-lg)}.onboarding-footer{padding:var(--spacing-md) var(--spacing-lg)}.onboarding-footer-actions{flex-wrap:wrap}.onboarding-footer-spacer{display:none}}.color-picker-container{position:relative}.color-picker-trigger{display:flex;align-items:center;gap:var(--spacing-md);width:100%;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;transition:all .2s ease}.color-picker-trigger:hover:not(:disabled){border-color:var(--color-primary)}.color-picker-trigger:disabled{opacity:.5;cursor:not-allowed}.color-preview{width:24px;height:24px;border-radius:var(--radius-xs);border:2px solid var(--color-border)}.color-value{flex:1;text-align:left;font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-primary)}.color-clear{display:flex;align-items:center;justify-content:center;padding:var(--spacing-xs);background:transparent;border:none;color:var(--color-text-secondary);cursor:pointer;transition:color .2s ease}.color-clear:hover{color:var(--color-danger)}.color-picker-popover{position:absolute;top:calc(100% + var(--spacing-sm));left:0;z-index:1000;padding:var(--spacing-md);background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg)}.color-picker-popover .react-colorful{width:200px;height:200px}.color-picker-popover .react-colorful__saturation{border-radius:var(--radius-sm) var(--radius-sm) 0 0}.color-picker-popover .react-colorful__hue{margin-top:var(--spacing-md);height:20px;border-radius:var(--radius-xs)}.color-picker-popover .react-colorful__pointer,.color-picker-popover .react-colorful__saturation-pointer{width:20px;height:20px}.color-picker-hex-input{margin-top:var(--spacing-md)}.hex-input{width:100%;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-primary);text-align:center;transition:border-color .2s ease}.hex-input:focus{outline:none;border-color:var(--color-primary)}.hex-input::placeholder{color:var(--color-text-tertiary)}.color-picker-presets{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-sm);margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--color-border)}.color-preset{width:100%;aspect-ratio:1;border:2px solid var(--color-border);border-radius:var(--radius-xs);cursor:pointer;transition:all .2s ease}.color-preset:hover{transform:scale(1.1);border-color:var(--color-primary)}@media (max-width: 768px){.color-picker-popover{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}}.toast-container{position:fixed;top:80px;left:50%;transform:translate(-50%);z-index:9999;display:flex;flex-direction:column;gap:12px;pointer-events:none}.toast{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:0 4px 12px #00000026;min-width:300px;max-width:500px;pointer-events:auto;animation:slideIn .3s ease-out}@keyframes slideIn{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.toast-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center}.toast-success{border-left:4px solid var(--color-success)}.toast-success .toast-icon{color:var(--color-success)}.toast-error{border-left:4px solid var(--color-danger)}.toast-error .toast-icon{color:var(--color-danger)}.toast-info{border-left:4px solid var(--color-accent-primary)}.toast-info .toast-icon{color:var(--color-accent-primary)}.toast-warning{border-left:4px solid var(--color-warning)}.toast-warning .toast-icon{color:var(--color-warning)}.toast-msg{flex:1;font-size:var(--font-size-sm);color:var(--color-text-primary);line-height:1.4}.toast-close{flex-shrink:0;background:none;border:none;color:var(--color-text-secondary);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:var(--transition-base)}.toast-close:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}@media (max-width: 768px){.toast-container{top:60px;left:12px;right:12px;transform:none}.toast{min-width:unset;max-width:unset}}.markdown-body{--color-canvas-default: transparent !important;--color-canvas-subtle: var(--color-bg-secondary) !important;--color-border-default: var(--color-border) !important;--color-border-muted: var(--color-border) !important;--color-border-accent: var(--color-primary) !important;--color-accent-fg: var(--color-primary) !important;--color-neutral-muted: rgba(150, 150, 150, .1) !important}.markdown-body h1,.markdown-body h2,.markdown-body h3,.markdown-body h4,.markdown-body h5,.markdown-body h6{font-family:Work Sans,system-ui,-apple-system,sans-serif!important;font-weight:800!important}.markdown-body a{color:var(--color-primary)!important}.markdown-body a:hover{text-decoration:underline}.markdown-body h1{border-color:var(--color-primary)!important}.markdown-body table tr{background-color:var(--color-bg-secondary)}.markdown-body table tr:hover{background-color:var(--color-bg-tertiary)}.markdown-body table th{background:linear-gradient(135deg,var(--color-primary) 0%,#4752c4 100%);color:#fff;border:none!important}.markdown-body table td{border-color:var(--color-border)!important}.markdown-body pre{background:linear-gradient(135deg,#1e1e1e,#2d2d2d)!important;border:1px solid rgba(255,255,255,.05)!important;box-shadow:0 4px 12px #0003}.markdown-body blockquote{border-left-color:var(--color-primary)!important;background:#5865f20d}.doc-search-container{position:relative;margin-bottom:var(--spacing-lg)}.doc-search-icon{position:absolute;left:var(--spacing-md);top:50%;transform:translateY(-50%);color:var(--color-text-secondary);pointer-events:none}.doc-search-input{width:100%;padding:var(--spacing-md);padding-left:var(--spacing-3xl);background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-primary);font-size:var(--font-size-sm);outline:none;transition:border-color .2s}.doc-search-input:focus{border-color:var(--color-primary)}.doc-search-input-with-clear{padding-right:var(--spacing-2xl)}.doc-search-clear{position:absolute;right:var(--spacing-md);top:50%;transform:translateY(-50%);background:none;border:none;color:var(--color-text-secondary);cursor:pointer;padding:2px;display:flex;align-items:center;justify-content:center;transition:color .2s}.doc-search-clear:hover{color:var(--color-text-primary)}.doc-search-results{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-xs);color:var(--color-text-secondary);margin-bottom:var(--spacing-md)}.page-container.admin-page{padding:var(--spacing-2xl);height:auto;min-height:calc(100vh - var(--spacing-4xl) - 64px);overflow:visible}.admin-header-content{display:flex;align-items:center;gap:var(--spacing-lg)}.admin-header-icon{width:64px;height:64px;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--color-accent-primary) 0%,#6d77e8 100%);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;box-shadow:0 4px 12px #5865f24d}.admin-search-form{display:flex;gap:var(--spacing-md);align-items:center;margin-top:var(--spacing-lg)}.admin-search-input-wrapper{position:relative;flex:1;max-width:500px}.admin-search-icon{position:absolute;left:var(--spacing-md);top:50%;transform:translateY(-50%);color:var(--color-text-muted);pointer-events:none}.admin-search-input{width:100%;padding:var(--spacing-sm) var(--spacing-md) var(--spacing-sm) calc(var(--spacing-md) * 2 + 20px);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-secondary);color:var(--color-text-primary);font-size:var(--font-size-sm);box-sizing:border-box;transition:all var(--transition-base)}.admin-search-input::placeholder{color:var(--color-text-muted)}.admin-search-input:focus{outline:none;border-color:var(--color-accent-primary);box-shadow:0 0 0 3px #5865f21a;background:var(--color-bg-primary)}.admin-search-button{padding:var(--spacing-sm) var(--spacing-lg);background:var(--color-accent-primary);color:#fff;border:none;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-base);white-space:nowrap}.admin-search-button:hover{background:var(--color-accent-primary-hover)}.admin-content{display:flex;flex-direction:column;gap:var(--spacing-xl)}.admin-stats-bar{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md)}.admin-stat-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-bg-primary);border-radius:var(--radius-sm);transition:all var(--transition-base)}.admin-stat-item:hover{background:var(--color-bg-tertiary)}.admin-stat-item svg{color:var(--color-accent-primary);flex-shrink:0}.admin-stat-content{display:flex;flex-direction:column;gap:var(--spacing-xs)}.admin-stat-label{font-size:var(--font-size-xs);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;font-weight:var(--font-weight-medium)}.admin-stat-value{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);line-height:1}.admin-guilds-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:var(--spacing-lg)}.admin-guild-card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-xl);display:flex;flex-direction:column;gap:var(--spacing-lg);transition:all var(--transition-base);min-width:0}.admin-guild-header{display:flex;align-items:center;gap:var(--spacing-md)}.admin-guild-icon{width:64px;height:64px;border-radius:var(--radius-md);object-fit:cover;flex-shrink:0;box-shadow:0 2px 8px #0000001a}.admin-guild-icon-placeholder{width:64px;height:64px;border-radius:var(--radius-md);background:var(--color-bg-tertiary);display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary);flex-shrink:0;border:1px solid var(--color-border)}.admin-guild-info{flex:1;min-width:0}.admin-guild-name{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--spacing-xs) 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-guild-status{display:flex;align-items:center;gap:var(--spacing-sm)}.admin-guild-status-indicator{width:10px;height:10px;border-radius:50%;flex-shrink:0}.admin-guild-status-indicator.online{background:var(--color-success);box-shadow:0 0 8px var(--color-success);animation:pulse 2s ease-in-out infinite}.admin-guild-status-indicator.offline{background:var(--color-text-muted)}.admin-guild-status-text{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}.admin-guild-divider{height:1px;background:var(--color-border);margin:0}.admin-guild-stats{display:flex;flex-direction:column;gap:var(--spacing-md)}.admin-guild-stat{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--color-text-secondary);padding:var(--spacing-sm);background:var(--color-bg-primary);border-radius:var(--radius-sm)}.admin-guild-stat svg{flex-shrink:0;color:var(--color-accent-primary)}.admin-guild-actions{display:flex;gap:var(--spacing-sm)}.admin-guild-button{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);background:var(--color-accent-primary);color:#fff;border:none;border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-base);flex:1}.admin-guild-button:hover:not(:disabled){background:var(--color-accent-primary-hover)}.admin-guild-button:disabled{background:var(--color-bg-tertiary);color:var(--color-text-muted);cursor:not-allowed;opacity:.6}.admin-guild-button-danger{background:var(--color-danger);flex:0 0 auto;padding:var(--spacing-md)}.admin-guild-button-danger:hover:not(:disabled){background:var(--color-danger-hover)}.admin-guild-confirm{padding:var(--spacing-md);background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-sm);display:flex;flex-direction:column;gap:var(--spacing-md)}.admin-guild-confirm p{margin:0;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.admin-guild-confirm strong{color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}.admin-guild-confirm-actions{display:flex;gap:var(--spacing-sm)}.admin-confirm-button{flex:1;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-secondary);color:var(--color-text-primary);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-base)}.admin-confirm-button:hover:not(:disabled){background:var(--color-bg-tertiary);border-color:var(--color-accent-primary)}.admin-confirm-button:disabled{opacity:.6;cursor:not-allowed}.admin-confirm-danger{background:var(--color-danger);color:#fff;border-color:var(--color-danger)}.admin-confirm-danger:hover:not(:disabled){background:var(--color-danger-hover);border-color:var(--color-danger-hover)}.admin-pagination{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);gap:var(--spacing-md)}.admin-pagination-button{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-primary);color:var(--color-text-primary);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-base)}.admin-pagination-button:hover:not(:disabled){background:var(--color-bg-tertiary);border-color:var(--color-accent-primary);color:var(--color-accent-primary)}.admin-pagination-button:disabled{opacity:.4;cursor:not-allowed}.admin-pagination-info{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.admin-pagination-info>span:first-child{font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.admin-pagination-count{font-size:var(--font-size-xs);color:var(--color-text-muted)}.admin-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-4xl);background:var(--color-bg-secondary);border:1px dashed var(--color-border);border-radius:var(--radius-md);color:var(--color-text-muted);text-align:center;gap:var(--spacing-lg)}.admin-empty-state svg{opacity:.5}.admin-empty-state p{font-size:var(--font-size-lg);margin:0}@media (max-width: 1024px){.admin-guilds-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--spacing-md)}}@media (max-width: 768px){.page-container.admin-page{padding:var(--spacing-lg);height:auto!important;min-height:calc(100vh - var(--spacing-2xl));overflow:visible!important}.admin-header-content{gap:var(--spacing-md);flex-direction:column;align-items:flex-start}.admin-header-icon{width:48px;height:48px}.admin-search-form{width:100%;flex-direction:column;align-items:stretch}.admin-search-input-wrapper{max-width:100%}.admin-search-input{padding-left:calc(var(--spacing-lg) * 2 + 20px)}.admin-search-button{width:100%}.admin-stats-bar{grid-template-columns:1fr;gap:var(--spacing-sm)}.admin-stat-item{padding:var(--spacing-sm)}.admin-guilds-grid{grid-template-columns:1fr;width:100%;max-width:100%}.admin-guild-card{padding:var(--spacing-lg);width:100%;max-width:100%;box-sizing:border-box}.admin-pagination{flex-direction:column;gap:var(--spacing-lg)}.admin-pagination-button{width:100%;justify-content:center}}.react-datepicker-wrapper{width:100%}.react-datepicker{background-color:var(--color-bg-modal)!important;border:1px solid var(--color-border)!important;border-radius:var(--radius-md)!important;color:var(--color-text-primary)!important;font-family:inherit!important;box-shadow:0 10px 25px #0000004d!important}.react-datepicker__header{background-color:var(--color-bg-secondary)!important;border-bottom:1px solid var(--color-border)!important;border-radius:var(--radius-md) 0 0 0!important;padding:var(--spacing-md)!important}.react-datepicker__current-month,.react-datepicker__day-name{color:var(--color-text-primary)!important}.react-datepicker__day{color:var(--color-text-primary)!important;border-radius:var(--radius-sm)!important;margin:2px!important}.react-datepicker__day:hover{background-color:var(--color-bg-tertiary)!important}.react-datepicker__day--selected{background-color:var(--color-accent-primary)!important;color:#fff!important}.react-datepicker__day--keyboard-selected{background-color:var(--color-bg-tertiary)!important}.react-datepicker__time-container{border-left:1px solid var(--color-border)!important}.react-datepicker__time{background-color:var(--color-bg-modal)!important}.react-datepicker__time-box{border-radius:0 0 var(--radius-md) 0!important}.react-datepicker__header--time{background-color:var(--color-bg-secondary)!important;border-radius:0 var(--radius-md) 0 0!important;color:var(--color-text-primary)!important}.react-datepicker__header--time .react-datepicker-time__header,.react-datepicker-time__header{color:var(--color-text-primary)!important}.react-datepicker__time-list-item{color:var(--color-text-primary)!important;padding:var(--spacing-sm) var(--spacing-md)!important}.react-datepicker__time-list-item:hover{background-color:var(--color-bg-tertiary)!important}.react-datepicker__time-list-item--selected{background-color:var(--color-accent-primary)!important;color:#fff!important}.react-datepicker__navigation{border:none!important;background:none!important}.react-datepicker__navigation--previous{border-right-color:var(--color-text-secondary)!important}.react-datepicker__navigation--next{border-left-color:var(--color-text-secondary)!important}.react-datepicker__navigation:hover *:before{border-color:var(--color-text-primary)!important}.datetime-picker-popper{z-index:9999!important}@media (max-width: 768px){.weekly-time-picker-row{grid-template-columns:1fr!important}.weekly-time-picker-controls>div:first-child{grid-template-columns:1fr!important;gap:var(--spacing-md)!important}}.settings-detail-card{position:relative;height:100%}.settings-detail-card.card:hover{border-color:var(--color-border);box-shadow:var(--shadow-sm)}.settings-item-icon{display:inline-flex;align-items:center;margin-right:var(--spacing-sm);color:var(--color-text-muted)}.settings-save-actions{display:flex;gap:var(--spacing-xs)}.settings-detail{background-color:var(--color-bg-secondary);border-radius:var(--radius-md);height:100%;overflow:hidden;display:flex;flex-direction:column}.settings-content-scroll{overflow-y:auto;padding:var(--spacing-2xl);height:100%}.settings-section-header{margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--color-border)}.settings-section-header h2{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--spacing-xs) 0}.settings-section-header p{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0}.settings-section-content{display:flex;flex-direction:column;gap:var(--spacing-3xl)}.settings-group,.settings-subsection{display:flex;flex-direction:column;gap:var(--spacing-lg)}.settings-subsection h3{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);margin:0 0 var(--spacing-sm) 0;padding-left:var(--spacing-xs);border-left:3px solid var(--color-accent-primary)}.nav-visibility-categories{display:flex;flex-direction:column;gap:var(--spacing-2xl)}.nav-visibility-category h4{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);margin:0 0 var(--spacing-md) 0;text-transform:uppercase;letter-spacing:.05em}.nav-visibility-items{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--spacing-md)}.nav-visibility-item-label{display:flex;align-items:center;gap:var(--spacing-sm)}.nav-visibility-actions{margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid var(--color-border)}.flex-1 .input{width:100%!important;min-width:200px}.api-key-item{background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-lg)}.api-key-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-md)}.api-key-info{flex:1}.api-key-name{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin:0 0 var(--spacing-xs) 0}.api-key-meta{display:flex;gap:var(--spacing-md);flex-wrap:wrap}.api-key-id,.api-key-usage,.api-key-created{font-size:var(--font-size-xs);color:var(--color-text-muted)}.api-key-delete{background:none;border:none;color:var(--color-text-muted);cursor:pointer;padding:var(--spacing-xs);border-radius:var(--radius-sm);transition:color var(--transition-base)}.api-key-delete:hover{color:var(--color-danger)}.api-key-display{display:flex;align-items:center;gap:var(--spacing-md);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--spacing-sm) var(--spacing-md)}.api-key-value{flex:1}.api-key-value code{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:var(--font-size-sm);color:var(--color-text-secondary);background:none;padding:0;word-break:break-all}.api-key-actions{display:flex;gap:var(--spacing-xs)}.api-key-action{background:none;border:none;color:var(--color-text-muted);cursor:pointer;padding:var(--spacing-xs);border-radius:var(--radius-sm);transition:color var(--transition-base);display:flex;align-items:center;justify-content:center}.api-key-action:hover{color:var(--color-text-primary)}.api-key-notice{padding:var(--spacing-md);background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-size-xs);color:var(--color-text-muted);text-align:center}.api-key-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-3xl);text-align:center;color:var(--color-text-muted);gap:var(--spacing-sm)}.api-key-empty p{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);margin:0}.api-key-empty span{font-size:var(--font-size-sm)}.weights-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md)}.level-group{margin-bottom:var(--spacing-lg)}.level-group-header{display:flex;align-items:center;justify-content:space-between;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--spacing-sm)}.level-group-title{flex:1;display:flex;align-items:center;gap:var(--spacing-xs)}.level-group-title.orphaned{color:var(--color-warning)}.orphaned-icon{color:var(--color-warning);margin-top:1px}.level-group-edit{background:none;border:none;color:var(--color-text-muted);cursor:pointer;padding:2px;border-radius:var(--radius-sm);display:flex;align-items:center;opacity:.6;transition:all .2s ease}.level-group-edit:hover{opacity:1;color:var(--color-text-secondary);background-color:var(--color-bg-tertiary)}.sidebar-actions{display:flex;gap:var(--spacing-xs)}.level-group-items{display:flex;flex-direction:column;gap:var(--spacing-xs)}.levels-loading,.levels-no-guild{display:flex;align-items:center;justify-content:center;height:100vh;width:100%}.levels-no-guild-content{text-align:center}.levels-error{background-color:var(--color-danger);color:#fff;padding:var(--spacing-md);margin-bottom:var(--spacing-lg);border-radius:var(--radius-sm)}.level-details{display:flex;flex-direction:column;height:100%;width:100%;overflow:hidden}.level-details-empty{display:flex;align-items:center;justify-content:center;height:100%;width:100%;background-color:var(--color-bg-secondary);border-radius:var(--radius-md)}.level-empty-content{text-align:center;max-width:300px}.level-empty-icon{display:flex;justify-content:center;margin-bottom:var(--spacing-lg);opacity:.5}.level-empty-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-md)}.level-header{padding:var(--spacing-lg);background:var(--color-bg-secondary);width:100%;flex-shrink:0}.level-header-main{display:flex;justify-content:space-between;align-items:flex-start;width:100%;gap:var(--spacing-lg);margin-bottom:0}.level-title-section{flex:1}.level-title-row{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-xs)}.level-title{font-family:var(--font-family-headings);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0}.level-status-badge{padding:2px 8px;border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);text-transform:none;letter-spacing:.5px}.level-status-badge.auto-promote{background:var(--color-success);color:#fff}.level-status-badge.manual{background:var(--color-warning);color:#fff}.level-meta{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:0}.level-actions-all{display:flex;gap:var(--spacing-sm);align-items:center}.level-content{flex:1;width:100%;overflow:hidden;display:flex;flex-direction:column;min-height:0}.levels-content-scroll{flex:1;width:100%;overflow-y:auto;padding:var(--spacing-md);min-height:0;padding-right:var(--spacing-sm)}.levels-content-scroll::-webkit-scrollbar{width:6px}.levels-content-scroll::-webkit-scrollbar-track{background:transparent}.levels-content-scroll::-webkit-scrollbar-thumb{background:var(--color-accent-secondary);border-radius:var(--radius-full)}.levels-content-scroll::-webkit-scrollbar-thumb:hover{background:var(--color-accent-secondary-hover)}.levels-sections{display:flex;flex-direction:column;width:100%;gap:var(--spacing-md)}.levels-section{display:flex;flex-direction:column;width:100%}.levels-section-header{display:flex;justify-content:space-between;align-items:center;width:100%;margin-bottom:var(--spacing-sm)}.levels-section-title{font-family:var(--font-family-headings);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.levels-section-content{flex:1;width:100%}.levels-empty-state{width:100%;text-align:center;padding:var(--spacing-2xl);background-color:var(--color-bg-primary);border-radius:var(--radius-sm);border:1px dashed var(--color-border);color:var(--color-text-muted)}.level-requirements{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));width:100%;gap:var(--spacing-lg)}@media (min-width: 768px){.level-requirements{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}.level-requirement-item{padding:var(--spacing-lg);background-color:var(--color-bg-primary);border-radius:var(--radius-sm);border:1px solid var(--color-border);transition:all var(--transition-base)}.level-requirement-item:hover{border-color:var(--color-border-hover);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.level-requirement-name{font-size:var(--font-size-md);font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin-bottom:var(--spacing-md)}.level-requirement-details{display:grid;grid-template-columns:1fr auto;width:100%;gap:var(--spacing-sm);font-size:var(--font-size-sm)}.level-requirement-label{color:var(--color-text-secondary)}.level-requirement-value{color:var(--color-text-primary);font-weight:var(--font-weight-medium)}.field-manager-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}.fields-content{display:flex;flex-direction:column;gap:var(--spacing-xl)}.field-section{margin-bottom:var(--spacing-xl)}.field-section-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);margin-bottom:var(--spacing-md)}.field-section-items{display:flex;flex-direction:column;gap:var(--spacing-xs)}.weight-manager-header,.template-editor-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}.template-editor-content{display:flex;flex-direction:column;gap:var(--spacing-lg)}.template-variables-section{margin-top:var(--spacing-lg)}.template-variables-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);margin-bottom:var(--spacing-md)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-bg-primary)}::-webkit-scrollbar-thumb{background:var(--color-accent-secondary);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--color-accent-secondary-hover)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-fade-in{animation:fadeIn .3s ease}.under-construction{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:60vh;padding:var(--spacing-4xl)}.under-construction-icon{color:var(--color-accent-primary);margin-bottom:var(--spacing-xl);opacity:.8}.under-construction-title{font-family:var(--font-family-headings);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0 0 var(--spacing-lg) 0}.under-construction-description{font-size:var(--font-size-lg);color:var(--color-text-secondary);margin:0 0 var(--spacing-2xl) 0;max-width:600px;line-height:1.6}.under-construction-features{display:flex;gap:var(--spacing-xl);margin-top:var(--spacing-lg)}.under-construction-feature{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-lg);background:var(--color-bg-secondary);border-radius:var(--radius-md);border:1px solid var(--color-border);min-width:140px}.under-construction-feature svg{color:var(--color-accent-primary);opacity:.7}.under-construction-feature span{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}@media (max-width: 768px){.landing-container{padding:var(--spacing-md);min-height:100vh}.landing-content{max-width:100%}.landing-hero{margin-bottom:var(--spacing-3xl)}.landing-logo{width:80px;height:80px}.landing-title{font-size:clamp(2rem,8vw,2.5rem);margin-bottom:var(--spacing-md)}.landing-subtitle{font-size:clamp(.9rem,4vw,1.1rem);margin-bottom:var(--spacing-xl)}.landing-card{padding:var(--spacing-xl);border-radius:var(--radius-md)}.landing-features{grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg);margin-top:var(--spacing-3xl)}.landing-feature{padding:var(--spacing-md)}.landing-feature-icon{width:48px;height:48px;margin-bottom:var(--spacing-md)}.under-construction{padding:var(--spacing-2xl);min-height:50vh}.under-construction-title{font-size:var(--font-size-2xl)}.under-construction-description{font-size:var(--font-size-base)}.under-construction-features{flex-direction:column;gap:var(--spacing-md)}.under-construction-feature{min-width:auto;width:100%;max-width:200px}}@media (max-width: 480px){.landing-features{grid-template-columns:1fr;gap:var(--spacing-md)}.landing-card{padding:var(--spacing-lg)}}.tab-navigation{display:flex;gap:0;margin-bottom:var(--spacing-xl);border-bottom:1px solid var(--color-border)}.tab-button{padding:var(--spacing-md) var(--spacing-lg);background:none;border:none;border-bottom:2px solid transparent;color:var(--color-text-secondary);font-weight:var(--font-weight-medium);cursor:pointer;transition:all .2s ease}.tab-button:hover{color:var(--color-text-primary);background-color:var(--color-bg-hover)}.tab-button.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.tab-content{padding:var(--spacing-lg) 0}.economy-overview .stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.stat-card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);text-align:center}.stat-card h3{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0 0 var(--spacing-sm) 0;font-weight:var(--font-weight-medium)}.stat-value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.section-header{margin-bottom:var(--spacing-xl)}.section-header h2{margin:0 0 var(--spacing-sm) 0;color:var(--color-text-primary)}.section-header p{margin:0;color:var(--color-text-secondary);font-size:var(--font-size-sm)}.injection-form,.item-form{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.form-group{margin-bottom:var(--spacing-md)}.form-group label{display:block;margin-bottom:var(--spacing-xs);font-weight:var(--font-weight-medium);color:var(--color-text-primary);font-size:var(--font-size-sm)}.form-group input,.form-group textarea,.form-group select{width:100%;padding:var(--spacing-sm);border:1px solid var(--color-border);border-radius:var(--border-radius-md);background:var(--color-bg-primary);color:var(--color-text-primary);font-size:var(--font-size-sm);box-sizing:border-box}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.1)}.form-select{width:100%;padding:var(--spacing-sm);border:1px solid var(--color-border);border-radius:var(--border-radius-md);background:var(--color-bg-primary);color:var(--color-text-primary);font-size:var(--font-size-sm);box-sizing:border-box}.form-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.1)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.checkbox-label{display:flex;align-items:center;gap:var(--spacing-xs);cursor:pointer}.checkbox-label input[type=checkbox]{width:auto;margin:0}.table-container:not(.activities-table-section .table-container){background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.data-table{width:100%;border-collapse:collapse}.data-table th,.data-table td{padding:var(--spacing-sm) var(--spacing-md);text-align:left;border-bottom:1px solid var(--color-border)}.data-table th{background:var(--color-bg-primary);font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.data-table td{font-size:var(--font-size-sm);color:var(--color-text-primary)}.data-table tr:last-child td{border-bottom:none}.member-activities-table .table-container,.member-adjustments-table .table-container{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.member-activities-table .data-table,.member-adjustments-table .data-table{border-radius:var(--radius-md)}.member-activities-table .data-table thead tr:first-child th:first-child,.member-adjustments-table .data-table thead tr:first-child th:first-child{border-top-left-radius:var(--radius-lg)}.member-activities-table .data-table thead tr:first-child th:last-child,.member-adjustments-table .data-table thead tr:first-child th:last-child{border-top-right-radius:var(--radius-lg)}.member-activities-table .data-table tbody tr:last-child td:first-child,.member-adjustments-table .data-table tbody tr:last-child td:first-child{border-bottom-left-radius:var(--radius-lg)}.member-activities-table .data-table tbody tr:last-child td:last-child,.member-adjustments-table .data-table tbody tr:last-child td:last-child{border-bottom-right-radius:var(--radius-lg)}.items-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.item-card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);padding:var(--spacing-md)}.item-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-sm)}.item-header h4{margin:0;color:var(--color-text-primary);font-size:var(--font-size-base)}.item-status{font-size:var(--font-size-xs);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-sm);font-weight:var(--font-weight-medium)}.item-status.available{background:var(--color-success-bg);color:var(--color-success)}.item-status.unavailable{background:var(--color-danger-bg);color:var(--color-danger)}.item-description{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0 0 var(--spacing-md) 0;line-height:1.4}.item-details{display:flex;justify-content:space-between;margin-bottom:var(--spacing-md);font-size:var(--font-size-sm)}.item-price{font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.item-quantity{color:var(--color-text-secondary)}.form-textarea{width:100%;padding:var(--spacing-sm);border:1px solid var(--color-border);border-radius:var(--border-radius-md);background:var(--color-bg-primary);color:var(--color-text-primary);font-size:var(--font-size-sm);box-sizing:border-box;font-family:inherit;resize:vertical}.form-textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.1)}.form-help{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin-top:var(--spacing-xs);margin-bottom:0}.detail-grid{display:grid;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.detail-item{display:flex;flex-direction:column;gap:var(--spacing-xs)}.detail-item label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px}.detail-value{font-size:var(--font-size-sm);color:var(--color-text-primary);word-break:break-all}.detail-value.amount{font-weight:var(--font-weight-semibold);color:var(--color-primary)}.activities-data-table tbody tr:hover{background:var(--color-bg-secondary);transition:background-color var(--transition-fast)}.activities-data-table tbody tr.clickable-row:hover{background:var(--color-bg-tertiary);cursor:pointer}.item-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a;border-color:var(--color-primary)}@media (max-width: 768px){.form-row,.stats-grid,.items-grid{grid-template-columns:1fr}.item-card{margin-bottom:var(--spacing-md)}}.intake-container{min-height:100vh;background-color:var(--color-bg-primary);display:flex;align-items:center;justify-content:center;padding:var(--spacing-2xl) var(--spacing-lg)}.intake-card{background:var(--color-bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--color-border);max-width:500px;width:100%;overflow:hidden}.intake-header{padding:var(--spacing-2xl) var(--spacing-xl) var(--spacing-lg);text-align:center}.intake-header h1{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--spacing-xs)}.intake-header p{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.intake-stepper{display:flex;justify-content:center;gap:var(--spacing-sm);padding:0 var(--spacing-xl) var(--spacing-lg)}.intake-stepper-dot{width:8px;height:8px;border-radius:50%;background:var(--color-border);transition:all var(--transition-base)}.intake-stepper-dot.active{background:var(--color-accent-primary);width:24px;border-radius:4px}.intake-stepper-dot.completed{background:var(--color-accent-primary)}.intake-content{padding:var(--spacing-lg) var(--spacing-xl) var(--spacing-xl)}.intake-field{margin-bottom:var(--spacing-lg)}.intake-field:last-child{margin-bottom:0}.intake-field 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)}.intake-field label .required{color:var(--color-error);margin-left:2px}.intake-select{width:100%;padding:var(--spacing-md);background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--font-size-base);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--spacing-md) center;padding-right:var(--spacing-2xl)}.intake-select:focus{outline:none;border-color:var(--color-accent-primary)}.intake-select:hover{border-color:var(--color-border-hover)}.intake-textarea{width:100%;padding:var(--spacing-md);background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--font-size-base);font-family:inherit;resize:vertical;min-height:100px}.intake-textarea:focus{outline:none;border-color:var(--color-accent-primary)}.intake-textarea:hover{border-color:var(--color-border-hover)}.intake-field-hint{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:var(--spacing-xs)}.intake-error{color:var(--color-error);font-size:var(--font-size-sm);margin-top:var(--spacing-md)}.intake-footer{padding:var(--spacing-lg) var(--spacing-xl) var(--spacing-2xl);display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-md)}.intake-skip-btn{background:none;border:none;color:var(--color-text-muted);font-size:var(--font-size-sm);cursor:pointer;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);transition:all var(--transition-base)}.intake-skip-btn:hover{color:var(--color-text-secondary);background:var(--color-bg-tertiary)}.intake-back-btn{background:none;border:none;color:var(--color-text-secondary);font-size:var(--font-size-sm);cursor:pointer;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);transition:all var(--transition-base);display:flex;align-items:center;gap:var(--spacing-xs)}.intake-back-btn:hover{color:var(--color-text-primary);background:var(--color-bg-tertiary)}.intake-next-btn{background:var(--color-accent-primary);color:#fff;border:none;padding:var(--spacing-md) 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-base);display:flex;align-items:center;gap:var(--spacing-xs)}.intake-next-btn:hover:not(:disabled){background:var(--color-accent-hover)}.intake-next-btn:disabled{opacity:.6;cursor:not-allowed}.intake-submit-btn{background:var(--color-accent-primary);color:#fff;border:none;padding:var(--spacing-md) 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-base)}.intake-submit-btn:hover:not(:disabled){background:var(--color-accent-hover)}.intake-submit-btn:disabled{opacity:.6;cursor:not-allowed}.intake-migration-notice{background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-md);margin-top:var(--spacing-lg);display:flex;align-items:flex-start;gap:var(--spacing-md)}.intake-migration-notice-icon{color:var(--color-accent-primary);flex-shrink:0;margin-top:2px}.intake-migration-notice-content{flex:1}.intake-migration-notice-content p{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--spacing-sm)}.intake-migration-notice-content a{color:var(--color-accent-primary);text-decoration:none;font-weight:var(--font-weight-medium);font-size:var(--font-size-sm)}.intake-migration-notice-content a:hover{text-decoration:underline}.landing-container{min-height:100vh;background-color:var(--color-bg-primary);display:flex;flex-direction:column}.landing-header{position:sticky;top:var(--spacing-xl);z-index:100;display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);margin:var(--spacing-xl) var(--spacing-4xl) 0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.landing-logo-img{height:18px;width:auto;margin-left:var(--spacing-xs)}.landing-nav{display:flex;gap:var(--spacing-lg);align-items:center}.landing-nav-link{color:var(--color-text-secondary);text-decoration:none;font-size:var(--font-size-sm);font-family:var(--font-family-headings);font-weight:var(--font-weight-medium);transition:color var(--transition-fast)}.landing-nav-link:hover{color:var(--color-text-primary)}.landing-hero{display:flex;flex-direction:column;align-items:center;padding:var(--spacing-4xl) var(--spacing-2xl);text-align:center;max-width:900px;margin:0 auto;background-color:transparent}.landing-hero h1{font-size:3.5rem;font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--spacing-lg);font-family:var(--font-family-headings)}.rotating-text{display:inline-block;text-decoration:underline;text-decoration-color:var(--color-accent-primary);text-decoration-thickness:6px;text-underline-offset:4px;text-decoration-skip-ink:auto}.rotating-text.fade-in{animation:slideIn .5s ease-out}.rotating-text.fade-out{animation:slideOut .4s ease-in}@keyframes slideIn{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(30px)}}.landing-hero-subtitle{font-size:var(--font-size-lg);color:var(--color-text-secondary);margin-bottom:var(--spacing-3xl);max-width:700px}.landing-cta{display:flex;gap:var(--spacing-md)}.landing-features{padding:var(--spacing-4xl) var(--spacing-2xl);background-color:transparent}.landing-section{max-width:1200px;margin:0 auto var(--spacing-4xl);width:100%;padding:0 var(--spacing-2xl)}.landing-section-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-3xl);text-align:center}.landing-showcase{display:flex;flex-direction:column;gap:120px;max-width:1200px;margin:0 auto}.landing-showcase-item{display:grid;grid-template-columns:1fr 1.2fr;gap:var(--spacing-3xl);align-items:center}.landing-showcase-reverse{direction:rtl}.landing-showcase-reverse>*{direction:ltr}.landing-showcase-text h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-md);font-family:var(--font-family-headings)}.landing-showcase-text p{color:var(--color-text-secondary);line-height:1.7;font-size:var(--font-size-base)}.landing-showcase-image{border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--color-border);background:var(--color-bg-secondary);box-shadow:var(--shadow-lg)}.landing-showcase-image img{width:100%;height:auto;display:block;max-width:600px}.landing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--spacing-xl);margin-top:var(--spacing-xl)}.landing-card{background-color:var(--color-bg-secondary);border-radius:var(--radius-md);padding:var(--spacing-xl);border:1px solid var(--color-border);min-width:0}.landing-card h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-md)}.landing-card p{color:var(--color-text-secondary);line-height:1.6}.landing-features-checklist{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-2xl);max-width:700px;margin:0 auto}.landing-features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md) var(--spacing-xl)}.landing-feature-item{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--color-text-secondary);font-size:var(--font-size-sm)}.landing-feature-check{color:#43b581;flex-shrink:0}.landing-highlight{background-color:var(--color-bg-tertiary);border-radius:var(--radius-md);padding:var(--spacing-3xl) var(--spacing-2xl);text-align:center;margin:var(--spacing-4xl) auto;max-width:900px}.landing-highlight p{font-size:var(--font-size-lg);color:var(--color-text-secondary);line-height:1.7}.landing-stats{display:flex;justify-content:center;gap:var(--spacing-4xl);margin-bottom:var(--spacing-3xl)}.landing-stat{text-align:center}.landing-stat-value{font-size:2.5rem;font-weight:var(--font-weight-bold);color:var(--color-text-primary);font-family:var(--font-family-headings);margin-bottom:var(--spacing-xs)}.landing-stat-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px}.landing-final-cta{background-color:var(--color-bg-tertiary);border-radius:var(--radius-md);padding:var(--spacing-4xl) var(--spacing-2xl);text-align:center;margin:var(--spacing-4xl) auto;max-width:800px}.landing-final-cta h2{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-md);font-family:var(--font-family-headings)}.landing-final-cta p{font-size:var(--font-size-lg);color:var(--color-text-secondary);margin-bottom:0}.landing-footer{padding:var(--spacing-2xl);text-align:center;color:var(--color-text-muted);font-size:var(--font-size-sm)}@media (max-width: 768px){.landing-hero h1{font-size:2.5rem}.landing-cta{flex-direction:column;width:100%}.landing-header{margin:var(--spacing-lg) var(--spacing-lg) 0;top:var(--spacing-lg);flex-wrap:wrap;gap:var(--spacing-sm)}.landing-nav,.header-button-text{display:none}.landing-header button{padding:var(--spacing-sm)!important}.landing-grid{grid-template-columns:1fr}.landing-showcase-item{grid-template-columns:1fr;gap:var(--spacing-xl)}.landing-showcase-reverse{direction:ltr}.landing-showcase{gap:var(--spacing-3xl)}.landing-stats{flex-direction:column;gap:var(--spacing-2xl)}.landing-stat-value{font-size:2rem}.landing-features-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-md) var(--spacing-lg)}}