body{font-family:Inter,sans-serif;background-color:#0f0f0f;color:#fff;margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh}*{box-sizing:border-box}.liquid-glass{background:#00000073;background-blend-mode:luminosity;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.15);box-shadow:inset 0 1px 1px #ffffff26,0 10px 30px #0000004d;position:relative;overflow:hidden}.liquid-glass:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:1.4px;background:linear-gradient(180deg,#ffffff59,#ffffff1f,#fff0,#fff0,#ffffff1f,#ffffff59);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.top-nav-item{position:relative;font-size:15px;font-weight:500;color:#e2e8f0;padding:8px 18px;border-radius:20px;cursor:pointer;text-decoration:none;border:1px solid transparent;transition:all .3s ease;display:inline-flex;align-items:center;gap:6px;box-sizing:border-box}.top-nav-item:hover{background:#ffffff1f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.top-nav-item.hover-home:hover{color:#ff0080;text-shadow:0 0 12px rgba(255,0,128,.5);border-color:#ff008059;box-shadow:0 0 15px #ff008033}.top-nav-item.hover-gallery:hover{color:#38bdf8;text-shadow:0 0 12px rgba(56,189,248,.5);border-color:#38bdf859;box-shadow:0 0 15px #38bdf833}.top-nav-item.hover-upload:hover{color:#84cc16;text-shadow:0 0 12px rgba(132,204,22,.5);border-color:#84cc1659;box-shadow:0 0 15px #84cc1633}.top-nav-item.hover-account:hover{color:#c084fc;text-shadow:0 0 12px rgba(192,132,252,.5);border-color:#c084fc59;box-shadow:0 0 15px #c084fc33}.top-nav-item.hover-admin:hover{color:#fb923c;text-shadow:0 0 12px rgba(251,146,60,.5);border-color:#fb923c59;box-shadow:0 0 15px #fb923c33}.top-nav-item.active{color:#fff;background:linear-gradient(135deg,#6b46c173,#2563eb73);border-color:#ffffff4d;box-shadow:0 4px 15px #2563eb4d}.sidebar-panel{background:#fff;border-right:1px solid #E2E8F0;width:260px;display:flex;flex-direction:column;justify-content:space-between;padding:28px 18px}.sidebar-nav-item{display:flex;align-items:center;gap:12px;padding:12px 18px;border-radius:14px;color:#64748b;font-weight:500;font-size:14px;cursor:pointer;transition:all .25s cubic-bezier(.16,1,.3,1);margin-bottom:6px}.sidebar-nav-item:hover{background:#f1f5f9;color:#0f172a;transform:translate(4px)}.sidebar-nav-item.active{background:linear-gradient(135deg,#eff6ff,#dbeafe);color:#2563eb;font-weight:700;box-shadow:0 4px 12px #2563eb1f}.creator-photo-card{background:#fff;border:1px solid #E2E8F0;border-radius:20px;overflow:hidden;box-shadow:0 10px 30px #0f172a08;transition:all .35s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column}.creator-photo-card:hover{transform:translateY(-6px);box-shadow:0 20px 40px #0f172a14;border-color:#cbd5e1}.creator-img-wrap{position:relative;height:210px;overflow:hidden;background:#f1f5f9}.creator-img-wrap img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.creator-photo-card:hover .creator-img-wrap img{transform:scale(1.06)}.creator-badge-overlay{position:absolute;top:12px;left:12px;right:12px;display:flex;justify-content:space-between;pointer-events:none}.pill-tag-id{background:#0f172abf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#38bdf8;font-size:11px;font-weight:700;padding:4px 10px;border-radius:20px;border:1px solid rgba(255,255,255,.15)}.pill-tag-status{background:#0f172abf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#a7f3d0;font-size:11px;font-weight:700;padding:4px 10px;border-radius:20px;border:1px solid rgba(255,255,255,.15)}.creator-card-body{padding:18px;display:flex;flex-direction:column;gap:12px;flex:1;justify-content:space-between}.shortlink-box{background:#f8fafc;border:1px solid #E2E8F0;border-radius:10px;padding:8px 12px;font-size:12px;color:#64748b;word-break:break-all;display:flex;align-items:center;justify-content:space-between}.btn-card-action{padding:8px 14px;border-radius:10px;font-size:12px;font-weight:600;border:none;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:4px;justify-content:center}.btn-act-view{background:#eff6ff;color:#2563eb}.btn-act-view:hover{background:#2563eb;color:#fff}.btn-act-copy{background:#f8fafc;color:#475569;border:1px solid #CBD5E1}.btn-act-copy:hover{background:#f1f5f9;color:#0f172a}.btn-act-delete{background:#fef2f2;color:#ef4444}.btn-act-delete:hover{background:#ef4444;color:#fff}.user-popover-menu{position:absolute;bottom:80px;left:18px;width:224px;background:#fff;border:1px solid #E2E8F0;border-radius:16px;box-shadow:0 15px 35px #0f172a1f;padding:8px;z-index:500;animation:popUp .25s cubic-bezier(.16,1,.3,1)}.user-popover-menu-dark{background:#1e293b;border-color:#334155;box-shadow:0 15px 35px #0006}@keyframes popUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.popover-item{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:10px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;color:#475569}.user-popover-menu-dark .popover-item{color:#cbd5e1}.popover-item:hover{background:#f1f5f9;color:#0f172a}.user-popover-menu-dark .popover-item:hover{background:#334155;color:#fff}