:root{--color-primary: #6B7C45;--color-primary-hover: #556134;--color-primary-light: #EEF2E4;--color-primary-muted: #A3B077;--color-success: #3d8c5f;--color-success-light: #e8f5ee;--color-warning: #c9940a;--color-warning-light: #fdf6e3;--color-danger: #c0392b;--color-danger-light: #fdf0ee;--color-info: #2d7fc1;--color-info-light: #e8f2fb;--color-white: #ffffff;--color-bg: #F5F0E4;--color-surface: #FDFAF4;--color-surface-raised: #ffffff;--color-border: #D8DCC8;--color-border-strong: #B8C0A0;--color-text-primary: #2C2E1E;--color-text-secondary: #5A5E42;--color-text-muted: #9A9E80;--color-text-inverse: #FDFAF4;--color-status-confirmed: #3d8c5f;--color-status-pending: #c9940a;--color-status-cancelled: #c0392b;--color-status-completed: #6B7C45;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--font-family: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-size-xs: 11px;--font-size-sm: 13px;--font-size-base: 15px;--font-size-md: 16px;--font-size-lg: 18px;--font-size-xl: 22px;--font-size-2xl: 28px;--font-size-3xl: 36px;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold:600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-base: 1.5;--line-height-loose: 1.75;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-full: 9999px;--border: 1px solid var(--color-border);--shadow-sm: 0 1px 3px rgba(58,68,38,.07), 0 1px 2px rgba(58,68,38,.04);--shadow-md: 0 4px 12px rgba(58,68,38,.1), 0 2px 4px rgba(58,68,38,.05);--shadow-lg: 0 8px 24px rgba(58,68,38,.12), 0 4px 8px rgba(58,68,38,.06);--shadow-xl: 0 20px 40px rgba(58,68,38,.15);--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .4s ease;--sidebar-width: 240px;--topbar-height: 60px;--content-max-width: 1200px;--sidebar-bg: #3A4426;--sidebar-bg-hover: rgba(255,255,255,.06);--sidebar-bg-active: rgba(255,255,255,.12);--sidebar-border: rgba(255,255,255,.08);--sidebar-text: #C8D4A0;--sidebar-text-active: #E8F0C8;--sidebar-text-muted: #7A8A58}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{font-family:var(--font-family);font-size:var(--font-size-base);line-height:var(--line-height-base);color:var(--color-text-primary);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit;cursor:pointer;border:none;background:none}input,textarea,select{font-family:inherit;font-size:inherit}ul,ol{list-style:none}img,svg{display:block;max-width:100%}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight)}table{border-collapse:collapse;width:100%}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card{background:var(--color-surface);border:var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.app-shell{display:grid;grid-template-columns:var(--sidebar-width) 1fr;min-height:100vh}.main-content{padding:var(--space-8);overflow-y:auto;min-width:0;width:-webkit-fill-available;scrollbar-width:thin;scrollbar-color:var(--color-border-strong) transparent}.main-content::-webkit-scrollbar{width:6px;height:6px}.main-content::-webkit-scrollbar-track{background:transparent}.main-content::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:var(--radius-full)}@media(max-width:768px){.main-content{padding:var(--space-4)}}@media(max-width:768px){.main-content{padding-top:5rem}}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-6);flex-wrap:wrap;gap:var(--space-3)}.page-header__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.page-header__subtitle{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-top:var(--space-1)}.stat-card{background:var(--color-surface);border:var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-6)}.stat-card__label{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.05em}.stat-card__value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-top:var(--space-2)}.stat-card__trend{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-top:var(--space-1)}.data-table{background:var(--color-surface);border:var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden;overflow-x:auto}.data-table__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-6);border-bottom:var(--border)}.data-table__header-title{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold)}.data-table table{width:100%;min-width:480px}.data-table thead tr{background:var(--color-bg);border-bottom:var(--border)}.data-table th{padding:var(--space-3) var(--space-4);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-secondary);text-align:left;white-space:nowrap}.data-table td{padding:var(--space-4);font-size:var(--font-size-sm);color:var(--color-text-primary);border-bottom:var(--border);vertical-align:middle}.data-table tbody tr{transition:background var(--transition-fast)}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr:hover{background:var(--color-bg)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton{border-radius:var(--radius-md);background:linear-gradient(90deg,var(--color-bg) 25%,var(--color-border) 50%,var(--color-bg) 75%);background-size:200% 100%;animation:shimmer 1.4s infinite}.skeleton-tr td{padding:12px 16px}.skeleton-cell{height:14px;border-radius:6px;background:linear-gradient(90deg,var(--color-bg) 25%,var(--color-border) 50%,var(--color-bg) 75%);background-size:200% 100%;animation:shimmer 1.4s infinite;width:70%}.skeleton-cell--wide{width:90%}.skeleton-cell--short{width:40%}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-16) var(--space-8);text-align:center;color:var(--color-text-muted)}.empty-state__icon{font-size:48px;margin-bottom:var(--space-4);opacity:.4}.empty-state__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);margin-bottom:var(--space-2)}.empty-state__text{font-size:var(--font-size-sm);max-width:320px}.toast-container{position:fixed;bottom:var(--space-6);right:var(--space-6);z-index:9999;display:flex;flex-direction:column;gap:var(--space-3);max-width:calc(100vw - 32px)}@media(max-width:480px){.toast-container{bottom:var(--space-4);right:var(--space-4);left:var(--space-4)}}.toast{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);animation:toast-in var(--transition-base) ease;min-width:280px;max-width:400px}@media(max-width:480px){.toast{min-width:unset;width:100%;max-width:unset}}.toast--success{background:var(--color-success);color:#fff}.toast--error{background:var(--color-danger);color:#fff}.toast--info{background:var(--color-info);color:#fff}.toast--warning{background:var(--color-warning);color:var(--color-text-primary)}@keyframes toast-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.input-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.input{width:100%;padding:10px 14px;border:1px solid var(--color-border);border-radius:var(--radius-md);font-family:var(--font-family);font-size:var(--font-size-sm);color:var(--color-text-primary);background:var(--color-surface);transition:border-color var(--transition-fast);outline:none}.input:focus{border-color:var(--color-primary)}.input:disabled{background:var(--color-bg);color:var(--color-text-muted);cursor:not-allowed}.input::placeholder{color:var(--color-text-muted)}.form-field{display:flex;flex-direction:column;gap:var(--space-2)}.form-grid{display:flex;flex-direction:column;gap:var(--space-4)}.form-actions{display:flex;align-items:center;gap:var(--space-3);padding-top:var(--space-4);flex-wrap:wrap}.select{width:100%;padding:10px 14px;border:1px solid var(--color-border);border-radius:var(--radius-md);font-family:inherit;font-size:var(--font-size-sm);color:var(--color-text-primary);background:var(--color-surface);outline:none;cursor:pointer}.select:focus{border-color:var(--color-primary)}.search-bar{margin-bottom:var(--space-4)}.search-bar__input{width:100%;max-width:400px;padding:10px 16px;border:1px solid var(--color-border);border-radius:var(--radius-full);font-family:inherit;font-size:var(--font-size-sm);outline:none;background:var(--color-surface)}.search-bar__input:focus{border-color:var(--color-primary)}.row-actions{display:flex;gap:var(--space-2);flex-wrap:wrap}.user-cell{display:flex;align-items:center;gap:var(--space-2)}.balance-badge{display:inline-block;padding:2px 10px;border-radius:var(--radius-full);background:var(--color-success-light);color:var(--color-success);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm)}.balance-badge--low{background:var(--color-danger-light);color:var(--color-danger)}.section{margin-top:var(--space-8)}.section__title{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-4)}.invite-result{text-align:center;padding:var(--space-4) 0}.invite-result__icon{font-size:48px;margin-bottom:var(--space-3)}.invite-result__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);margin-bottom:var(--space-2)}.invite-result__text{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--space-4)}.invite-link-box{display:flex;gap:var(--space-2);align-items:center;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);flex-wrap:wrap}.invite-link-box__url{flex:1;font-size:var(--font-size-xs);color:var(--color-text-secondary);word-break:break-all;min-width:0}.invite-link-box__copy{padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);background:var(--color-primary);color:#fff;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);border:none;cursor:pointer;white-space:nowrap;transition:background var(--transition-fast)}.invite-link-box__copy:hover{background:var(--color-primary-hover)}.modal-footer-btns{display:flex;align-items:center;justify-content:flex-end;gap:12px;width:100%}.content-container{max-width:var(--content-max-width);margin:0 auto;padding-left:var(--space-6);padding-right:var(--space-6)}@media(max-width:768px){.content-container{padding-left:var(--space-4);padding-right:var(--space-4)}}.page-section{margin-bottom:var(--space-8);text-align:left}@media(max-width:768px){.page-section{text-align:left;width:100%}}@media(max-width:768px){.app-shell{grid-template-columns:1fr}}