:root{--primary-dark: #0A5B34;--primary: #149A51;--primary-light: #45C86D;--accent: #F6CD2F;--bg-primary: #EEF6EE;--surface: #FFFFFF;--text-dark: #143027;--text-light: #4F675C;--border: #D7E5D9;--status-success: #16A34A;--status-warning: #F0B429;--status-danger: #DC2626;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--font-size-3xl: 2.5rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 8px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 16px rgba(0, 0, 0, .12);--shadow-xl: 0 12px 24px rgba(0, 0, 0, .15);--transition-fast: .15s ease-in-out;--transition-base: .3s ease-in-out;--transition-slow: .5s ease-in-out}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;font-family:var(--font-family);font-size:var(--font-size-base);line-height:1.6;color:var(--text-dark);background-color:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;touch-action:manipulation}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;color:var(--text-dark)}h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-lg)}p{margin:var(--spacing-md) 0;color:var(--text-light)}small{font-size:var(--font-size-xs);color:var(--text-light)}a{color:var(--primary);text-decoration:none;transition:color var(--transition-fast);font-weight:500}a:hover{color:var(--primary-dark)}a:active{opacity:.8}input,textarea,select{font-family:var(--font-family);font-size:var(--font-size-base);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--spacing-md);background-color:var(--surface);color:var(--text-dark);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}input::placeholder,textarea::placeholder{color:var(--text-light)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #149a511a}input:disabled,textarea:disabled,select:disabled{background-color:#f3f4f6;color:var(--text-light);cursor:not-allowed}button{font-family:var(--font-family);font-size:var(--font-size-base);font-weight:600;cursor:pointer;border:none;border-radius:var(--radius-lg);padding:var(--spacing-md) var(--spacing-lg);min-height:44px;transition:all var(--transition-fast);display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm)}button.btn-primary,.btn-primary{background-color:var(--primary);color:#fff;box-shadow:var(--shadow-sm)}button.btn-primary:hover,.btn-primary:hover{background-color:var(--primary-dark);box-shadow:var(--shadow-md);transform:translateY(-1px)}button.btn-primary:active,.btn-primary:active{transform:translateY(0)}button.btn-secondary,.btn-secondary{background-color:var(--surface);color:var(--primary);border:1.5px solid var(--primary)}button.btn-secondary:hover,.btn-secondary:hover{background-color:#149a510d}button.btn-ghost,.btn-ghost{background-color:transparent;color:var(--primary)}button.btn-ghost:hover,.btn-ghost:hover{background-color:#149a5114}button:disabled,.btn-disabled{opacity:.5;cursor:not-allowed;background-color:#e5e7eb;color:var(--text-light)}.card{background-color:var(--surface);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border);transition:box-shadow var(--transition-fast),transform var(--transition-fast)}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-compact{padding:var(--spacing-md)}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border)}.card-title{font-size:var(--font-size-lg);font-weight:700;color:var(--text-dark);margin:0}.card-body{display:flex;flex-direction:column;gap:var(--spacing-md)}.card-footer{margin-top:var(--spacing-lg);padding-top:var(--spacing-md);border-top:1px solid var(--border);display:flex;gap:var(--spacing-md)}.container{max-width:600px;margin:0 auto;padding:var(--spacing-lg);background-color:var(--bg-primary)}.container-inner{background-color:var(--surface);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-sm)}.flex{display:flex}.flex-between{display:flex;justify-content:space-between;align-items:center}.flex-center{display:flex;justify-content:center;align-items:center}.flex-col{display:flex;flex-direction:column}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.grid{display:grid;gap:var(--spacing-lg)}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.text-center{text-align:center}.text-right{text-align:right}.text-left{text-align:left}.text-dark{color:var(--text-dark)}.text-light{color:var(--text-light)}.text-primary{color:var(--primary)}.text-muted{color:var(--text-light);font-size:var(--font-size-sm)}.font-bold{font-weight:700}.font-semibold{font-weight:600}.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)}.px-md{padding-left:var(--spacing-md);padding-right:var(--spacing-md)}.py-md{padding-top:var(--spacing-md);padding-bottom:var(--spacing-md)}.m-xs{margin:var(--spacing-xs)}.m-sm{margin:var(--spacing-sm)}.m-md{margin:var(--spacing-md)}.m-lg{margin:var(--spacing-lg)}.mt-xs{margin-top:var(--spacing-xs)}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mb-xs{margin-bottom:var(--spacing-xs)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.badge{display:inline-flex;align-items:center;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:600;gap:var(--spacing-xs)}.badge-success{background-color:#16a34a1a;color:var(--status-success)}.badge-warning{background-color:#f59e0b1a;color:var(--status-warning)}.badge-danger{background-color:#dc26261a;color:var(--status-danger)}.badge-info{background-color:#1db9541a;color:var(--primary)}.amount{font-weight:700;font-size:var(--font-size-xl);color:var(--text-dark)}@media (max-width: 600px){:root{font-size:14px}html,body{font-size:14px}.grid-2,.grid-3{grid-template-columns:1fr}button,input,textarea,select{min-height:44px;font-size:16px}.container{padding:var(--spacing-md)}h1{font-size:var(--font-size-2xl)}h2{font-size:var(--font-size-lg)}}@media (min-width: 600px) and (max-width: 1024px){.grid-3{grid-template-columns:repeat(2,1fr)}.container{max-width:800px}}@media (min-width: 1024px){.container{max-width:1200px;padding:var(--spacing-2xl)}.grid-2{grid-template-columns:repeat(2,1fr)}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-light)}::selection{background-color:var(--primary);color:#fff}::-moz-selection{background-color:var(--primary);color:#fff}@media print{body{background-color:#fff}.no-print{display:none}}
