:root{--color-bg:#fdfcfb;--color-light:#fceabb;--color-accent:#ff8c42;--color-accent-dark:#e85d04;--color-success:#38b000;--color-danger:#d00000;--color-gray:#495057;--color-white:#fff;--shadow:0 4px 20px #0000001a}*{box-sizing:border-box;margin:0;padding:0}body,html{background:#fdfcfb;background:var(--color-bg);color:#495057;color:var(--color-gray);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:62.5%;overflow-x:hidden}body{align-items:center;display:flex;justify-content:center;min-height:100vh}.app,body{padding:2rem}.app{grid-gap:3rem;background:#fff;background:var(--color-white);border-radius:1.6rem;box-shadow:0 4px 20px #0000001a;box-shadow:var(--shadow);display:grid;gap:3rem;grid-template-columns:32rem 1fr;margin:auto;max-width:96rem;width:100%}.button{background:linear-gradient(135deg,#ff8c42,#e85d04);background:linear-gradient(135deg,var(--color-accent),var(--color-accent-dark));border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1.3rem;font-weight:600;min-width:8rem;padding:.6rem 1.2rem;text-align:center;transition:.3s ease}.button:hover{filter:brightness(1.1);transform:translateY(-1px)}.sidebar ul{display:flex;flex-direction:column;font-size:1.4rem;gap:1rem;list-style:none;margin-bottom:2rem}.sidebar li{grid-gap:1rem;align-items:center;background:#f9f9f9;border-radius:1rem;box-shadow:0 2px 8px #0000000d;display:grid;gap:1rem;grid-template-columns:5rem 1fr auto;padding:1rem;transition:background .3s}.selected,.sidebar li:hover{background:#fceabb;background:var(--color-light)}.sidebar li img{border-radius:50%;grid-row:span 2;width:100%}.sidebar li h3,.sidebar li p{margin:0}.sidebar li .button{font-size:1.2rem;grid-row:span 2;justify-self:center;min-width:12rem;padding:.6rem 1.2rem}.sidebar>.button{align-self:flex-start;margin-top:2rem}.green{color:#38b000;color:var(--color-success)}.red{color:#d00000;color:var(--color-danger)}form{grid-gap:1.2rem;background:#fceabb;background:var(--color-light);border-radius:1rem;box-shadow:0 4px 20px #0000001a;box-shadow:var(--shadow);display:grid;font-size:1.5rem;gap:1.2rem;padding:2rem}form h2{color:#e85d04;color:var(--color-accent-dark);font-size:2rem;grid-column:1/-1;margin-bottom:1rem;text-align:center}label{font-weight:600;margin-bottom:.4rem}input,select{background:#fff;border:1px solid #ccc;border-radius:6px;font-family:inherit;font-size:1.5rem;padding:.8rem;transition:border-color .3s;width:100%}select{cursor:pointer}input:focus,select:focus{border-color:#e85d04;border-color:var(--color-accent-dark);outline:none}.select-box{background:linear-gradient(135deg,#fceabb,#fda);border:1px solid #ff8c42;border:1px solid var(--color-accent);color:#333;font-weight:500}form .button{grid-column:1/-1;width:100%}@media (max-width:768px){.app{grid-template-columns:1fr;padding:1.5rem}.sidebar li{gap:1rem;grid-template-columns:4rem 1fr}.sidebar li .button{grid-column:1/-1;justify-self:center;margin-top:.6rem}.form-add-friend,.form-split-bill{grid-template-columns:1fr}}
/*# sourceMappingURL=main.f552c403.css.map*/