:root{--color-primary: #59683A;--color-primary-hover: #435027;--color-primary-light: #EEF4E3;--color-primary-muted: #A9B879;--color-accent: #A66A4E;--color-accent-light: #F6E8DF;--color-ink: #232615;--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: #F7F4EC;--color-surface: #FFFDF8;--color-surface-raised: #ffffff;--color-border: #E1DDCF;--color-border-strong: #BFC8A5;--color-text-primary: #242618;--color-text-secondary: #5B6046;--color-text-muted: #8C9076;--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: 8px;--radius-lg: 10px;--radius-xl: 12px;--radius-full: 9999px;--border: 1px solid var(--color-border);--shadow-sm: 0 1px 2px rgba(35,38,21,.06), 0 1px 1px rgba(35,38,21,.03);--shadow-md: 0 8px 20px rgba(35,38,21,.08);--shadow-lg: 0 14px 34px rgba(35,38,21,.12);--shadow-xl: 0 24px 48px rgba(35,38,21,.16);--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .4s ease;--sidebar-width: 252px;--topbar-height: 64px;--content-max-width: 1200px;--sidebar-bg: #2F351F;--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:100%;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:calc(var(--topbar-height) + 18px) var(--space-4) calc(88px + env(safe-area-inset-bottom,0))}}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-6);flex-wrap:wrap;gap:var(--space-4)}.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)}@media(max-width:640px){.page-header{align-items:stretch;margin-bottom:var(--space-5)}.page-header>div{min-width:0;width:100%}.page-header__title{font-size:var(--font-size-lg)}.page-header app-button{width:100%}}.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;border-radius:var(--radius-xl)}.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)}@media(max-width:768px){.data-table{background:transparent;border:0;box-shadow:none}}@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:12px 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);box-shadow:0 0 0 3px #59683a21}.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:12px 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);box-shadow:0 0 0 3px #59683a21}.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}@media(max-width:640px){.row-actions{width:100%}.row-actions app-button{flex:1 1 120px}}.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){.page-header app-button button.btn{padding:7px 14px;font-size:var(--font-size-sm)}}@media(max-width:768px){.app-shell{grid-template-columns:1fr}}