*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(135deg,#667eea,#764ba2);font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Helvetica Neue,Arial,sans-serif;min-height:100vh;overflow-x:hidden}.app-container{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:20px}.glass-card{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid #fff3;border-radius:20px;box-shadow:0 8px 32px #0000001a;max-width:400px;padding:40px;width:100%}.contacts-card{max-width:800px;width:100%}h1,h2{color:#fff;font-size:28px;font-weight:600;letter-spacing:-.5px;margin-bottom:30px;text-align:center}.form-group{margin-bottom:20px}.form-input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #ffffff1a;border-radius:12px;color:#fff;font-size:16px;padding:16px 20px;transition:all .3s ease;width:100%}.form-input::placeholder{color:#ffffffb3}.form-input:focus{background:#fff3;border-color:#ffffff4d;outline:none;transform:translateY(-2px)}.btn{border:none;border-radius:12px;cursor:pointer;display:inline-block;font-size:16px;font-weight:500;padding:16px 24px;text-align:center;text-decoration:none;transition:all .3s ease;width:100%}.btn-primary{background:linear-gradient(45deg,#007aff,#5856d6);color:#fff;margin-bottom:15px}.btn-primary:hover{box-shadow:0 10px 25px #007aff4d;transform:translateY(-2px)}.btn-secondary{background:#ffffff1a;border:1px solid #fff3;color:#fff}.btn-secondary:hover{background:#fff3;transform:translateY(-2px)}.btn-logout{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ff3b30cc;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;padding:10px 20px;position:absolute;right:30px;top:30px;transition:all .3s ease}.btn-logout:hover{background:#ff3b30;transform:translateY(-2px)}.page-link{color:#fffc;display:block;font-size:14px;margin-top:20px;text-align:center;text-decoration:none;transition:color .3s ease}.page-link:hover{color:#fff}.contacts-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.contacts-list{grid-gap:15px;display:grid;gap:15px;margin-bottom:30px;max-height:400px;overflow-y:auto;padding-right:10px}.contact-item{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #ffffff1a;border-radius:12px;display:flex;justify-content:space-between;padding:20px;transition:all .3s ease}.contact-item:hover{background:#ffffff26;transform:translateY(-2px)}.contact-info{color:#fff}.contact-name{font-size:16px;font-weight:500;margin-bottom:5px}.contact-phone{color:#ffffffb3;font-size:14px}.contact-actions{display:flex;gap:10px}.btn-small{border:none;border-radius:8px;cursor:pointer;font-size:12px;padding:8px 16px;transition:all .3s ease}.btn-edit{background:#ff9500cc;color:#fff}.btn-delete{background:#ff3b30cc;color:#fff}.btn-delete:hover,.btn-edit:hover{transform:translateY(-2px)}.add-contact-form{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;margin-top:30px;padding:25px}.form-row{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1fr;margin-bottom:20px}.notification{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid #fff3;border-radius:12px;color:#fff;font-weight:500;max-width:350px;padding:16px 24px;position:fixed;right:20px;top:20px;transform:translateX(400px);transition:transform .3s ease;z-index:1000}.notification.show{transform:translateX(0)}.notification.success{background:#34c759e6;border-color:#34c7594d}.notification.error{background:#ff3b30e6;border-color:#ff3b304d}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#ffffff1a;border-radius:3px}::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#ffffff80}.loading{color:#ffffffb3}.empty-state,.loading{font-size:16px;padding:40px;text-align:center}.empty-state{color:#fff9}@media (max-width:768px){.glass-card{padding:30px 20px}.form-row{grid-template-columns:1fr}.btn-logout{margin-bottom:20px;position:relative;right:auto;top:auto}.contacts-header{flex-direction:column;gap:15px}.notification{left:10px;max-width:none;right:10px;transform:translateY(-100px)}.notification.show{transform:translateY(0)}}
/*# sourceMappingURL=main.5a5c9d4d.css.map*/