.wrapper{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:40px 20px;background:#f0f4f8}.header{margin-bottom:32px;text-align:center}.header h1{font-size:2rem;font-weight:700;color:#1a202c;margin-bottom:8px}.header p{font-size:1rem;color:#718096}.iframe-container{width:100%;max-width:860px;border-radius:12px;overflow:hidden;box-shadow:0 4px 24px #0000001a;border:1px solid #e2e8f0;background:#fff}.iframe-container iframe{width:100%;height:700px;border:none;display:block}.compiling-page{width:100vw;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fff;gap:24px}.spinner{width:48px;height:48px;border:4px solid #e2e8f0;border-top-color:#3b82f6;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.compiling-text{font-size:1.1rem;color:#718096;font-family:sans-serif}.dashboard{width:100vw;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fff;gap:24px;font-family:sans-serif}.dashboard-title{font-size:1.8rem;font-weight:700;color:#1a202c;margin:0}.dashboard-stat{font-size:1.1rem;color:#718096}.dashboard-stat span{color:#3b82f6;font-weight:700}.dashboard-page{position:relative;min-height:100vh;background:#fff}.filter-toggle{position:fixed;top:24px;left:24px;z-index:200;background:#3b82f6;color:#fff;border:none;border-radius:8px;padding:10px 16px;font-size:.95rem;font-family:sans-serif;cursor:pointer}.filter-toggle:hover{background:#2563eb}.filter-panel{position:fixed;top:0;left:0;height:100vh;width:300px;background:#f8fafc;border-right:1px solid #e2e8f0;padding:80px 24px 24px;box-sizing:border-box;transform:translate(-100%);transition:transform .3s ease;z-index:100;display:flex;flex-direction:column;gap:24px;font-family:sans-serif;overflow-y:auto}.filter-panel.open{transform:translate(0)}.filter-title{font-size:1.2rem;font-weight:700;color:#1a202c;margin:0}.filter-row{display:flex;flex-direction:column;gap:8px}.filter-label{font-size:.9rem;color:#4a5568;font-weight:500}.filter-slider-row{display:flex;align-items:center;gap:12px}.filter-slider-row input[type=range]{flex:1;accent-color:#3b82f6}.filter-value{min-width:36px;text-align:right;font-size:.95rem;font-weight:600;color:#1a202c}.filter-save{background:#3b82f6;color:#fff;border:none;border-radius:8px;padding:12px;font-size:1rem;font-family:sans-serif;cursor:pointer;margin-top:auto}.filter-save:hover{background:#2563eb}