body,html{margin:0;padding:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;transition:background .3s,color .3s}.light{background:#f0f4f8;color:#111}.dark{background:#1a1a1a;color:#f0f0f0}.center{text-align:center;padding:2rem}.top-bar{display:flex;align-items:center;justify-content:space-between;padding:.8rem 1rem;background:linear-gradient(90deg,#6200ea,#9c27b0);color:#fff;border-bottom:2px solid rgba(255,255,255,.1)}.top-bar h1{margin:0;font-size:1.5rem}input[type=text],input[type=password],input[type=date],textarea{padding:.5rem;margin:.4rem 0;border-radius:10px;border:1px solid #ccc;width:90%;max-width:400px;font-size:1rem}textarea{min-height:60px}button{margin:.3rem;padding:.5rem 1rem;border-radius:10px;border:none;font-size:1rem;cursor:pointer;background:#6200ea;color:#fff;transition:background .3s ease}button:hover{background:#3700b3}button:disabled{background:#999;cursor:not-allowed}.pin-input{text-align:center;letter-spacing:5px;font-size:1.5rem;width:120px}.nav{position:fixed;bottom:0;left:0;right:0;background:#eee;padding:.5rem 1rem;display:flex;justify-content:space-around;border-top:1px solid #ccc}.dark .nav{background:#222;border-color:#444}.nav button{background:none;font-size:1.5rem;color:inherit}.section{padding:1rem;max-width:800px;margin:auto}.card{background:#fff9;border-radius:12px;padding:1rem;margin:.8rem 0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 4px 10px #0000000d}.dark .card{background:#1e1e1e99}.card audio{width:100%;margin:.5rem 0}.status{text-align:center;font-weight:700;margin:.5rem 0;color:#ff9800}