@import"https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800;900&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";:root{--bg-primary: #090d16;--bg-secondary: #0f172a;--bg-card: rgba(15, 23, 42, .75);--border-color: rgba(255, 255, 255, .08);--border-highlight: rgba(99, 102, 241, .5);--accent-primary: #6366f1;--accent-secondary: #8b5cf6;--accent-pink: #ec4899;--accent-cyan: #06b6d4;--accent-emerald: #10b981;--accent-amber: #f59e0b;--accent-gradient: linear-gradient(135deg, #6366f1 0%, #8b5cf6 50%, #d946ef 100%);--accent-glow: rgba(99, 102, 241, .35);--text-main: #f8fafc;--text-muted: #94a3b8;--font-family: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-display: "Outfit", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--bg-primary);background-image:radial-gradient(circle at 10% 10%,rgba(99,102,241,.15) 0%,transparent 45%),radial-gradient(circle at 90% 85%,rgba(139,92,246,.15) 0%,transparent 45%),radial-gradient(circle at 50% 50%,rgba(6,182,212,.05) 0%,transparent 60%);background-attachment:fixed;color:var(--text-main);min-height:100vh;display:flex;flex-direction:column;-webkit-font-smoothing:antialiased}header{background:#090d16d1;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-bottom:1px solid var(--border-color);padding:.85rem 2rem;position:sticky;top:0;z-index:100;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;box-shadow:0 10px 30px #00000080}.logo{display:flex;align-items:center;gap:.85rem;cursor:pointer;transition:transform .3s cubic-bezier(.34,1.56,.64,1);-webkit-user-select:none;user-select:none}.logo:hover{transform:scale(1.03)}.logo-emblem-svg{width:44px;height:44px;filter:drop-shadow(0 0 16px rgba(99,102,241,.5))}.logo-text{font-family:var(--font-display);font-size:1.55rem;font-weight:900;letter-spacing:-.5px;color:#fff;display:flex;align-items:baseline;gap:2px}.logo-text .brand-nest{background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.logo-text .brand-domain{font-size:1.15rem;color:#38bdf8;font-weight:800}nav{display:flex;flex-wrap:wrap;gap:.4rem .5rem;justify-content:flex-end;align-items:center}.nav-btn{background:#ffffff0d;border:1px solid var(--border-color);color:var(--text-muted);font-size:.85rem;font-weight:600;padding:.5rem .95rem;border-radius:14px;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);display:inline-flex;align-items:center;gap:.5rem;white-space:nowrap;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.nav-btn svg{stroke-width:2.2;stroke:var(--text-muted);transition:transform .25s ease,stroke .25s ease}.nav-btn:hover{color:#fff;background:#6366f129;border-color:#6366f173}.nav-btn:hover svg{transform:translateY(-2px);stroke:#818cf8!important}.nav-btn.active{color:#fff;background:var(--accent-gradient);box-shadow:0 4px 20px #6366f173,0 0 15px #d946ef4d;border-color:transparent}.nav-btn.active svg{stroke:#fff!important}main{flex:1;padding:2.5rem;max-width:1480px;margin:0 auto;width:100%}.view-section{display:none;animation:fadeIn .35s cubic-bezier(.16,1,.3,1)}.view-section.active{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}.search-wrapper{position:relative;display:flex;align-items:center;width:100%}.search-icon{position:absolute;left:1.1rem;color:var(--text-muted);pointer-events:none}.search-input{width:100%;padding:.95rem 1.2rem .95rem 3.1rem;border-radius:16px;border:1px solid var(--border-color);background:#0f172aa6;color:#fff;font-size:.95rem;transition:all .25s ease;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.search-input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 4px #6366f14d;background:#0f172ae6}.upload-box{border:2px dashed rgba(99,102,241,.45);border-radius:24px;background:linear-gradient(180deg,#6366f114,#0f172a99);padding:3.5rem 2rem;text-align:center;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 20px 40px #0000004d}.upload-box:hover{background:#6366f126;border-color:var(--accent-primary);transform:translateY(-4px) scale(1.005);box-shadow:0 24px 50px #6366f14d}.btn-primary{background:var(--accent-gradient);color:#fff;border:none;padding:.85rem 1.8rem;border-radius:14px;font-weight:700;font-size:.98rem;cursor:pointer;font-family:var(--font-display);display:inline-flex;align-items:center;justify-content:center;gap:.6rem;box-shadow:0 8px 24px var(--accent-glow);transition:all .25s ease}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 32px #6366f18c}.photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.5rem}.photo-card{position:relative;border-radius:20px;overflow:hidden;background:var(--bg-card);aspect-ratio:1;cursor:pointer;border:1px solid var(--border-color);box-shadow:0 8px 24px #00000059;transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s ease,border-color .3s ease;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.photo-card:hover{transform:translateY(-8px) scale(1.02);border-color:var(--border-highlight);box-shadow:0 20px 45px #00000080,0 0 30px #6366f159}.photo-card img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.photo-card:hover img{transform:scale(1.06)}.photo-info{position:absolute;bottom:0;left:0;right:0;padding:1rem;background:linear-gradient(transparent,#090d16f2);font-size:.85rem;color:#fff;display:flex;justify-content:space-between;align-items:center;z-index:5;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.photo-card-actions{display:flex;gap:.4rem;flex-shrink:0}.card-delete-badge{position:absolute;top:12px;right:12px;background:#ef4444e6;color:#fff;border:none;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;box-shadow:0 6px 16px #0006;transition:transform .2s ease,background .2s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.card-delete-badge:hover{background:#dc2626;transform:scale(1.15)}.btn-sm{padding:.45rem .9rem;font-size:.82rem;border-radius:10px;border:none;background:var(--accent-gradient);color:#fff;cursor:pointer;font-weight:700;display:inline-flex;align-items:center;gap:.4rem;transition:all .2s ease;box-shadow:0 4px 16px var(--accent-glow)}.btn-sm:hover{transform:scale(1.05)}.btn-sm-danger{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 16px #ef444459}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#090d16d9;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);z-index:99999;display:flex;justify-content:center;align-items:center;pointer-events:auto!important}.modal-card{position:relative;z-index:100000;pointer-events:auto!important;user-select:text!important;-webkit-user-select:text!important;background:#0f172a;border-radius:28px;border:1px solid var(--border-highlight);width:90%;max-width:860px;max-height:90vh;overflow-y:auto;padding:2.25rem;box-shadow:0 35px 70px #0009,0 0 40px #6366f140;color:#fff}.form-control{width:100%;padding:.9rem 1.2rem;border-radius:16px;border:1px solid var(--border-color);background:#090d16bf;color:#fff;font-size:.95rem;font-family:inherit;outline:none;transition:all .25s ease;pointer-events:auto!important;user-select:text!important;-webkit-user-select:text!important;position:relative;z-index:100010;cursor:text}.form-control:focus{border-color:var(--accent-primary);box-shadow:0 0 0 4px #6366f159;background:#090d16f2}.modal-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:1.2rem;border-bottom:1px solid var(--border-color);margin-bottom:1.5rem}.modal-close{background:transparent;border:none;color:var(--text-muted);font-size:1.85rem;cursor:pointer;padding:0 .5rem;transition:color .2s ease;position:relative;z-index:2020;pointer-events:auto}.modal-close:hover{color:#fff}.form-label{display:block;font-size:.88rem;font-weight:700;color:var(--text-muted);margin-bottom:.5rem}.option-pill-group{display:flex;flex-wrap:wrap;gap:.6rem}.pill-btn{background:#ffffff0f;border:1px solid var(--border-color);color:var(--text-main);padding:.6rem 1.1rem;border-radius:24px;font-size:.88rem;cursor:pointer;transition:all .25s ease;display:inline-flex;align-items:center;gap:.45rem}.pill-btn:hover{background:#6366f12e;border-color:#6366f166}.pill-btn.active{background:var(--accent-gradient);color:#fff;border-color:transparent;font-weight:700;box-shadow:0 4px 18px var(--accent-glow)}.print-preview-box{background:#090d1699;border-radius:20px;padding:1.75rem;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid var(--border-color)}.print-frame{width:100%;max-width:340px;height:230px;border-radius:14px;overflow:hidden;background:#1e293b;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 16px 36px #00000080}.print-frame img{width:100%;height:100%;object-fit:cover}@media(max-width:1024px){header{padding:.75rem 1.25rem}main{padding:1.5rem 1rem}.photo-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.2rem}}@media(max-width:768px){header{padding:.65rem .85rem;gap:.6rem;position:sticky;top:0}.logo-text{font-size:1.3rem}.logo-emblem-svg{width:36px;height:36px}#headerAccountPill{padding:5px 12px!important;font-size:.8rem!important}nav{width:100%;overflow-x:auto;flex-wrap:nowrap;justify-content:flex-start;padding-bottom:4px;gap:.4rem;-webkit-overflow-scrolling:touch;scrollbar-width:none}nav::-webkit-scrollbar{display:none}.nav-btn{font-size:.8rem;padding:.45rem .8rem;flex-shrink:0;border-radius:12px}main{padding:1rem .75rem;max-width:100%;overflow-x:hidden}.photo-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem}.photo-card{border-radius:14px}.photo-info{padding:.6rem .75rem;font-size:.75rem}.card-delete-badge{width:30px;height:30px;top:8px;right:8px}.upload-box{padding:2rem 1rem;border-radius:18px}.upload-box h3{font-size:1.2rem!important}.modal-card{width:96%;max-width:100%;padding:1.25rem 1rem;border-radius:20px;max-height:92vh}.modal-header h3{font-size:1.1rem}.modal-body{grid-template-columns:1fr!important;gap:1rem!important}.btn-primary{padding:.75rem 1.2rem;font-size:.9rem;width:100%}[style*="min-width: 280px"],[style*="min-width: 360px"],[style*="min-width: 250px"],[style*="min-width: 200px"],[style*="min-width: 180px"]{min-width:100%!important}[style*="grid-template-columns: 1fr 1fr"],[style*="grid-template-columns: 2fr 1fr"]{grid-template-columns:1fr!important}img,video,canvas,iframe{max-width:100%;height:auto}}@media(max-width:480px){.logo-text .brand-domain{display:none}.photo-grid{grid-template-columns:repeat(2,1fr);gap:.6rem}.form-control{font-size:.88rem;padding:.75rem .95rem}.pill-btn{padding:.45rem .85rem;font-size:.8rem}}