.handy-container{background-color:#f3f4f6;flex-direction:column;width:100%;max-width:480px;min-height:100vh;margin:0 auto;font-size:14px;display:flex;transform:translateZ(0)}.handy-header{color:#fff;z-index:10;background-color:#1f2937;align-items:center;gap:8px;padding:8px 12px;display:flex;position:sticky;top:0}.handy-header h1{flex:1;font-size:16px;font-weight:700}.handy-back-btn{color:#fff;background:0 0;border:none;padding:4px 8px;font-size:20px}.handy-main{flex:1;padding:8px;overflow-y:auto}.handy-card{background:#fff;border-radius:8px;margin-bottom:8px;padding:12px;box-shadow:0 1px 3px #0000001a}.handy-input{background:#fff;border:2px solid #d1d5db;border-radius:6px;width:100%;padding:10px 12px;font-size:16px}.handy-input:focus{border-color:#3b82f6;outline:none}.handy-btn{cursor:pointer;border:none;border-radius:6px;width:100%;padding:12px;font-size:14px;font-weight:700;transition:transform .1s}.handy-btn:active{transform:scale(.98)}.handy-btn-primary{color:#fff;background-color:#3b82f6}.handy-btn-primary:active{background-color:#2563eb}.handy-btn-success{color:#fff;background-color:#22c55e}.handy-btn-success:active{background-color:#16a34a}.handy-btn-danger{color:#fff;background-color:#ef4444}.handy-btn-danger:active{background-color:#dc2626}.handy-btn-secondary{color:#fff;background-color:#6b7280}.handy-btn-secondary:active{background-color:#4b5563}.handy-list-item{border-bottom:1px solid #e5e7eb;align-items:center;gap:8px;padding:10px 12px;display:flex}.handy-list-item:last-child{border-bottom:none}.handy-list-item:active{background-color:#f3f4f6}.handy-badge{border-radius:4px;padding:2px 8px;font-size:11px;font-weight:700;display:inline-block}.handy-badge-blue{color:#1d4ed8;background-color:#dbeafe}.handy-badge-green{color:#16a34a;background-color:#dcfce7}.handy-badge-orange{color:#c2410c;background-color:#fed7aa}.handy-badge-red{color:#dc2626;background-color:#fee2e2}.handy-text-lg{font-size:18px}.handy-text-xl{font-size:24px}.handy-text-mono{font-family:monospace}