@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Work+Sans:wght@400;500;600;700;800&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: "Work Sans", "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)}.font-heading{font-family:var(--font-family-headings)}.font-body{font-family:var(--font-family)}.container{max-width:1600px;margin:0 auto;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%;max-width:1400px;margin:0 auto;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)}.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}.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(5,1fr);max-width:2000px;margin:0 auto}}@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}.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}.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)}.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)}.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 1fr;grid-template-areas:"fields weights template"}}@media (min-width: 1800px){.variants-sections{grid-template-columns:2fr 1fr 2fr;grid-template-areas:"fields weights 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:hidden;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}.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-md);flex:1;display:flex;flex-direction:column}.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{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}.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)}.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-type-badge.field-type-text{background-color:#5865f2}.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);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.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)}.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)}.field-item,.weight-item{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.item-actions{width:100%;justify-content:flex-end}}.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-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}.dashboard-nav-card:hover{border-color:var(--color-border-hover);background:var(--color-bg-tertiary);transform:translateY(-1px)}.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-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-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%}}.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:1000;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: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-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:1001;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{display:none!important}.floating-actions-item:nth-child(3),.floating-actions-item:nth-child(4),.floating-actions-item:nth-child(5){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}@media (min-width: 769px) and (max-width: 1199px){.floating-nav-item{padding:var(--spacing-sm)!important;min-width:auto!important}.floating-nav-label{display:none!important}}@media (min-width: 1400px){.floating-nav-item{padding:var(--spacing-sm) var(--spacing-md)!important}.floating-nav-label,.floating-nav-brand,.floating-nav-brand-separator{display:block!important}}@media (min-width: 1200px) and (max-width: 1399px){.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}}@media (max-width: 1199px){.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-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)}}@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{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}.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}.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)}.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);flex-shrink:0}.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}.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-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%)}}.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)}.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)}}.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)}}.react-datepicker__navigation-icon:before,.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{border-color:#ccc;border-style:solid;border-width:3px 3px 0 0;content:"";display:block;height:9px;position:absolute;top:6px;width:9px}.react-datepicker-wrapper{display:inline-block;padding:0;border:0}.react-datepicker{font-family:Helvetica Neue,helvetica,arial,sans-serif;font-size:.8rem;background-color:#fff;color:#000;border:1px solid #aeaeae;border-radius:.3rem;display:inline-block;position:relative;line-height:initial}.react-datepicker--time-only .react-datepicker__time-container{border-left:0}.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker-popper{z-index:1;line-height:0}.react-datepicker-popper .react-datepicker__triangle{stroke:#aeaeae}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{fill:#f0f0f0;color:#f0f0f0}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle{fill:#fff;color:#fff}.react-datepicker__header{text-align:center;background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;padding:8px 0;position:relative}.react-datepicker__header--time{padding-bottom:8px;padding-left:5px;padding-right:5px}.react-datepicker__header--time:not(.react-datepicker__header--time--only){border-top-left-radius:0}.react-datepicker__header:not(.react-datepicker__header--has-time-select){border-top-right-radius:.3rem}.react-datepicker__year-dropdown-container--select,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--scroll{display:inline-block;margin:0 15px}.react-datepicker__current-month,.react-datepicker-time__header,.react-datepicker-year-header{margin-top:0;color:#000;font-weight:700;font-size:.944rem}h2.react-datepicker__current-month{padding:0;margin:0}.react-datepicker-time__header{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.react-datepicker__navigation{align-items:center;background:none;display:flex;justify-content:center;text-align:center;cursor:pointer;position:absolute;top:2px;padding:0;border:none;z-index:1;height:32px;width:32px;text-indent:-999em;overflow:hidden}.react-datepicker__navigation--previous{left:2px}.react-datepicker__navigation--next{right:2px}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:85px}.react-datepicker__navigation--years{position:relative;top:0;display:block;margin-left:auto;margin-right:auto}.react-datepicker__navigation--years-previous{top:4px}.react-datepicker__navigation--years-upcoming{top:-4px}.react-datepicker__navigation:hover *:before{border-color:#a6a6a6}.react-datepicker__navigation-icon{position:relative;top:-1px;font-size:20px;width:0}.react-datepicker__navigation-icon--next{left:-2px}.react-datepicker__navigation-icon--next:before{transform:rotate(45deg);left:-7px}.react-datepicker__navigation-icon--previous{right:-2px}.react-datepicker__navigation-icon--previous:before{transform:rotate(225deg);right:-7px}.react-datepicker__month-container{float:left}.react-datepicker__year{margin:.4rem;text-align:center}.react-datepicker__year-wrapper{display:flex;flex-wrap:wrap;max-width:180px}.react-datepicker__year .react-datepicker__year-text{display:inline-block;width:4rem;margin:2px}.react-datepicker__month{margin:.4rem;text-align:center}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{display:inline-block;width:4rem;margin:2px}.react-datepicker__input-time-container{clear:both;width:100%;float:left;margin:5px 0 10px 15px;text-align:left}.react-datepicker__input-time-container .react-datepicker-time__caption,.react-datepicker__input-time-container .react-datepicker-time__input-container{display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input{display:inline-block;margin-left:10px}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input{width:auto}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]{-moz-appearance:textfield}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter{margin-left:5px;display:inline-block}.react-datepicker__time-container{float:right;border-left:1px solid #aeaeae;width:85px}.react-datepicker__time-container--with-today-button{display:inline;border:1px solid #aeaeae;border-radius:.3rem;position:absolute;right:-87px;top:0}.react-datepicker__time-container .react-datepicker__time{position:relative;background:#fff;border-bottom-right-radius:.3rem}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{width:85px;overflow-x:hidden;margin:0 auto;text-align:center;border-bottom-right-radius:.3rem}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{list-style:none;margin:0;height:calc(195px + .85rem);overflow-y:scroll;padding-right:0;padding-left:0;width:100%;box-sizing:content-box}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{height:30px;padding:5px 10px;white-space:nowrap}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{cursor:pointer;background-color:#f0f0f0}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{background-color:#216ba5;color:#fff;font-weight:700}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{background-color:#216ba5}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled{color:#ccc}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover{cursor:default;background-color:transparent}.react-datepicker__week-number{color:#ccc;display:inline-block;width:1.7rem;line-height:1.7rem;text-align:center;margin:.166rem}.react-datepicker__week-number.react-datepicker__week-number--clickable{cursor:pointer}.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected):hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__week-number--selected{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__week-number--selected:hover{background-color:#1d5d90}.react-datepicker__day-names{white-space:nowrap;margin-bottom:-8px}.react-datepicker__week{white-space:nowrap}.react-datepicker__day-name,.react-datepicker__day,.react-datepicker__time-name{color:#000;display:inline-block;width:1.7rem;line-height:1.7rem;text-align:center;margin:.166rem}.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text{cursor:pointer}.react-datepicker__day:not([aria-disabled=true]):hover,.react-datepicker__month-text:not([aria-disabled=true]):hover,.react-datepicker__quarter-text:not([aria-disabled=true]):hover,.react-datepicker__year-text:not([aria-disabled=true]):hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__day--today,.react-datepicker__month-text--today,.react-datepicker__quarter-text--today,.react-datepicker__year-text--today{font-weight:700}.react-datepicker__day--highlighted,.react-datepicker__month-text--highlighted,.react-datepicker__quarter-text--highlighted,.react-datepicker__year-text--highlighted{border-radius:.3rem;background-color:#3dcc4a;color:#fff}.react-datepicker__day--highlighted:not([aria-disabled=true]):hover,.react-datepicker__month-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__year-text--highlighted:not([aria-disabled=true]):hover{background-color:#32be3f}.react-datepicker__day--highlighted-custom-1,.react-datepicker__month-text--highlighted-custom-1,.react-datepicker__quarter-text--highlighted-custom-1,.react-datepicker__year-text--highlighted-custom-1{color:#f0f}.react-datepicker__day--highlighted-custom-2,.react-datepicker__month-text--highlighted-custom-2,.react-datepicker__quarter-text--highlighted-custom-2,.react-datepicker__year-text--highlighted-custom-2{color:green}.react-datepicker__day--holidays,.react-datepicker__month-text--holidays,.react-datepicker__quarter-text--holidays,.react-datepicker__year-text--holidays{position:relative;border-radius:.3rem;background-color:#ff6803;color:#fff}.react-datepicker__day--holidays .overlay,.react-datepicker__month-text--holidays .overlay,.react-datepicker__quarter-text--holidays .overlay,.react-datepicker__year-text--holidays .overlay{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:4px;border-radius:4px;white-space:nowrap;visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s ease-in-out}.react-datepicker__day--holidays:not([aria-disabled=true]):hover,.react-datepicker__month-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__year-text--holidays:not([aria-disabled=true]):hover{background-color:#cf5300}.react-datepicker__day--holidays:hover .overlay,.react-datepicker__month-text--holidays:hover .overlay,.react-datepicker__quarter-text--holidays:hover .overlay,.react-datepicker__year-text--holidays:hover .overlay{visibility:visible;opacity:1}.react-datepicker__day--selected,.react-datepicker__day--in-selecting-range,.react-datepicker__day--in-range,.react-datepicker__month-text--selected,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--selected,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--selected,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--in-range{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__day--selected:not([aria-disabled=true]):hover,.react-datepicker__day--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__day--in-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-range:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected{border-radius:.3rem;background-color:#bad9f1;color:#000}.react-datepicker__day--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--keyboard-selected:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range){background-color:#216ba580}.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range){background-color:#f0f0f0;color:#000}.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled{cursor:default;color:#ccc}.react-datepicker__day--disabled .overlay,.react-datepicker__month-text--disabled .overlay,.react-datepicker__quarter-text--disabled .overlay,.react-datepicker__year-text--disabled .overlay{position:absolute;bottom:70%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:4px;border-radius:4px;white-space:nowrap;visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s ease-in-out}.react-datepicker__input-container{position:relative;display:inline-block;width:100%}.react-datepicker__input-container .react-datepicker__calendar-icon{position:absolute;padding:.5rem;box-sizing:content-box}.react-datepicker__view-calendar-icon input{padding:6px 10px 5px 25px}.react-datepicker__year-read-view,.react-datepicker__month-read-view,.react-datepicker__month-year-read-view{border:1px solid transparent;border-radius:.3rem;position:relative}.react-datepicker__year-read-view:hover,.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover{cursor:pointer}.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow{border-top-color:#b3b3b3}.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{transform:rotate(135deg);right:-16px;top:0}.react-datepicker__year-dropdown,.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown{background-color:#f0f0f0;position:absolute;width:50%;left:25%;top:30px;z-index:1;text-align:center;border-radius:.3rem;border:1px solid #aeaeae}.react-datepicker__year-dropdown:hover,.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover{cursor:pointer}.react-datepicker__year-dropdown--scrollable,.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__year-option,.react-datepicker__month-option,.react-datepicker__month-year-option{line-height:20px;width:100%;display:block;margin-left:auto;margin-right:auto}.react-datepicker__year-option:first-of-type,.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.react-datepicker__year-option:last-of-type,.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker__year-option:hover,.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover{background-color:#ccc}.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:#b3b3b3}.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous{border-top-color:#b3b3b3}.react-datepicker__year-option--selected,.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected{position:absolute;left:15px}.react-datepicker__close-icon{cursor:pointer;background-color:transparent;border:0;outline:0;padding:0 6px 0 0;position:absolute;top:0;right:0;height:100%;display:table-cell;vertical-align:middle}.react-datepicker__close-icon:after{cursor:pointer;background-color:#216ba5;color:#fff;border-radius:50%;height:16px;width:16px;padding:2px;font-size:12px;line-height:1;text-align:center;display:table-cell;vertical-align:middle;content:"×"}.react-datepicker__close-icon--disabled{cursor:default}.react-datepicker__close-icon--disabled:after{cursor:default;background-color:#ccc}.react-datepicker__today-button{background:#f0f0f0;border-top:1px solid #aeaeae;cursor:pointer;text-align:center;font-weight:700;padding:5px 0;clear:left}.react-datepicker__portal{position:fixed;width:100vw;height:100vh;background-color:#000c;left:0;top:0;justify-content:center;align-items:center;display:flex;z-index:2147483647}.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__time-name{width:3rem;line-height:3rem}@media (max-width: 400px),(max-height: 550px){.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__time-name{width:2rem;line-height:2rem}}.react-datepicker__portal .react-datepicker__current-month,.react-datepicker__portal .react-datepicker-time__header{font-size:1.44rem}.react-datepicker__children-container{width:13.8rem;margin:.4rem;padding-right:.2rem;padding-left:.2rem;height:auto}.react-datepicker__aria-live{position:absolute;clip-path:circle(0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;width:1px;white-space:nowrap}.react-datepicker__calendar-icon{width:1em;height:1em;vertical-align:-.125em}