html{--color-primary-foreground:#fff;--color-primary-background:#04b45f;--color-primary-hover:#038a4f;--color-secondary-foreground:#038a4f;--color-secondary-background:#fff;--color-secondary-hover:#eff;--color-gray-background:#f5f5f5;--color-gray-border:#ddd;--color-disabled-background:#ccc;--color-tertiary-foreground:#666;--color-text:#333;--color-shadow:#0000001a;--color-focus-shadow:#28a74540}body{background-color:var(--color-gray-background);margin:0;padding:0 0 48px}.App{text-align:center;max-width:400px;margin:0 auto}h1{color:var(--color-primary-background);margin-bottom:32px;font-size:40px;font-weight:600}.Forms{background:var(--color-primary-foreground);box-shadow:0 2px 4px var(--color-shadow);border-radius:8px;padding:20px}.Main-form input[type=text]{border:1px solid var(--color-gray-border);border-radius:4px;width:60px;margin:0 8px;padding:8px 12px;font-size:16px}.Peoples{margin-top:20px}input[type=submit]{background-color:var(--color-primary-background);color:var(--color-primary-foreground);cursor:pointer;border:none;border-radius:4px;margin:8px;padding:8px 20px;font-size:16px;font-weight:500}input[type=submit]:hover{background-color:var(--color-primary-hover)}input[type=submit]:disabled{background-color:var(--color-disabled-background);cursor:not-allowed}.footer{background:var(--color-primary-foreground);text-align:center;border-top:1px solid var(--color-gray-border);color:var(--color-tertiary-foreground);z-index:1000;padding:20px 0;position:fixed;bottom:0;left:0;right:0}.footer a{color:var(--color-primary-background);text-decoration:none}.footer a:hover{text-decoration:underline}.People{border:1px solid var(--color-disabled-background);background-color:var(--color-gray-background);border-radius:8px;max-width:400px;margin:16px auto;padding:16px}.person-title{color:var(--color-text);margin-bottom:8px;font-weight:700}.input-group{margin-bottom:8px}.People input{border:1px solid var(--color-gray-border);box-sizing:border-box;border-radius:4px;width:100%;padding:8px 12px;font-size:16px}.People input:focus{border-color:var(--color-primary-background);box-shadow:0 0 0 2px var(--color-focus-shadow);outline:none}.Payment{border:1px solid var(--color-secondary-foreground);border-radius:8px;margin:8px 0;padding:16px}.payment-text{color:var(--color-text);margin:0;font-size:16px}.amount{color:var(--color-primary-background);font-weight:700}.PaymentChain{background:var(--color-primary-foreground);box-shadow:0 2px 4px var(--color-shadow);border-radius:8px;margin:20px 0;padding:20px}.no-payments{text-align:center;color:var(--color-tertiary-foreground);font-style:italic}.payments-title{color:var(--color-primary-background);text-align:center;margin-bottom:16px;font-size:20px;font-weight:600}.buttons-container{justify-content:center;gap:8px;display:flex}.action-button{background-color:var(--color-primary-background);color:var(--color-primary-foreground);cursor:pointer;border:none;border-radius:4px;padding:8px 16px;font-size:16px;font-weight:500}.action-button:hover{background-color:var(--color-primary-hover)}.action-button:disabled{background-color:var(--color-disabled-background);cursor:not-allowed}.copy-button{background-color:var(--color-secondary-background);outline:1px solid var(--color-secondary-foreground);color:var(--color-secondary-foreground)}.copy-button:hover{background-color:var(--color-secondary-hover)}