@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;0,9..40,800;1,9..40,400&family=Space+Grotesk:wght@400;500;600;700&family=Syne:wght@700;800&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--saffron: #FF6B2B;--saffron-lt:#FF8F5A;--indigo: #3D2EAC;--indigo-lt: #6255D4;--teal: #00B4A6;--teal-lt: #26D4C4;--rose: #F43F5E;--amber: #F59E0B;--emerald: #10B981;--sky: #0EA5E9;--ink: #0D0B1E;--ink2: #1A1730;--text: #2D2A45;--muted: #6E6B8A;--border: #E8E6F0;--surface:#F7F6FC;--card: #FFFFFF;--warm: #FDFCFF;--shadow-sm: 0 2px 8px rgba(61,46,172,.06);--shadow: 0 4px 20px rgba(61,46,172,.1);--shadow-lg: 0 12px 48px rgba(61,46,172,.16);--shadow-xl: 0 24px 80px rgba(61,46,172,.2);--radius: 20px;--radius-sm: 12px;--radius-xs: 8px;--transition: all .22s cubic-bezier(.4,0,.2,1);--grad-hero: linear-gradient(135deg, #0D0B1E 0%, #1A1040 40%, #0D1533 100%);--grad-saffron: linear-gradient(135deg, #FF6B2B, #FF9B5E);--grad-indigo: linear-gradient(135deg, #3D2EAC, #6255D4);--grad-teal: linear-gradient(135deg, #00B4A6, #26D4C4);--grad-rose: linear-gradient(135deg, #F43F5E, #FB7185);--grad-emerald: linear-gradient(135deg, #10B981, #34D399);--grad-amber: linear-gradient(135deg, #F59E0B, #FBBF24);--grad-sky: linear-gradient(135deg, #0EA5E9, #38BDF8);--font-display: "Syne", sans-serif;--font-head: "Space Grotesk", sans-serif;--font-body: "DM Sans", sans-serif}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--surface);color:var(--text);line-height:1.6;min-height:100vh;-webkit-font-smoothing:antialiased}.app{min-height:100vh}main{min-height:calc(100vh - 68px)}h1,h2,h3{font-family:var(--font-head)}.navbar{position:sticky;top:0;z-index:100;background:#ffffffeb;-webkit-backdrop-filter:blur(24px) saturate(180%);backdrop-filter:blur(24px) saturate(180%);border-bottom:1px solid var(--border);padding:0 clamp(1rem,4vw,2.5rem);height:68px;display:flex;align-items:center;justify-content:space-between;gap:1rem;box-shadow:0 1px #3d2eac0f}.navbar-brand{font-family:var(--font-display);font-size:clamp(1.1rem,3vw,1.35rem);font-weight:800;cursor:pointer;display:flex;align-items:center;gap:10px;flex-shrink:0;color:var(--ink);letter-spacing:-.5px}.navbar-icon{width:38px;height:38px;background:var(--grad-saffron);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:18px;box-shadow:0 4px 14px #ff6b2b66;flex-shrink:0}.navbar-desktop{display:flex;align-items:center;gap:4px}.hamburger{display:none;background:var(--surface);border:1.5px solid var(--border);border-radius:10px;width:42px;height:42px;cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:5px}.hamburger span{display:block;width:18px;height:2px;background:var(--text);border-radius:2px;transition:var(--transition)}.nav-btn{padding:7px 14px;border-radius:50px;font-family:var(--font-body);font-size:13.5px;font-weight:600;cursor:pointer;border:1.5px solid transparent;background:transparent;color:var(--muted);transition:var(--transition);white-space:nowrap}.nav-btn:hover{background:var(--surface);color:var(--indigo)}.nav-btn.active{background:#edeaff;color:var(--indigo);border-color:#c4bff5;font-weight:700}.nav-user{display:flex;align-items:center;gap:7px;background:var(--surface);border:1.5px solid var(--border);border-radius:50px;padding:5px 14px 5px 5px;font-size:13px;font-weight:600;flex-shrink:0;color:var(--text)}.nav-avatar{width:28px;height:28px;border-radius:50%;background:var(--grad-indigo);color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800}.nav-logout{background:#fff1f2;border:1.5px solid #FECDD3;color:#e11d48;padding:7px 16px;border-radius:50px;font-size:13px;font-weight:700;cursor:pointer;font-family:var(--font-body);transition:var(--transition)}.nav-logout:hover{background:#e11d48;color:#fff}.nav-login{background:transparent;border:1.5px solid var(--border);color:var(--text);padding:7px 18px;border-radius:50px;font-size:13px;font-weight:700;cursor:pointer;font-family:var(--font-body);transition:var(--transition)}.nav-login:hover{border-color:var(--indigo);color:var(--indigo)}.nav-register{background:var(--grad-saffron);border:none;color:#fff;padding:8px 20px;border-radius:50px;font-size:13px;font-weight:700;cursor:pointer;font-family:var(--font-body);box-shadow:0 4px 14px #ff6b2b66;transition:var(--transition)}.nav-register:hover{transform:translateY(-2px);box-shadow:0 8px 24px #ff6b2b80}.mobile-menu{display:none;position:fixed;top:68px;left:0;right:0;background:#fff;border-bottom:1px solid var(--border);z-index:99;padding:1rem;flex-direction:column;gap:4px;box-shadow:0 8px 30px #3d2eac1f}.mobile-menu.open{display:flex}.mobile-nav-item{display:flex;align-items:center;gap:12px;padding:13px 16px;border-radius:12px;background:none;border:none;cursor:pointer;font-size:15px;font-weight:600;color:var(--text);width:100%;text-align:left;font-family:var(--font-body);transition:var(--transition)}.mobile-nav-item:hover,.mobile-nav-item.active{background:#edeaff;color:var(--indigo)}.mobile-divider{height:1px;background:var(--border);margin:4px 0}.page{padding:clamp(1rem,4vw,2rem);max-width:1300px;margin:0 auto}.page-header{margin-bottom:2rem}.page-header h1{font-size:clamp(1.5rem,4vw,2rem);color:var(--ink);margin-bottom:.4rem;font-family:var(--font-display)}.page-header p{color:var(--muted)}.btn{padding:.72rem 1.6rem;border-radius:50px;font-family:var(--font-body);font-size:.9rem;font-weight:700;cursor:pointer;border:none;transition:var(--transition);display:inline-flex;align-items:center;gap:.5rem;white-space:nowrap}.btn-primary{background:var(--grad-saffron);color:#fff;box-shadow:0 4px 14px #ff6b2b59}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 22px #ff6b2b73}.btn-outline{background:transparent;color:var(--saffron);border:2px solid var(--saffron)}.btn-outline:hover{background:var(--saffron);color:#fff}.btn-ghost{background:#edeaff;color:var(--indigo);border:1.5px solid #C4BFF5}.btn-ghost:hover{background:#ddd8ff}.btn-danger{background:var(--grad-rose);color:#fff;box-shadow:0 4px 14px #f43f5e4d}.btn-danger:hover{transform:translateY(-2px)}.btn-sm{padding:.42rem 1rem;font-size:.8rem}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none!important;box-shadow:none!important}.form-group{margin-bottom:1.2rem}.form-label{display:block;font-size:.83rem;font-weight:700;color:var(--text);margin-bottom:.45rem}.form-input{width:100%;padding:.72rem 1rem;border:1.5px solid var(--border);border-radius:var(--radius-sm);font-family:var(--font-body);font-size:.92rem;color:var(--text);background:#fff;transition:var(--transition);outline:none}.form-input:focus{border-color:var(--indigo);box-shadow:0 0 0 3px #3d2eac1a}.form-input::placeholder{color:#b8b4d0}.form-select{width:100%;padding:.72rem 1rem;border:1.5px solid var(--border);border-radius:var(--radius-sm);font-family:var(--font-body);font-size:.92rem;color:var(--text);background:#fff;cursor:pointer;transition:var(--transition);outline:none}.form-select:focus{border-color:var(--indigo);box-shadow:0 0 0 3px #3d2eac1a}.card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;transition:var(--transition);border:1px solid var(--border)}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px)}.badge{display:inline-flex;align-items:center;padding:.22rem .75rem;border-radius:50px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.badge-success{background:#d1fae5;color:#065f46}.badge-warning{background:#fef3c7;color:#92400e}.badge-danger{background:#ffe4e6;color:#9f1239}.badge-info{background:#dbeafe;color:#1e40af}.badge-orange{background:#fff3ee;color:var(--saffron);border:1px solid #FFD0BC}.badge-purple{background:#edeaff;color:var(--indigo);border:1px solid #C4BFF5}.grid-2{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:1.5rem}.grid-3{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:1.5rem}.loading-state{display:flex;align-items:center;justify-content:center;padding:5rem;gap:1rem;color:var(--muted);font-weight:600}.spinner{width:22px;height:22px;border-radius:50%;border:3px solid #DDD6FE;border-top-color:var(--indigo);animation:spin .75s linear infinite;flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{text-align:center;padding:4rem 2rem;color:var(--muted)}.empty-state .emoji{font-size:3.5rem;margin-bottom:1rem;display:block}.empty-state h3{font-family:var(--font-head);color:var(--ink);margin-bottom:.5rem;font-size:1.2rem}.alert{padding:.875rem 1.1rem;border-radius:var(--radius-sm);font-size:.875rem;margin-bottom:1rem;font-weight:600}.alert-error{background:#fff1f2;color:#9f1239;border-left:4px solid #F43F5E}.alert-success{background:#ecfdf5;color:#065f46;border-left:4px solid #10B981}.divider{height:1px;background:var(--border);margin:1.25rem 0}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#0d0b1ea6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;padding:1rem;overflow-y:auto}.modal{background:#fff;border-radius:var(--radius);width:100%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-xl);animation:modalIn .22s ease;border:1px solid var(--border)}@keyframes modalIn{0%{opacity:0;transform:scale(.95) translateY(12px)}to{opacity:1;transform:none}}.modal-header{padding:1.4rem 1.5rem 0;display:flex;align-items:center;justify-content:space-between}.modal-header h2{font-family:var(--font-head);font-size:1.2rem;color:var(--ink)}.modal-close{background:var(--surface);border:none;cursor:pointer;color:var(--muted);width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:var(--transition);font-weight:800;font-size:1rem}.modal-close:hover{background:#edeaff;color:var(--indigo)}.modal-body{padding:1.5rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.stat-card{background:#fff;border-radius:var(--radius);padding:1.4rem;box-shadow:var(--shadow);border:1px solid var(--border)}.stat-card .stat-label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.7px;color:var(--muted);margin-bottom:.4rem}.stat-card .stat-value{font-family:var(--font-display);font-size:1.85rem;font-weight:800;color:var(--ink);line-height:1.1}.stat-card .stat-icon{font-size:1.6rem;margin-bottom:.6rem}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid var(--border)}table{width:100%;border-collapse:collapse;min-width:480px}thead{background:linear-gradient(135deg,#f0eeff,#e8e4ff)}th{padding:.9rem 1.1rem;text-align:left;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.7px;color:var(--indigo);white-space:nowrap}td{padding:.9rem 1.1rem;border-bottom:1px solid var(--border);font-size:.875rem}tr:last-child td{border-bottom:none}tr:hover td{background:#fdfcff}.tabs{display:flex;gap:.2rem;background:var(--surface);border-radius:14px;padding:.3rem;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;border:1px solid var(--border)}.tabs::-webkit-scrollbar{display:none}.tab{padding:.55rem 1.1rem;border-radius:10px;font-size:.85rem;font-weight:600;cursor:pointer;border:none;background:transparent;color:var(--muted);transition:var(--transition);font-family:var(--font-body);white-space:nowrap}.tab.active{background:#fff;color:var(--indigo);box-shadow:var(--shadow-sm);font-weight:700}.pg-card{cursor:pointer;border:1px solid var(--border)}.pg-card:hover{transform:translateY(-6px)!important;box-shadow:var(--shadow-xl)!important}.pg-card-img{height:200px;background:var(--grad-indigo);position:relative;display:flex;align-items:center;justify-content:center;font-size:3.5rem;overflow:hidden}.pg-price-badge{position:absolute;top:1rem;right:1rem;background:var(--grad-saffron);color:#fff;padding:.3rem .8rem;border-radius:50px;font-weight:800;font-size:.82rem;z-index:1;box-shadow:0 2px 10px #ff6b2b73;font-family:var(--font-head)}.pg-card-body{padding:1.25rem}.pg-card-body h3{font-size:1.05rem;margin-bottom:.35rem;color:var(--ink);font-family:var(--font-head)}.pg-location{color:var(--muted);font-size:.82rem;margin-bottom:.65rem}.pg-desc{font-size:.83rem;color:var(--muted);margin-bottom:1rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.spotlight-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;background:#0d0b1e99;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:flex-start;justify-content:center;padding-top:15vh}.spotlight-box{background:#fff;border-radius:20px;width:100%;max-width:580px;box-shadow:var(--shadow-xl);overflow:hidden;animation:slideDown .18s ease;border:1px solid var(--border)}.spotlight-input-wrap{display:flex;align-items:center;gap:12px;padding:1rem 1.25rem;border-bottom:1px solid var(--border)}.spotlight-input{flex:1;border:none;outline:none;font-size:1.05rem;font-family:var(--font-body);color:var(--ink);background:transparent;font-weight:500}.spotlight-results{max-height:320px;overflow-y:auto}.spotlight-result-item{display:flex;align-items:center;gap:12px;padding:.875rem 1.25rem;cursor:pointer;transition:var(--transition);border-bottom:1px solid var(--border)}.spotlight-result-item:last-child{border-bottom:none}.spotlight-result-item:hover{background:#f0eeff}.spotlight-footer{padding:.75rem 1.25rem;background:var(--surface);display:flex;gap:1.5rem;font-size:.75rem;color:var(--muted);border-top:1px solid var(--border)}.activity-feed{position:fixed;bottom:1.5rem;left:1.5rem;z-index:50;display:flex;flex-direction:column;gap:.5rem;pointer-events:none}.activity-toast{background:#fff;border-radius:14px;padding:.75rem 1rem;box-shadow:0 8px 30px #0000001f;display:flex;align-items:center;gap:.75rem;font-size:.82rem;font-weight:600;color:var(--ink);border-left:3px solid var(--emerald);animation:slideInLeft .4s ease,fadeOut .4s ease 3.6s forwards;max-width:280px}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:none}}@keyframes fadeOut{0%{opacity:1}to{opacity:0;transform:translate(-10px)}}.scroll-top-btn{position:fixed;bottom:1.5rem;right:1.5rem;width:44px;height:44px;border-radius:50%;background:var(--grad-indigo);color:#fff;border:none;cursor:pointer;font-size:1.1rem;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #3d2eac66;transition:var(--transition);z-index:50;animation:fadeIn .3s ease}.scroll-top-btn:hover{transform:translateY(-3px);box-shadow:0 8px 24px #3d2eac80}@media (max-width: 900px){.pg-detail-layout{grid-template-columns:1fr!important}.pg-detail-sidebar{position:static!important;top:auto!important}}@media (max-width: 768px){.navbar-desktop{display:none}.hamburger{display:flex}.page{padding:.9rem}.grid-2,.grid-3{grid-template-columns:1fr;gap:1rem}.stats-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.modal-overlay{align-items:flex-end;padding:0}.modal{max-width:100%;max-height:92vh;border-radius:var(--radius) var(--radius) 0 0}.tabs{width:100%}}@media (max-width: 480px){.page{padding:.75rem}.navbar{padding:0 .9rem}}[data-theme=dark]{--ink: #F1F0FF;--ink2: #E0DEFF;--text: #C8C5E8;--muted: #7B7899;--border: #2A2845;--surface:#13112A;--card: #1A1733;--warm: #161430}[data-theme=dark] .navbar{background:#13112aeb}[data-theme=dark] .card{border-color:#2a2845}[data-theme=dark] .form-input,[data-theme=dark] .form-select{background:#13112a;border-color:#2a2845;color:var(--text)}[data-theme=dark] .modal{background:#1a1733}[data-theme=dark] .modal-close{background:#2a2845;color:var(--muted)}[data-theme=dark] thead{background:linear-gradient(135deg,#1e1b40,#252250)}[data-theme=dark] .tabs{background:#13112a}[data-theme=dark] .tab.active{background:#2a2845}[data-theme=dark] .spotlight-box{background:#1a1733}[data-theme=dark] .spotlight-input{color:var(--ink)}[data-theme=dark] .spotlight-result-item:hover{background:#2a2845}[data-theme=dark] .spotlight-footer{background:#13112a}[data-theme=dark] .activity-toast{background:#1a1733;color:var(--ink2)}[data-theme=dark] .nav-user{background:#1a1733;border-color:#2a2845}[data-theme=dark] .nav-btn:hover{background:#2a2845}[data-theme=dark] .mobile-menu{background:#1a1733}[data-theme=dark] .mobile-nav-item:hover,[data-theme=dark] .mobile-nav-item.active{background:#2a2845}[data-theme=dark] tr:hover td{background:#1e1b40}[data-theme=dark] .stat-card{background:#1a1733;border-color:#2a2845}[data-theme=dark] .pg-card-body h3{color:var(--ink)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px) scale(.97)}to{opacity:1;transform:none}}