.add-web-overlay{position:fixed;inset:0;background:rgba(0,0,0,.6);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:16px;animation:overlayShow .3s cubic-bezier(.16,1,.3,1)}.add-web-container{background-color:var(--card);border:1px solid var(--border);color:var(--card-foreground);border-radius:12px;width:100%;max-width:420px;padding:24px;position:relative;box-shadow:0 20px 25px -5px rgba(0,0,0,.4);animation:contentShow .4s cubic-bezier(.16,1,.3,1)}.add-web-alert{display:flex;align-items:center;gap:8px;background:rgba(190,18,60,.15);border:1px solid var(--destructive);padding:12px;border-radius:8px;margin-bottom:20px;animation:contentShow .3s ease}.add-web-alert-msg{color:#fca5a5;font-size:.85rem}.add-web-title{color:var(--foreground);font-size:1.25rem;font-weight:600;margin:0}.add-web-subtext{color:var(--muted-foreground);font-size:.875rem;margin-top:6px}.add-web-label{display:block;color:var(--foreground);font-size:.85rem;margin-bottom:6px}.add-web-field-group{margin-top:12px}.add-web-input{width:100%;background-color:var(--input);border:1px solid var(--border);color:var(--foreground);border-radius:8px;padding:10px 12px;font-size:1rem;transition:border-color .2s,box-shadow .2s}.add-web-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px var(--ring)}.add-web-footer{display:flex;justify-content:flex-end;gap:12px;margin-top:32px}.add-web-btn-cancel{background:transparent;color:var(--foreground);border:1px solid var(--border);padding:8px 16px;border-radius:8px;cursor:pointer;transition:background .2s}.add-web-btn-cancel:hover{background:var(--muted)}.add-web-btn-submit{background-color:var(--primary);color:var(--primary-foreground);border:none;font-weight:600;padding:8px 16px;border-radius:8px;cursor:pointer;transition:opacity .2s}.add-web-btn-submit:hover{opacity:.9;background-color:var(--secondary)}.add-web-close-btn{position:absolute;top:16px;right:16px;background:transparent;border:none;color:var(--muted-foreground);font-size:24px;cursor:pointer;line-height:1}@media (max-width:480px){.add-web-overlay{align-items:flex-end;padding:0}.add-web-container{max-width:100%;border-radius:16px 16px 0 0;border-bottom:none;padding-bottom:40px;animation:mobileSlideUp .4s cubic-bezier(.16,1,.3,1)}.add-web-footer{flex-direction:column-reverse}.add-web-btn-cancel,.add-web-btn-submit{width:100%;height:44px}}@keyframes overlayShow{0%{opacity:0}to{opacity:1}}@keyframes contentShow{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes mobileSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.quick-links-wrapper{max-width:100%;overflow-x:auto;padding:10px}.quick-links{gap:16px;touch-action:pan-x}.icon-card{width:56px;height:56px;border-radius:16px;border:none;cursor:pointer;box-shadow:0 8px 20px rgba(0,0,0,.08);transition:transform .2s ease}.icon-card img{width:26px;height:26px}.icon-card:hover{transform:translateY(-3px)}.add-card{font-size:26px;background:#f1f5f9;color:#475569}.quick-links-wrapper{width:100%;padding:1rem}.quick-links,.quick-links-wrapper{display:flex;justify-content:center}.quick-links{flex-wrap:wrap;gap:12px;max-width:100%}.icon-card:hover{transform:scale(1.05)}@media (max-width:480px){.quick-links{gap:8px}.icon-card{width:50px;height:50px}}.remove-btn{top:-6px;right:-6px;width:20px;height:20px;background:#f1f1f1;color:#d93025;border:1px solid #ccc;font-size:14px;line-height:1;box-shadow:0 2px 4px rgba(0,0,0,.1)}.icon-wrapper:hover .remove-btn{display:flex}.remove-btn:hover{background:#e0e0e0;color:#d93025}@media (max-width:480px){.remove-btn{display:flex;width:18px;height:18px}}.icon-wrapper{position:relative;display:inline-block;-webkit-touch-callout:none;-webkit-user-select:none}.icon-card{width:60px;height:60px;border-radius:12px;border:1px solid rgba(0,0,0,.1);display:flex;transition:all .2s ease}.icon-card,.remove-btn{align-items:center;justify-content:center}.remove-btn{position:absolute;top:-8px;right:-8px;width:22px;height:22px;background:#ff4d4f;color:#fff;border:2px solid #fff;border-radius:50%;display:none;cursor:pointer;box-shadow:0 2px 5px rgba(0,0,0,.2);z-index:10}@media (hover:hover){.icon-wrapper:hover .remove-btn{display:flex}}.remove-btn.show-mobile{display:flex;animation:shake .3s infinite}@keyframes shake{0%{transform:rotate(0deg)}25%{transform:rotate(3deg)}75%{transform:rotate(-3deg)}to{transform:rotate(0deg)}}@media (max-width:480px){.icon-card{width:55px;height:55px}}