@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap');@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css');:root{--gold:#facc15;--gold-hover:#eab308;--bg-sidebar:rgba(20,16,14,0.98);--bg-card:rgba(35,31,28,0.85);--bg-card-hover:rgba(45,41,38,0.95);--text-main:#ffffff;--text-muted:#a39f9c;--border-color:rgba(255,255,255,0.08);--green-success:#10b981;--danger-red:#ef4444}*{margin:0;padding:0;box-sizing:border-box;font-family:'Poppins',sans-serif}body{background-image:url('/dashbanner.png');background-color:#000;background-position:center;background-size:cover;background-repeat:no-repeat;background-attachment:fixed;color:var(--text-main);min-height:100vh;display:flex;overflow-x:hidden}body::before{content:'';position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.4);z-index:-1}.btn-dark{background:rgba(255,255,255,0.05);border:1px solid var(--border-color);color:white;padding:10px 18px;border-radius:6px;font-size:0.9rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all 0.3s}.btn-dark:hover{background:rgba(255,255,255,0.1);border-color:rgba(255,255,255,0.2)}.btn-gold{background:var(--gold);color:black;border:none;padding:10px 20px;border-radius:6px;font-size:0.9rem;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all 0.3s}.btn-gold:hover{background:var(--gold-hover);transform:translateY(-2px)}.btn-danger{background:rgba(239,68,68,0.1);border:1px solid var(--danger-red);color:var(--danger-red);padding:12px 24px;border-radius:8px;font-size:0.95rem;font-weight:600;cursor:pointer;transition:0.3s}.btn-danger:hover{background:var(--danger-red);color:white}.fs-input-group{margin-bottom:20px}.fs-input-label{font-size:0.85rem;color:var(--text-muted);margin-bottom:8px;display:block;font-weight:500}.fs-input-wrapper{display:flex;align-items:center;background:rgba(0,0,0,0.3);border:1px solid var(--border-color);border-radius:8px;padding:12px 15px;transition:0.3s}.fs-input-wrapper:focus-within{border-color:var(--gold)}.fs-input-wrapper input{background:transparent!important;border:none!important;outline:none!important;color:#ffffff!important;font-size:1rem;width:100%;font-weight:600;box-shadow:none!important;appearance:none;-webkit-appearance:none;-moz-appearance:textfield}input[type=range]{-webkit-appearance:none;width:100%;background:transparent}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;height:20px;width:20px;border-radius:50%;background:var(--gold);cursor:pointer;margin-top:-8px}input[type=range]::-webkit-slider-runnable-track{width:100%;height:4px;cursor:pointer;background:rgba(255,255,255,0.1);border-radius:2px}.toast-box{position:fixed;bottom:-100px;left:50%;transform:translateX(-50%);background:var(--bg-card);border:1px solid var(--gold);border-radius:12px;padding:16px 24px;display:flex;align-items:center;gap:15px;z-index:9999;transition:bottom 0.4s cubic-bezier(0.175,0.885,0.32,1.275);box-shadow:0 10px 40px rgba(0,0,0,0.5);color:white;font-weight:600}.toast-box.show{bottom:40px}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.6);z-index:1999;backdrop-filter:blur(5px);opacity:0;visibility:hidden;transition:all 0.4s ease}.overlay.active{opacity:1;visibility:visible}.loader-container{display:flex;justify-content:center;align-items:center;padding:40px;width:100%}.loader{border:3px solid rgba(255,255,255,0.1);border-radius:50%;border-top:3px solid var(--gold);width:40px;height:40px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.skeleton-text{background:rgba(255,255,255,0.1);border-radius:4px;height:1em;animation:pulse 1.5s infinite}@keyframes pulse{0%{opacity:0.6}50%{opacity:1}100%{opacity:0.6}}#global-preloader{position:fixed;top:0;left:0;width:100%;height:100%;background:#000;z-index:9999;display:flex;flex-direction:column;justify-content:center;align-items:center;transition:opacity 0.5s}.preload-spinner{width:50px;height:50px;border:3px solid rgba(250,204,21,0.2);border-top-color:#facc15;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}.preload-text{color:#fff;font-size:1rem;font-weight:600;margin-bottom:15px}.preload-bar-bg{width:200px;height:4px;background:rgba(255,255,255,0.1);border-radius:2px;overflow:hidden}.preload-bar-fill{width:0%;height:100%;background:#facc15;transition:width 0.3s}.bg-blurred{position:fixed;top:0;left:0;width:100%;height:100vh;background:radial-gradient(circle at 50% 0%,rgba(250,204,21,0.05) 0%,transparent 50%);pointer-events:none;z-index:-1}