:root{--primary-gradient:linear-gradient(135deg, #0f5132 0%, #198754 100%);--gold-gradient:linear-gradient(135deg, #d97706 0%, #f59e0b 100%);--accent-color:#f59e0b;--accent-rgb:245, 158, 11;--primary-color:#198754;--glass-bg:#ffffffa6;--glass-bg-hover:#ffffffd9;--glass-border:#fff6;--glass-shadow:0 8px 32px 0 #0f513214;--text-primary:#1e293b;--text-secondary:#475569;--text-light:#f8fafc;--transition-smooth:all .35s cubic-bezier(.4, 0, .2, 1);--radius-lg:20px;--radius-md:12px;--radius-sm:8px}body.dark-theme{--primary-gradient:linear-gradient(135deg, #064e3b 0%, #047857 100%);--glass-bg:#0f172abf;--glass-bg-hover:#1e293bd9;--glass-border:#ffffff14;--glass-shadow:0 8px 32px 0 #0000005e;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-light:#f8fafc}*{box-sizing:border-box;-webkit-user-select:none;user-select:none;margin:0;padding:0;font-family:Tajawal,sans-serif}body,html{width:100%;height:100%;color:var(--text-primary);background-color:#0b0f19;overflow:hidden}#app{flex-direction:column;width:100%;height:100%;display:flex;position:relative}#canvas-container{z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}#three-canvas{width:100%;height:100%;display:block}.glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);transition:var(--transition-smooth)}button{cursor:pointer;transition:var(--transition-smooth);border:none;outline:none;font-family:inherit}.btn-icon{width:44px;height:44px;color:var(--text-primary);border-radius:50%;justify-content:center;align-items:center;font-size:1.2rem;display:flex}.btn-icon:hover{background:var(--glass-bg-hover);transform:scale(1.08)rotate(5deg)}.btn-primary{background:var(--primary-gradient);color:var(--text-light);border-radius:var(--radius-md);justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:.95rem;font-weight:700;display:flex;box-shadow:0 4px 12px #19875440}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #19875459}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;color:#94a3b8;box-shadow:none;background:#cbd5e1}body.dark-theme .btn-primary:disabled{color:#64748b;background:#334155}.btn-secondary{border:1px solid var(--glass-border);color:var(--text-primary);border-radius:var(--radius-md);background:#ffffff26;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-weight:600;display:flex}.btn-secondary:hover{background:var(--glass-bg-hover);transform:translateY(-2px)}.main-header{border-radius:var(--radius-lg);z-index:10;justify-content:space-between;align-items:center;height:70px;padding:0 25px;display:flex;position:absolute;top:20px;left:20px;right:20px}.header-controls{flex-direction:row;flex-shrink:0;align-items:center;gap:8px;display:flex}.logo-section{align-items:center;gap:15px;display:flex}.logo-icon{font-size:2rem;animation:4s ease-in-out infinite float}.title-wrapper h1{letter-spacing:.5px;background:linear-gradient(120deg, var(--text-primary), var(--primary-color));-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.3rem;font-weight:800}.title-wrapper p{color:var(--text-secondary);font-size:.75rem;font-weight:500}.sidebar{border-radius:var(--radius-lg);z-index:10;flex-direction:column;gap:15px;width:360px;padding:20px;display:flex;position:absolute;top:105px;bottom:20px;right:20px}.search-section{width:100%}.search-box{border-radius:var(--radius-md);border:1px solid var(--glass-border);align-items:center;gap:12px;width:100%;height:48px;padding:0 15px;display:flex}.search-icon{opacity:.7;font-size:1.1rem}.search-box input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;height:100%;font-size:.95rem;font-weight:500}.search-box input::placeholder{color:var(--text-secondary);opacity:.75}.clear-btn{color:var(--text-secondary);background:0 0;border:none;border-radius:50%;padding:5px;font-size:.9rem}.clear-btn:hover{color:var(--text-primary);background:#0000001a}.hidden{display:none!important}.categories-tabs{scrollbar-width:none;gap:8px;padding-bottom:5px;display:flex;overflow-x:auto}.categories-tabs::-webkit-scrollbar{display:none}.tab-btn{white-space:nowrap;color:var(--text-secondary);background:#0000000d;border:1px solid #0000;border-radius:30px;padding:6px 14px;font-size:.8rem;font-weight:600}body.dark-theme .tab-btn{background:#ffffff0d}.tab-btn.active{background:var(--primary-gradient);color:var(--text-light);box-shadow:0 4px 10px #19875433}.tab-btn:hover:not(.active){color:var(--text-primary);background:#00000014}body.dark-theme .tab-btn:hover:not(.active){background:#ffffff14}.locations-list-wrapper{flex:1;margin-right:-10px;padding-right:10px;overflow-y:auto}.locations-list-wrapper::-webkit-scrollbar{width:5px}.locations-list-wrapper::-webkit-scrollbar-track{background:0 0}.locations-list-wrapper::-webkit-scrollbar-thumb{background:#00000026;border-radius:10px}body.dark-theme .locations-list-wrapper::-webkit-scrollbar-thumb{background:#ffffff1a}.locations-list{flex-direction:column;gap:10px;display:flex}.location-item{border-radius:var(--radius-md);transition:var(--transition-smooth);border:1px solid #0000;align-items:center;gap:12px;padding:12px 15px;display:flex}.location-item:hover{background:var(--glass-bg-hover);border-color:var(--glass-border);transform:translate(-4px);box-shadow:0 4px 12px #00000008}.location-item.active{background:#1987541a;border-color:#19875433}.item-icon-wrapper{border-radius:var(--radius-sm);background:#0000000a;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.3rem;display:flex}body.dark-theme .item-icon-wrapper{background:#ffffff0a}.item-info{flex-direction:column;flex:1;display:flex}.item-name{color:var(--text-primary);font-size:.9rem;font-weight:700}.item-category-floor{color:var(--text-secondary);margin-top:2px;font-size:.75rem}.item-floor-badge{color:var(--text-secondary);background:#00000012;border-radius:4px;margin-right:6px;padding:1px 6px;font-size:.7rem;font-weight:500}body.dark-theme .item-floor-badge{background:#ffffff1a}.item-action-arrow{opacity:.5;transition:var(--transition-smooth);font-size:.8rem}.location-item:hover .item-action-arrow{opacity:1;transform:translate(-4px)}.left-panel-group{z-index:10;flex-direction:column;gap:10px;width:380px;display:flex;position:absolute;bottom:20px;left:20px}.nav-control-panel{border-radius:var(--radius-lg);flex-direction:column;gap:15px;width:100%;padding:20px;display:flex}.panel-title{border-bottom:1px solid var(--glass-border);align-items:center;gap:10px;padding-bottom:10px;display:flex}.panel-icon{font-size:1.3rem}.panel-title h3{font-size:1rem;font-weight:800}.nav-inputs{flex-direction:column;gap:12px;display:flex}.input-group{flex-direction:column;gap:6px;display:flex}.input-group label{color:var(--text-secondary);font-size:.8rem;font-weight:700}.select-wrapper{width:100%;position:relative}.select-icon{font-size:.95rem;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.select-wrapper select{border-radius:var(--radius-md);border:1px solid var(--glass-border);width:100%;height:44px;color:var(--text-primary);appearance:none;cursor:pointer;transition:var(--transition-smooth);background:#ffffff1a;outline:none;padding:0 35px 0 15px;font-family:inherit;font-size:.85rem;font-weight:600}body.dark-theme .select-wrapper select{background:#0003}.select-wrapper select:focus{background:var(--glass-bg-hover);border-color:var(--primary-color)}.select-wrapper:after{content:"▼";opacity:.5;pointer-events:none;font-size:.65rem;position:absolute;top:50%;left:15px;transform:translateY(-50%)}.nav-actions{gap:10px;margin-top:5px;display:flex}.nav-actions button{flex:1}.route-instructions-panel{border-radius:var(--radius-lg);z-index:10;flex-direction:column;gap:12px;width:320px;max-height:400px;padding:18px;animation:.4s cubic-bezier(.4,0,.2,1) slideInLeft;display:flex;position:absolute;top:105px;left:20px}.instructions-header{border-bottom:1px solid var(--glass-border);justify-content:space-between;align-items:center;padding-bottom:8px;display:flex}.instructions-meta{gap:12px;display:flex}.route-time,.route-dist{color:var(--text-primary);background:#1987541f;border-radius:6px;padding:4px 8px;font-size:.8rem;font-weight:700}.close-btn{color:var(--text-secondary);background:0 0;border:none;font-size:1.1rem}.close-btn:hover{color:var(--text-primary);transform:scale(1.1)}.instructions-content{flex-direction:column;flex:1;gap:8px;display:flex;overflow-y:auto}.instructions-content h4{color:var(--text-secondary);font-size:.85rem;font-weight:800}#instructions-list{color:var(--text-primary);padding-right:18px;font-size:.8rem;line-height:1.5}#instructions-list li{margin-bottom:8px;padding-right:4px;font-weight:500}#instructions-list li::marker{color:var(--primary-color);font-weight:800}.floor-selector{z-index:10;border-radius:40px;flex-direction:column;align-items:center;gap:8px;padding:10px;display:flex;position:absolute;top:50%;left:20px;transform:translateY(-50%)}.floor-title{color:var(--text-secondary);writing-mode:horizontal-tb;margin-bottom:4px;font-size:.65rem;font-weight:800}.floor-btn{width:38px;height:38px;color:var(--text-secondary);background:#0000000d;border-radius:50%;justify-content:center;align-items:center;font-size:.85rem;font-weight:800;display:flex}body.dark-theme .floor-btn{background:#ffffff0d}.floor-btn:hover{color:var(--text-primary);background:#0000001a}body.dark-theme .floor-btn:hover{background:#ffffff1a}.floor-btn.active{background:var(--primary-gradient);color:var(--text-light);box-shadow:0 4px 10px #1987544d}.floor-divider{background:var(--glass-border);width:20px;height:1px;margin:2px 0}#btn-show-all{font-size:.75rem}.location-details-card{border-radius:var(--radius-lg);z-index:100;width:95%;max-width:380px;animation:.35s cubic-bezier(.4,0,.2,1) cardFadeIn;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 20px 50px #00000040}.card-hero{background:var(--primary-gradient);justify-content:center;align-items:center;height:140px;display:flex;position:relative}#card-hero-bg{background:linear-gradient(135deg,#115e59 0%,#0d9488 100%)}.close-card-btn{width:28px;height:28px;color:var(--text-light);background:#0003;border-radius:50%;justify-content:center;align-items:center;font-size:.8rem;display:flex;position:absolute;top:15px;left:15px}.close-card-btn:hover{background:#0006}.card-category-tag{color:var(--text-light);background:#fff3;border-radius:20px;padding:4px 10px;font-size:.7rem;font-weight:700;position:absolute;top:15px;right:15px}.card-icon{filter:drop-shadow(0 4px 8px #00000026);font-size:3.5rem}.card-body{flex-direction:column;gap:12px;padding:20px;display:flex}.card-body h2{color:var(--text-primary);font-size:1.25rem;font-weight:800}.card-floor-tag{color:var(--primary-color);background:#1987541a;border-radius:4px;align-self:flex-start;padding:2px 8px;font-size:.75rem;font-weight:700}.card-description{color:var(--text-secondary);font-size:.85rem;font-weight:500;line-height:1.5}.card-details-box{border-radius:var(--radius-md);border:1px solid var(--glass-border);background:#00000008;padding:12px}body.dark-theme .card-details-box{background:#ffffff08}.detail-item{flex-direction:column;gap:4px;display:flex}.detail-label{color:var(--text-secondary);font-size:.75rem;font-weight:700}.detail-value{color:var(--text-primary);font-size:.8rem;font-weight:500;line-height:1.4}.card-actions{gap:10px;margin-top:5px;display:flex}.card-actions button{flex:1}.panels-toggle-bar{z-index:15;white-space:nowrap;border-radius:50px;align-items:center;gap:6px;padding:8px 14px;display:flex;position:absolute;bottom:55px;left:50%;transform:translate(-50%)}.toggle-bar-label{color:var(--text-secondary);align-items:center;gap:5px;padding-left:4px;padding-right:4px;font-size:.72rem;font-weight:700;display:flex}.toggle-bar-icon{font-size:.9rem}.toggle-bar-divider{background:var(--glass-border);width:1px;height:24px;margin:0 4px}.panel-toggle-btn{color:var(--text-secondary);transition:var(--transition-smooth);background:#0000000f;border:1.5px solid #0000;border-radius:30px;flex-direction:column;align-items:center;gap:2px;min-width:60px;padding:7px 14px;display:flex;position:relative}body.dark-theme .panel-toggle-btn{background:#ffffff0f}.panel-toggle-btn .ptb-icon{font-size:1.1rem;line-height:1}.panel-toggle-btn .ptb-label{font-size:.65rem;font-weight:700;line-height:1}.panel-toggle-btn .ptb-dot{background:var(--primary-color);width:5px;height:5px;transition:var(--transition-smooth);opacity:1;border-radius:50%;margin-top:1px}.panel-toggle-btn.active{color:var(--primary-color);background:#1987541f;border-color:#1987544d}body.dark-theme .panel-toggle-btn.active{background:#1987542e}.panel-toggle-btn:not(.active){opacity:.55}.panel-toggle-btn:not(.active) .ptb-dot{opacity:.4;background:#94a3b8}.panel-toggle-btn:hover{border-color:#19875466;transform:translateY(-2px);opacity:1!important}.panel-hidden{opacity:0!important;pointer-events:none!important;transition:opacity .3s,transform .3s!important;transform:translateY(12px)!important}.panel-visible{opacity:1;pointer-events:all;transition:opacity .3s,transform .3s;transform:translateY(0)}.controls-hint{color:var(--text-secondary);pointer-events:none;z-index:10;border-radius:30px;padding:8px 18px;font-size:.75rem;font-weight:600;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.toast{color:#fff;z-index:200;background:#198754d9;border-radius:30px;padding:12px 24px;font-size:.85rem;font-weight:700;animation:.3s cubic-bezier(.4,0,.2,1) toastFadeIn;position:absolute;top:105px;left:50%;transform:translate(-50%);box-shadow:0 10px 25px #00000026}@keyframes float{0%{transform:translateY(0)rotate(0)}50%{transform:translateY(-6px)rotate(3deg)}to{transform:translateY(0)rotate(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}@keyframes cardFadeIn{0%{opacity:0;transform:translate(-50%,-40%)}to{opacity:1;transform:translate(-50%,-50%)}}@keyframes toastFadeIn{0%{opacity:0;transform:translate(-50%,-20px)}to{opacity:1;transform:translate(-50%)}}@media (width<=768px){.main-header{height:60px;padding:0 15px;top:10px;left:10px;right:10px}.title-wrapper h1{font-size:1.1rem}.panels-toggle-bar{gap:4px;width:auto;padding:6px 10px;bottom:10px;left:10px;right:10px;transform:none}.panel-toggle-btn{min-width:50px;padding:5px 10px}.panel-toggle-btn .ptb-icon{font-size:.95rem}.panel-toggle-btn .ptb-label{font-size:.6rem}.sidebar{flex-direction:column;gap:10px;width:auto;height:250px;padding:12px;inset:auto 10px 75px;overflow:hidden}.search-section{flex-shrink:0;width:100%}.categories-tabs{flex-direction:row;flex-shrink:0;width:100%;padding-bottom:4px;overflow:auto hidden}.locations-list-wrapper{flex:1;width:100%;height:auto;margin-right:0;overflow-y:auto}.left-panel-group{pointer-events:none;gap:0;width:auto;bottom:75px;left:10px;right:10px}.left-panel-group>*{pointer-events:auto}.camera-controls-panel{padding:10px}.nav-control-panel{gap:8px;padding:12px}.nav-inputs{gap:6px}.select-wrapper select{height:38px}.floor-selector{border-radius:var(--radius-md);flex-direction:row;padding:6px;top:80px;left:10px;transform:none}.floor-title{display:none}.floor-divider{width:1px;height:20px;margin:0 4px}.controls-hint{display:none}.route-instructions-panel{width:auto;max-height:180px;top:80px;left:10px;right:10px}}.camera-controls{display:none}.camera-controls-panel{border-radius:var(--radius-lg);flex-direction:column;gap:10px;width:100%;padding:14px 18px;display:flex}.camera-controls-title{color:var(--text-secondary);border-bottom:1px solid var(--glass-border);align-items:center;gap:6px;padding-bottom:8px;font-size:.8rem;font-weight:800;display:flex}.camera-controls-btns{justify-content:space-around;align-items:center;gap:10px;display:flex}.cam-btn{border-radius:var(--radius-md);border:1px solid var(--glass-border);transition:var(--transition-smooth);color:var(--text-primary);background:#0000000d;flex-direction:column;flex:1;align-items:center;gap:5px;padding:10px 6px;display:flex}body.dark-theme .cam-btn{background:#ffffff0d}.cam-btn:hover{background:var(--glass-bg-hover);border-color:var(--primary-color);transform:translateY(-2px);box-shadow:0 4px 12px #19875426}.cam-icon{font-size:1.4rem;line-height:1}.cam-label{color:var(--text-secondary);white-space:nowrap;font-size:.7rem;font-weight:700}@keyframes pulse-ring{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(.9)}}@media (width>=769px){[dir=ltr] .sidebar{left:20px;right:auto}[dir=ltr] .left-panel-group{left:auto;right:20px}[dir=ltr] .nav-control-panel{left:auto;right:auto}[dir=ltr] .route-instructions-panel{left:auto;right:20px}}