@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400&family=Source+Sans+3:wght@300;400;500;600;700&display=swap";:root,[data-theme=light]{--font-display: "DM Sans", system-ui, sans-serif;--font-body: "Source Sans 3", system-ui, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--clr-dark-a0: #0d1716;--clr-light-a0: #ffffff;--clr-primary-a0: #0a7d6c;--clr-primary-a10: #0c9582;--clr-primary-a20: #10ad98;--clr-primary-a30: #1bc4ae;--clr-primary-a40: #3fd4c0;--clr-primary-a50: #7ae5d8;--clr-accent-a0: #d97706;--clr-accent-a10: #f59e0b;--clr-accent-a20: #fbbf24;--clr-surface-a0: #ffffff;--clr-surface-a10: #fafbfb;--clr-surface-a20: #f0f4f3;--clr-surface-a30: #e2e8e6;--clr-surface-a40: #cdd5d3;--clr-surface-a50: #a8b5b2;--clr-surface-tonal-a0: #f5f9f8;--clr-surface-tonal-a10: #ebf2f0;--clr-surface-tonal-a20: #dde8e5;--clr-surface-tonal-a30: #cddbd7;--clr-surface-tonal-a40: #b8ccc7;--clr-surface-tonal-a50: #a0bab4;--clr-success-a0: #059669;--clr-success-a10: #10b981;--clr-success-a20: #d1fae5;--clr-warning-a0: #b45309;--clr-warning-a10: #d97706;--clr-warning-a20: #fef3c7;--clr-danger-a0: #dc2626;--clr-danger-a10: #ef4444;--clr-danger-a20: #fee2e2;--clr-info-a0: #2563eb;--clr-info-a10: #3b82f6;--clr-info-a20: #dbeafe;--color-primary: var(--clr-primary-a0);--color-primary-hover: var(--clr-primary-a10);--color-primary-active: var(--clr-primary-a20);--color-accent: var(--clr-accent-a10);--color-success: var(--clr-success-a0);--color-danger: var(--clr-danger-a0);--color-warning: var(--clr-warning-a0);--color-info: var(--clr-info-a0);--color-bg: var(--clr-surface-a10);--color-surface: var(--clr-surface-tonal-a0);--color-surface-elevated: var(--clr-surface-a0);--color-text: var(--clr-dark-a0);--color-text-secondary: #3d4f4a;--color-text-muted: #64756f;--color-border: var(--clr-surface-a30);--color-border-strong: var(--clr-surface-a40);--color-input-bg: var(--clr-surface-a0);--color-card-bg: var(--clr-surface-a0);--color-header-bg: rgba(255, 255, 255, .85);--color-settlement-bg: #faf5ff;--color-settlement-border: #e9d5ff;--color-settlement-accent: #9333ea;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-xxl: 48px;--spacing-xxxl: 64px;--radius-none: 0px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-2xl: 28px;--radius-full: 9999px;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-xxl: 1.5rem;--font-size-xxxl: 2rem;--font-size-display: 2.75rem;--font-size-hero: 3.5rem;--font-weight-light: 300;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.2;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--shadow-none: none;--shadow-sm: 0 1px 2px rgba(13, 23, 22, .04), 0 1px 3px rgba(13, 23, 22, .06);--shadow-md: 0 2px 4px rgba(13, 23, 22, .04), 0 4px 8px rgba(13, 23, 22, .08);--shadow-lg: 0 4px 6px rgba(13, 23, 22, .04), 0 10px 24px rgba(13, 23, 22, .1);--shadow-xl: 0 8px 16px rgba(13, 23, 22, .06), 0 20px 40px rgba(13, 23, 22, .12);--shadow-glow: 0 0 20px rgba(10, 125, 108, .15);--shadow-glow-accent: 0 0 20px rgba(245, 158, 11, .2);--bg-pattern: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%230a7d6c' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .4s cubic-bezier(.4, 0, .2, 1);--transition-bounce: .5s cubic-bezier(.34, 1.56, .64, 1)}[data-theme=dark]{--clr-dark-a0: #0b1211;--clr-light-a0: #f8fafa;--clr-primary-a0: #14b8a6;--clr-primary-a10: #2dd4bf;--clr-primary-a20: #5eead4;--clr-primary-a30: #99f6e4;--clr-primary-a40: #ccfbf1;--clr-primary-a50: #f0fdfa;--clr-accent-a0: #f59e0b;--clr-accent-a10: #fbbf24;--clr-accent-a20: #fcd34d;--clr-surface-a0: #0b1211;--clr-surface-a10: #111a18;--clr-surface-a20: #1a2623;--clr-surface-a30: #26352f;--clr-surface-a40: #354841;--clr-surface-a50: #4a5f57;--clr-surface-tonal-a0: #0f1816;--clr-surface-tonal-a10: #152120;--clr-surface-tonal-a20: #1d2d2a;--clr-surface-tonal-a30: #283a36;--clr-surface-tonal-a40: #364a45;--clr-surface-tonal-a50: #485c56;--clr-success-a0: #10b981;--clr-success-a10: #34d399;--clr-success-a20: #0f3d2e;--clr-warning-a0: #f59e0b;--clr-warning-a10: #fbbf24;--clr-warning-a20: #3d2f0a;--clr-danger-a0: #ef4444;--clr-danger-a10: #f87171;--clr-danger-a20: #3d1515;--clr-info-a0: #3b82f6;--clr-info-a10: #60a5fa;--clr-info-a20: #152747;--color-primary: var(--clr-primary-a0);--color-primary-hover: var(--clr-primary-a10);--color-primary-active: var(--clr-primary-a20);--color-accent: var(--clr-accent-a0);--color-success: var(--clr-success-a10);--color-danger: var(--clr-danger-a10);--color-warning: var(--clr-warning-a10);--color-info: var(--clr-info-a10);--color-bg: var(--clr-surface-a0);--color-surface: var(--clr-surface-tonal-a10);--color-surface-elevated: var(--clr-surface-a10);--color-text: var(--clr-light-a0);--color-text-secondary: #b8c5c2;--color-text-muted: #7a8a85;--color-border: var(--clr-surface-a30);--color-border-strong: var(--clr-surface-a40);--color-input-bg: var(--clr-surface-a10);--color-card-bg: var(--clr-surface-a10);--color-header-bg: rgba(11, 18, 17, .9);--color-settlement-bg: #1e1433;--color-settlement-border: #3b2860;--color-settlement-accent: #c084fc;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 2px 6px rgba(0, 0, 0, .4);--shadow-lg: 0 4px 12px rgba(0, 0, 0, .5);--shadow-xl: 0 8px 24px rgba(0, 0, 0, .6);--shadow-glow: 0 0 30px rgba(20, 184, 166, .2);--shadow-glow-accent: 0 0 30px rgba(251, 191, 36, .15);--bg-pattern: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%2314b8a6' fill-opacity='0.04'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-body);background-color:var(--color-bg);background-image:var(--bg-pattern);background-attachment:fixed;color:var(--color-text);line-height:var(--line-height-normal);min-height:100vh;min-height:100dvh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);letter-spacing:-.02em}.app{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}.app:not(.app-home) .footer{flex-shrink:0;position:sticky;bottom:0;z-index:40}.app-home{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}.app-home .container{flex:1;overflow-y:auto;display:flex;flex-direction:column}.app-home .footer{flex-shrink:0;position:sticky;bottom:0;z-index:40}.container{width:100%;max-width:680px;margin:0 auto;padding:var(--spacing-lg)}@media(max-width:480px){.container{padding:var(--spacing-md)}}.header{background:var(--color-header-bg);border-bottom:1px solid var(--color-border);padding:var(--spacing-md) 0;position:sticky;top:0;z-index:50;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.header-content{max-width:680px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-md);padding:0 var(--spacing-lg)}@media(max-width:480px){.header-content{padding:0 var(--spacing-md)}}@media(min-width:640px)and (max-width:1023px){.header-content{max-width:720px}}@media(min-width:1024px)and (max-width:1279px){.header-content{max-width:900px}}@media(min-width:1280px){.header-content{max-width:1000px}}.logo{display:flex;align-items:center;gap:var(--spacing-sm);font-family:var(--font-display);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-primary);text-decoration:none;transition:all var(--transition-fast);letter-spacing:-.03em}.logo:hover{color:var(--color-primary-hover);transform:translateY(-1px)}.logo img{border-radius:var(--radius-md)}.card{background:var(--color-card-bg);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);padding:var(--spacing-xl);margin-bottom:var(--spacing-lg);border:1px solid var(--color-border);transition:box-shadow var(--transition-normal),transform var(--transition-normal)}.card:hover{box-shadow:var(--shadow-lg)}@media(max-width:480px){.card{padding:var(--spacing-lg);border-radius:var(--radius-lg)}}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);flex-wrap:wrap;gap:var(--spacing-sm)}.card-title{font-family:var(--font-display);font-size:var(--font-size-xxl);font-weight:var(--font-weight-semibold);color:var(--color-text);letter-spacing:-.02em}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);border:none;border-radius:var(--radius-lg);font-family:var(--font-body);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;position:relative;overflow:hidden}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:disabled:before{display:none}.btn-primary{background:var(--color-primary);color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover:not(:disabled){background:var(--color-primary-hover);box-shadow:var(--shadow-md)}.btn-primary:active:not(:disabled){transform:translateY(0);box-shadow:var(--shadow-sm)}.btn-secondary{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);box-shadow:var(--shadow-sm)}.btn-secondary:hover:not(:disabled){background:var(--color-surface-elevated);border-color:var(--color-border-strong)}.btn-danger{background:var(--color-danger);color:#fff;box-shadow:var(--shadow-sm)}.btn-danger:hover:not(:disabled){background:var(--clr-danger-a10)}.btn-ghost{background:transparent;color:var(--color-text-secondary)}.btn-ghost:hover:not(:disabled){background:var(--color-surface);color:var(--color-text)}.btn-sm{padding:6px var(--spacing-md);font-size:var(--font-size-xs);border-radius:var(--radius-md)}.btn-lg{padding:var(--spacing-md) var(--spacing-xl);font-size:var(--font-size-md);border-radius:var(--radius-lg)}.btn-icon{padding:var(--spacing-sm);min-width:36px;min-height:36px;font-size:var(--font-size-lg);border-radius:var(--radius-md)}.btn-close{width:36px;height:36px;min-width:36px;padding:0;display:flex;align-items:center;justify-content:center;font-size:24px;line-height:1;border-radius:var(--radius-md);background:transparent;color:var(--color-text-muted);border:none;cursor:pointer;transition:all var(--transition-fast)}.btn-close:hover{background:var(--color-surface);color:var(--color-text)}.btn-block{width:100%}.input{width:100%;padding:var(--spacing-md);border:2px solid var(--color-border);border-radius:var(--radius-lg);font-family:var(--font-body);font-size:var(--font-size-md);background:var(--color-input-bg);color:var(--color-text);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.input[type=number]{-moz-appearance:textfield}.input[type=number]::-webkit-outer-spin-button,.input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.input[type=date],.input[type=time]{color-scheme:light}[data-theme=dark] .input[type=date],[data-theme=dark] .input[type=time]{color-scheme:dark}.input[type=date]::-webkit-calendar-picker-indicator,.input[type=time]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.6;transition:opacity var(--transition-fast)}.input[type=date]::-webkit-calendar-picker-indicator:hover,.input[type=time]::-webkit-calendar-picker-indicator:hover{opacity:1}[data-theme=dark] .input[type=date]::-webkit-calendar-picker-indicator,[data-theme=dark] .input[type=time]::-webkit-calendar-picker-indicator{filter:invert(1)}.input::placeholder{color:var(--color-text-muted)}.input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 4px #0a7d6c1f}[data-theme=dark] .input:focus{box-shadow:0 0 0 4px #14b8a626}.input-group{margin-bottom:var(--spacing-lg)}.input-group label{display:block;margin-bottom:var(--spacing-sm);font-family:var(--font-display);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text);letter-spacing:-.01em}.input-row{display:flex;gap:var(--spacing-md)}.input-row .input-group{margin-bottom:0}.input-row .input{flex:1}.select{width:100%;padding:var(--spacing-md);padding-right:48px;border:2px solid var(--color-border);border-radius:var(--radius-lg);font-family:var(--font-body);font-size:var(--font-size-md);background:var(--color-input-bg);color:var(--color-text);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364756f' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--spacing-md) center;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 4px #0a7d6c1f}.checkbox-group{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) 0;cursor:pointer}.checkbox{width:22px;height:22px;border:2px solid var(--color-border-strong);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);flex-shrink:0}.checkbox.checked{background:var(--color-primary);border-color:var(--color-primary)}.radio-group{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.radio-option{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);border:2px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);flex:1;min-width:120px}.radio-option:hover{border-color:var(--color-primary);background:#0a7d6c0a}.radio-option.selected{border-color:var(--color-primary);background:#0a7d6c14}.radio-dot{width:20px;height:20px;border:2px solid var(--color-border-strong);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all var(--transition-fast)}.radio-option.selected .radio-dot{border-color:var(--color-primary)}.radio-option.selected .radio-dot:after{content:"";width:10px;height:10px;background:var(--color-primary);border-radius:50%}.tabs{display:flex;background:var(--color-surface);padding:4px;border-radius:var(--radius-lg);margin-bottom:var(--spacing-lg);gap:4px}.tab{flex:1;padding:var(--spacing-sm) var(--spacing-md);border:none;background:transparent;font-family:var(--font-display);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-md);transition:all var(--transition-fast);white-space:nowrap}.tab:hover{color:var(--color-text);background:#0a7d6c0d}.tab.active{background:var(--color-card-bg);color:var(--color-primary);box-shadow:var(--shadow-sm)}.modal-overlay{position:fixed;inset:0;background:#0d171699;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg);z-index:100;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{background:var(--color-card-bg);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);width:100%;max-width:500px;max-height:calc(100vh - var(--spacing-xxl));max-height:calc(100dvh - var(--spacing-xxl));overflow:hidden;display:flex;flex-direction:column;animation:modalSlideUp .3s cubic-bezier(.34,1.56,.64,1);border:1px solid var(--color-border)}@keyframes modalSlideUp{0%{transform:translateY(24px) scale(.96);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@media(max-width:480px){.modal{max-width:100%;max-height:90vh;max-height:90dvh;border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;border-bottom:none}.modal-overlay{padding:0;align-items:flex-end}}.modal-header{padding:var(--spacing-lg) var(--spacing-xl);border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.modal-header h2{font-family:var(--font-display);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);letter-spacing:-.02em}.modal-body{padding:var(--spacing-xl);overflow-y:auto;flex:1}.modal-footer{padding:var(--spacing-lg) var(--spacing-xl);border-top:1px solid var(--color-border);display:flex;justify-content:flex-end;gap:var(--spacing-md);flex-shrink:0}.list{list-style:none}.list-item{padding:var(--spacing-md) 0;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-md)}.list-item:last-child{border-bottom:none}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;font-family:var(--font-display);font-size:11px;font-weight:var(--font-weight-semibold);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.5px}.badge-read{background:var(--clr-info-a20);color:var(--clr-info-a0)}.badge-write{background:var(--clr-success-a20);color:var(--clr-success-a0)}.badge-primary{background:#0a7d6c1f;color:var(--color-primary)}.expense-card{padding:var(--spacing-lg);border:1px solid var(--color-border);border-radius:var(--radius-xl);margin-bottom:var(--spacing-md);background:var(--color-surface-elevated);transition:all var(--transition-fast);position:relative}.expense-card:before{content:"";position:absolute;left:0;top:var(--spacing-md);bottom:var(--spacing-md);width:4px;background:var(--color-primary);border-radius:0 2px 2px 0;opacity:0;transition:opacity var(--transition-fast)}.expense-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-primary)}.expense-card:hover:before{opacity:1}.expense-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-sm);gap:var(--spacing-md)}.expense-description{font-family:var(--font-display);font-weight:var(--font-weight-semibold);color:var(--color-text);font-size:var(--font-size-md);letter-spacing:-.01em}.expense-amount{font-family:var(--font-display);font-size:var(--font-size-xxl);font-weight:var(--font-weight-bold);color:var(--color-primary);white-space:nowrap;letter-spacing:-.02em}.expense-date{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:2px}.expense-details{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.7}.balance-positive{color:var(--color-success);font-weight:var(--font-weight-semibold)}.balance-negative{color:var(--color-danger);font-weight:var(--font-weight-semibold)}.balance-zero{color:var(--color-text-muted)}.settlement-card{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--color-settlement-bg);border:2px solid var(--color-settlement-border);border-radius:var(--radius-xl);margin-bottom:var(--spacing-md);transition:all var(--transition-fast)}.settlement-card:hover{border-color:var(--color-settlement-accent);box-shadow:0 0 0 4px #9333ea14}.settlement-arrow{font-size:var(--font-size-xxl);color:var(--color-settlement-accent);font-weight:var(--font-weight-bold)}.settlement-amount{font-family:var(--font-display);font-weight:var(--font-weight-bold);margin-left:auto;color:var(--color-settlement-accent);font-size:var(--font-size-xl);letter-spacing:-.02em}.empty-state{text-align:center;padding:var(--spacing-xxl);color:var(--color-text-muted)}.empty-state p{margin-bottom:var(--spacing-xs)}.empty-state p:first-child{font-family:var(--font-display);font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:var(--spacing-xs)}.gap-2{gap:var(--spacing-sm)}.gap-3{gap:var(--spacing-md)}.gap-4{gap:var(--spacing-lg)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mb-1{margin-bottom:var(--spacing-xs)}.mb-2{margin-bottom:var(--spacing-sm)}.mb-3{margin-bottom:var(--spacing-md)}.mb-4{margin-bottom:var(--spacing-lg)}.mt-1{margin-top:var(--spacing-xs)}.mt-2{margin-top:var(--spacing-sm)}.mt-3{margin-top:var(--spacing-md)}.mt-4{margin-top:var(--spacing-lg)}.ml-auto{margin-left:auto}.mr-auto{margin-right:auto}.ml-2{margin-left:var(--spacing-sm)}.w-full{width:100%}.advanced-toggle{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);font-family:var(--font-body);font-size:var(--font-size-sm);color:var(--color-text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:all var(--transition-fast)}.advanced-toggle:hover{color:var(--color-primary);border-color:var(--color-primary);background:#0a7d6c0a}.advanced-toggle-icon{transition:transform var(--transition-fast);font-size:10px;display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px}.advanced-toggle-icon.open{transform:rotate(180deg)}.advanced-content{padding-top:var(--spacing-md);animation:slideDown .25s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.member-select-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);border:2px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast)}.member-select-item:hover{border-color:var(--color-primary);background:#0a7d6c0a}.member-select-item.selected{border-color:var(--color-primary);background:#0a7d6c14}.member-select-item .name{flex:1;font-weight:var(--font-weight-medium)}.member-select-item .amount{color:var(--color-text-muted);font-size:var(--font-size-sm);font-family:var(--font-display)}.copy-group{display:flex;gap:var(--spacing-sm);align-items:center}.copy-input{flex:1;font-family:var(--font-mono);font-size:var(--font-size-xs)}.share-link-section{padding:20px;border-radius:var(--radius-lg);margin-bottom:16px}.share-link-read{background:#e0f2fe;border:1px solid #7dd3fc}.share-link-read .share-link-icon,.share-link-read .share-link-label{color:#0369a1}.share-link-write{background:#dcfce7;border:1px solid #86efac}.share-link-write .share-link-icon,.share-link-write .share-link-label{color:#15803d}.share-link-label{font-weight:600}.share-link-description{color:var(--color-text-secondary)}[data-theme=dark] .share-link-read{background:#0c4a6e;border-color:#0369a1}[data-theme=dark] .share-link-read .share-link-icon,[data-theme=dark] .share-link-read .share-link-label{color:#7dd3fc}[data-theme=dark] .share-link-write{background:#14532d;border-color:#15803d}[data-theme=dark] .share-link-write .share-link-icon,[data-theme=dark] .share-link-write .share-link-label{color:#86efac}.theme-toggle{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-md);background:transparent;border:none;cursor:pointer;color:var(--color-text-secondary);transition:all var(--transition-fast)}.theme-toggle:hover{color:var(--color-primary);background:var(--color-surface)}.footer{margin-top:auto;padding:var(--spacing-lg);text-align:center;font-family:var(--font-body);font-size:var(--font-size-xs);color:var(--color-text-muted);border-top:1px solid var(--color-border);background:var(--color-header-bg);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.hero-section{position:relative;padding:var(--spacing-xxxl) var(--spacing-lg);margin:calc(-1 * var(--spacing-lg));margin-bottom:var(--spacing-lg);background:linear-gradient(135deg,var(--color-primary) 0%,#0c5d52 50%,#0e4a60 100%);border-radius:0 0 var(--radius-2xl) var(--radius-2xl);overflow:hidden}.hero-section:before{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='M50 50c0-5.523 4.477-10 10-10s10 4.477 10 10-4.477 10-10 10-10-4.477-10-10zm-40 0c0-5.523 4.477-10 10-10s10 4.477 10 10-4.477 10-10 10-10-4.477-10-10z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");opacity:.4}.hero-section:after{content:"";position:absolute;bottom:-50%;right:-20%;width:80%;height:100%;background:radial-gradient(ellipse,rgba(251,191,36,.15) 0%,transparent 60%)}.hero-content{position:relative;z-index:1;text-align:center;max-width:500px;margin:0 auto}.hero-title{font-family:var(--font-display);font-size:var(--font-size-hero);font-weight:var(--font-weight-bold);color:#fff;letter-spacing:-.03em;line-height:1.1;margin-bottom:var(--spacing-md)}@media(max-width:480px){.hero-title{font-size:var(--font-size-display)}}.hero-subtitle{font-size:var(--font-size-lg);color:#ffffffd9;margin-bottom:var(--spacing-xl);line-height:1.6}.hero-actions{display:flex;gap:var(--spacing-md);justify-content:center;flex-wrap:wrap}.hero-btn-primary{background:#fff;color:var(--color-primary);font-weight:var(--font-weight-bold);padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.hero-btn-primary:hover{transform:translateY(-3px);box-shadow:var(--shadow-xl)}.hero-btn-secondary{background:#ffffff26;color:#fff;border:2px solid rgba(255,255,255,.3);padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.hero-btn-secondary:hover{background:#ffffff40;border-color:#ffffff80;transform:translateY(-2px)}.hero-card{background:linear-gradient(135deg,var(--color-primary) 0%,#0c5d52 50%,#0e4a60 100%);color:#fff;border:none;position:relative;overflow:hidden;padding:var(--spacing-xxl) var(--spacing-xl);text-align:center}.hero-card:before{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='M50 50c0-5.523 4.477-10 10-10s10 4.477 10 10-4.477 10-10 10-10-4.477-10-10zm-40 0c0-5.523 4.477-10 10-10s10 4.477 10 10-4.477 10-10 10-10-4.477-10-10z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");opacity:.5}.hero-card:after{content:"";position:absolute;bottom:-30%;right:-10%;width:60%;height:80%;background:radial-gradient(ellipse,rgba(251,191,36,.2) 0%,transparent 60%)}.hero-card>*{position:relative;z-index:1}.hero-card h1{color:#fff}.hero-card .text-secondary{color:#ffffffd9}@media(min-width:1024px){.header-content-wide{max-width:1280px}.wide-layout{display:flex;gap:var(--spacing-xl);max-width:1280px;margin:0 auto;height:calc(100vh - 140px)}.main-content{flex:1;min-width:450px;max-width:760px;width:100%;overflow-y:auto;padding-top:var(--spacing-lg);padding-bottom:var(--spacing-lg);padding-right:var(--spacing-sm)}.main-content .card{margin-bottom:0;width:100%}.main-content .tab-content-scroll{max-height:calc(100vh - 340px);overflow-y:auto;padding-right:var(--spacing-sm)}.side-panel{width:380px;flex-shrink:0;overflow-y:auto;padding-top:var(--spacing-lg);padding-bottom:var(--spacing-lg);padding-right:var(--spacing-sm)}.side-panel-card{background:var(--color-card-bg);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);padding:var(--spacing-xl);border:1px solid var(--color-border)}.side-panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--color-border)}.side-panel-header h3{font-family:var(--font-display);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0;letter-spacing:-.02em}.side-panel-title{font-family:var(--font-display);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--color-border);letter-spacing:-.02em}}@media(min-width:1440px){.header-content-wide,.wide-layout{max-width:1400px}.main-content{max-width:840px}.side-panel{width:420px}}.expense-form{display:flex;flex-direction:column}.expense-form-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}.expense-form-header h2{font-family:var(--font-display);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0;letter-spacing:-.02em}.expense-form-body{flex:1}.expense-form-footer{display:flex;justify-content:flex-end;gap:var(--spacing-md);margin-top:var(--spacing-lg);padding-top:var(--spacing-md);border-top:1px solid var(--color-border)}.modal-expense .expense-form-footer{margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid var(--color-border)}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-md)}.feature-card{display:flex;gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border);transition:all var(--transition-fast)}.feature-card:hover{border-color:var(--color-primary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.feature-icon{flex-shrink:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-hover) 100%);color:#fff;border-radius:var(--radius-md);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold)}.feature-content h4{font-family:var(--font-display);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-xs);letter-spacing:-.01em}.feature-content p{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.5}.recent-group-card{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-bottom:var(--spacing-sm);transition:all var(--transition-fast)}.recent-group-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-sm)}.recent-group-info{display:flex;align-items:center;gap:var(--spacing-md)}.recent-group-info .name{font-family:var(--font-display);font-weight:var(--font-weight-semibold);letter-spacing:-.01em}.recent-group-actions{display:flex;gap:var(--spacing-sm)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:fadeInUp .5s cubic-bezier(.34,1.56,.64,1) both}.animate-delay-1{animation-delay:.1s}.animate-delay-2{animation-delay:.2s}.animate-delay-3{animation-delay:.3s}.animate-delay-4{animation-delay:.4s}@keyframes pulse{0%,to{box-shadow:0 0 #0a7d6c66}50%{box-shadow:0 0 0 10px #0a7d6c00}}.btn-pulse{animation:pulse 2s infinite}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-surface);border-radius:4px}::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}*{scrollbar-width:thin;scrollbar-color:var(--color-border-strong) var(--color-surface)}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}button:focus:not(:focus-visible),input:focus:not(:focus-visible),select:focus:not(:focus-visible){outline:none}@media(max-width:360px){:root{--font-size-hero: 2rem;--font-size-display: 1.75rem}.hero-card{padding:var(--spacing-xl) var(--spacing-lg)}.hero-actions{flex-direction:column}.hero-actions .btn{width:100%}.feature-grid{grid-template-columns:1fr}.card-header{flex-direction:column;align-items:flex-start}.expense-header{flex-direction:column;gap:var(--spacing-sm)}.expense-amount{font-size:var(--font-size-xl)}}@media(min-width:640px)and (max-width:1023px){.container{max-width:720px}.feature-grid{grid-template-columns:repeat(2,1fr)}.hero-title{font-size:3rem}}@media(min-width:1024px)and (max-width:1279px){.container{max-width:900px}}@media(min-width:1280px){.container{max-width:1000px}}@media(min-width:1920px){:root{font-size:18px}.wide-layout{max-width:1600px}.main-content{max-width:960px}.side-panel{width:480px}}@media(-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.card,.modal,.expense-card{box-shadow:var(--shadow-sm)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media print{.header,.footer,.btn,.theme-toggle,.modal-overlay{display:none!important}.card{box-shadow:none;border:1px solid #ccc;break-inside:avoid}body{background:#fff;color:#000}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@supports (padding: env(safe-area-inset-top)){.header{padding-top:max(var(--spacing-md),env(safe-area-inset-top))}.footer{padding-bottom:max(var(--spacing-lg),env(safe-area-inset-bottom))}.modal-overlay{padding-bottom:env(safe-area-inset-bottom)}}:root,[data-theme=light]{--font-display: "DM Sans", system-ui, sans-serif;--font-body: "Source Sans 3", system-ui, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--clr-dark-a0: #0d1716;--clr-light-a0: #ffffff;--clr-primary-a0: #0a7d6c;--clr-primary-a10: #0c9582;--clr-primary-a20: #10ad98;--clr-primary-a30: #1bc4ae;--clr-primary-a40: #3fd4c0;--clr-primary-a50: #7ae5d8;--clr-accent-a0: #d97706;--clr-accent-a10: #f59e0b;--clr-accent-a20: #fbbf24;--clr-surface-a0: #ffffff;--clr-surface-a10: #fafbfb;--clr-surface-a20: #f0f4f3;--clr-surface-a30: #e2e8e6;--clr-surface-a40: #cdd5d3;--clr-surface-a50: #a8b5b2;--clr-surface-tonal-a0: #f5f9f8;--clr-surface-tonal-a10: #ebf2f0;--clr-surface-tonal-a20: #dde8e5;--clr-surface-tonal-a30: #cddbd7;--clr-surface-tonal-a40: #b8ccc7;--clr-surface-tonal-a50: #a0bab4;--clr-success-a0: #059669;--clr-success-a10: #10b981;--clr-success-a20: #d1fae5;--clr-warning-a0: #b45309;--clr-warning-a10: #d97706;--clr-warning-a20: #fef3c7;--clr-danger-a0: #dc2626;--clr-danger-a10: #ef4444;--clr-danger-a20: #fee2e2;--clr-info-a0: #2563eb;--clr-info-a10: #3b82f6;--clr-info-a20: #dbeafe;--color-primary: var(--clr-primary-a0);--color-primary-hover: var(--clr-primary-a10);--color-primary-active: var(--clr-primary-a20);--color-accent: var(--clr-accent-a10);--color-success: var(--clr-success-a0);--color-danger: var(--clr-danger-a0);--color-warning: var(--clr-warning-a0);--color-info: var(--clr-info-a0);--color-bg: var(--clr-surface-a10);--color-surface: var(--clr-surface-tonal-a0);--color-surface-elevated: var(--clr-surface-a0);--color-text: var(--clr-dark-a0);--color-text-secondary: #3d4f4a;--color-text-muted: #64756f;--color-border: var(--clr-surface-a30);--color-border-strong: var(--clr-surface-a40);--color-input-bg: var(--clr-surface-a0);--color-card-bg: var(--clr-surface-a0);--color-header-bg: rgba(255, 255, 255, .85);--color-settlement-bg: #faf5ff;--color-settlement-border: #e9d5ff;--color-settlement-accent: #9333ea;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-xxl: 48px;--spacing-xxxl: 64px;--radius-none: 0px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-2xl: 28px;--radius-full: 9999px;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-xxl: 1.5rem;--font-size-xxxl: 2rem;--font-size-display: 2.75rem;--font-size-hero: 3.5rem;--font-weight-light: 300;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.2;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--shadow-none: none;--shadow-sm: 0 1px 2px rgba(13, 23, 22, .04), 0 1px 3px rgba(13, 23, 22, .06);--shadow-md: 0 2px 4px rgba(13, 23, 22, .04), 0 4px 8px rgba(13, 23, 22, .08);--shadow-lg: 0 4px 6px rgba(13, 23, 22, .04), 0 10px 24px rgba(13, 23, 22, .1);--shadow-xl: 0 8px 16px rgba(13, 23, 22, .06), 0 20px 40px rgba(13, 23, 22, .12);--shadow-glow: 0 0 20px rgba(10, 125, 108, .15);--shadow-glow-accent: 0 0 20px rgba(245, 158, 11, .2);--bg-pattern: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%230a7d6c' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .4s cubic-bezier(.4, 0, .2, 1);--transition-bounce: .5s cubic-bezier(.34, 1.56, .64, 1)}[data-theme=dark]{--clr-dark-a0: #0b1211;--clr-light-a0: #f8fafa;--clr-primary-a0: #14b8a6;--clr-primary-a10: #2dd4bf;--clr-primary-a20: #5eead4;--clr-primary-a30: #99f6e4;--clr-primary-a40: #ccfbf1;--clr-primary-a50: #f0fdfa;--clr-accent-a0: #f59e0b;--clr-accent-a10: #fbbf24;--clr-accent-a20: #fcd34d;--clr-surface-a0: #0b1211;--clr-surface-a10: #111a18;--clr-surface-a20: #1a2623;--clr-surface-a30: #26352f;--clr-surface-a40: #354841;--clr-surface-a50: #4a5f57;--clr-surface-tonal-a0: #0f1816;--clr-surface-tonal-a10: #152120;--clr-surface-tonal-a20: #1d2d2a;--clr-surface-tonal-a30: #283a36;--clr-surface-tonal-a40: #364a45;--clr-surface-tonal-a50: #485c56;--clr-success-a0: #10b981;--clr-success-a10: #34d399;--clr-success-a20: #0f3d2e;--clr-warning-a0: #f59e0b;--clr-warning-a10: #fbbf24;--clr-warning-a20: #3d2f0a;--clr-danger-a0: #ef4444;--clr-danger-a10: #f87171;--clr-danger-a20: #3d1515;--clr-info-a0: #3b82f6;--clr-info-a10: #60a5fa;--clr-info-a20: #152747;--color-primary: var(--clr-primary-a0);--color-primary-hover: var(--clr-primary-a10);--color-primary-active: var(--clr-primary-a20);--color-accent: var(--clr-accent-a0);--color-success: var(--clr-success-a10);--color-danger: var(--clr-danger-a10);--color-warning: var(--clr-warning-a10);--color-info: var(--clr-info-a10);--color-bg: var(--clr-surface-a0);--color-surface: var(--clr-surface-tonal-a10);--color-surface-elevated: var(--clr-surface-a10);--color-text: var(--clr-light-a0);--color-text-secondary: #b8c5c2;--color-text-muted: #7a8a85;--color-border: var(--clr-surface-a30);--color-border-strong: var(--clr-surface-a40);--color-input-bg: var(--clr-surface-a10);--color-card-bg: var(--clr-surface-a10);--color-header-bg: rgba(11, 18, 17, .9);--color-settlement-bg: #1e1433;--color-settlement-border: #3b2860;--color-settlement-accent: #c084fc;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 2px 6px rgba(0, 0, 0, .4);--shadow-lg: 0 4px 12px rgba(0, 0, 0, .5);--shadow-xl: 0 8px 24px rgba(0, 0, 0, .6);--shadow-glow: 0 0 30px rgba(20, 184, 166, .2);--shadow-glow-accent: 0 0 30px rgba(251, 191, 36, .15);--bg-pattern: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%2314b8a6' fill-opacity='0.04'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}.bg-primary{background-color:var(--color-primary);color:var(--clr-light-a0)}.bg-surface{background-color:var(--color-surface);color:var(--color-text)}.bg-success{background-color:var(--clr-success-a20);color:var(--clr-success-a0)}.bg-warning{background-color:var(--clr-warning-a20);color:var(--clr-warning-a0)}.bg-danger{background-color:var(--clr-danger-a20);color:var(--clr-danger-a0)}.bg-info{background-color:var(--clr-info-a20);color:var(--clr-info-a0)}.text-primary{color:var(--color-primary)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-danger{color:var(--color-danger)}.text-info{color:var(--color-info)}.text-muted{color:var(--color-text-muted)}.text-secondary{color:var(--color-text-secondary)}.border{border:1px solid var(--color-border)}.border-primary{border-color:var(--color-primary)}.p-xs{padding:var(--spacing-xs)}.p-sm{padding:var(--spacing-sm)}.p-md{padding:var(--spacing-md)}.p-lg{padding:var(--spacing-lg)}.p-xl{padding:var(--spacing-xl)}.m-xs{margin:var(--spacing-xs)}.m-sm{margin:var(--spacing-sm)}.m-md{margin:var(--spacing-md)}.m-lg{margin:var(--spacing-lg)}.m-xl{margin:var(--spacing-xl)}.rounded-none{border-radius:var(--radius-none)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-full{border-radius:var(--radius-full)}.shadow-none{box-shadow:var(--shadow-none)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-md{font-size:var(--font-size-md)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-xxl{font-size:var(--font-size-xxl)}.text-xxxl{font-size:var(--font-size-xxxl)}.text-display{font-size:var(--font-size-display)}.font-light{font-weight:var(--font-weight-light)}.font-regular{font-weight:var(--font-weight-regular)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}