@import url(https://fonts.googleapis.com/css2?family=Quicksand:wght@600&display=swap);*{box-sizing:border-box}body,html{height:100%;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:initial;font-family:Quicksand,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.background{animation:fadeIn 2s ease-out;height:100%;left:0;position:fixed;top:0;width:100%;z-index:-1}.container-fluid{animation:fadeIn .4s ease-out;position:relative;z-index:1}.main-view{animation:slideInLeft .3s ease-out .1s both;z-index:1}.card{animation:fadeIn .3s ease-out both;position:relative;z-index:1}.card:first-child{animation-delay:.05s}.card:nth-child(2){animation-delay:.1s}.card:nth-child(3){animation-delay:.15s}.container-fluid{flex-direction:column}.container-fluid,.row{display:flex;height:100vh;margin:0;padding:0;width:100%}.row{flex:1 1;flex-wrap:wrap}.col-12,.col-lg-10,.col-lg-2,.col-sm-3,.col-sm-9{height:100%;margin:0;padding:0;position:relative}.col-12{flex:0 0 100%;max-width:100%;width:100%}@media (min-width:768px){.col-sm-3{flex:0 0 25%;max-width:25%}.col-sm-9{flex:0 0 75%;max-width:75%}}@media (min-width:992px){.col-lg-2{flex:0 0 16.66666667%;max-width:16.66666667%}.col-lg-10{flex:0 0 83.33333333%;max-width:83.33333333%}}.sidebar{background-color:initial!important;overflow:hidden;padding:20px 0;z-index:1}.main-view,.sidebar{height:100vh;position:relative}.main-view{overflow-y:auto;padding:20px;width:100%;z-index:1001}.fixed{position:fixed}.relative{position:relative}.absolute{position:absolute}.inset-0{bottom:0;left:0;right:0;top:0}.top-0{top:0}.left-0{left:0}.top-4{top:1rem}.left-4{left:1rem}.block{display:block}.hidden{display:none}.w-full{width:100%}.h-full{height:100%}.h-screen{height:100vh}.w-6{width:1.5rem}.h-0\.5{height:.125rem}.w-8{width:2rem}.h-8{height:2rem}.max-w-4xl,.max-w-6xl{max-width:100%}.max-h-\[90vh\]{max-height:90vh}.max-h-\[calc\(90vh-80px\)\]{max-height:calc(90vh - 80px)}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-3{padding-bottom:.75rem;padding-top:.75rem}.py-5{padding-bottom:1.25rem;padding-top:1.25rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-10{margin-bottom:2.5rem}.mx-4{margin-left:1rem;margin-right:1rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.text-dark-blue{color:#2c3e50}.text-gray-600{color:#4b5563}.text-gray-500{color:#6b7280}.text-accent-blue{color:#3498db}.bg-white{background-color:#fff}.bg-transparent{background-color:initial}.bg-soft-blue\/90{background-color:#75a5b7e6}.bg-soft-blue\/20{background-color:#75a5b733}.bg-soft-blue\/10{background-color:#75a5b71a}.bg-soft-blue\/5{background-color:#75a5b70d}.bg-black\/50{background-color:#00000080}.bg-white\/10{background-color:#ffffff1a}.border{border-width:1px}.border-2{border-width:2px}.border-t{border-top-width:1px}.border-b{border-bottom-width:1px}.rounded-none{border-radius:0}.border-gray-200{border-color:#e5e7eb}.border-soft-blue\/20{border-color:#75a5b733}.border-soft-blue\/30{border-color:#75a5b74d}.border-soft-blue\/40{border-color:#75a5b766}.border-soft-blue\/50{border-color:#75a5b780}.border-soft-blue\/60{border-color:#75a5b799}.border-dark-blue{border-color:#2c3e50}.border-accent-blue{border-color:#3498db}.text-xs{font-size:.75rem;line-height:1rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem}.text-lg,.text-xl{line-height:1.75rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.font-light{font-weight:300}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-mono{font-family:ui-monospace,SFMono-Regular,SF Mono,Consolas,Liberation Mono,Menlo,monospace}.text-center{text-align:center}.z-40{z-index:40}.z-50{z-index:50}.translate-x-0{transform:translateX(0)}.-translate-x-full{transform:translateX(-100%)}.-translate-y-1{transform:translateY(-.25rem)}.-translate-y-0\.5{transform:translateY(-.125rem)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}.backdrop-blur-sm{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.cursor-pointer{cursor:pointer}.sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.navbar-default{background-color:initial!important;border:none;display:block!important;min-height:100vh;position:relative;z-index:1}.navbar-default .container,.navbar-default .navbar-header{padding:0;position:relative;z-index:1}nav li,nav ul{list-style:none;margin:0;padding:0}nav,nav li,nav ul{position:relative;z-index:1}.navbar-default .navbar-nav,.navbar-default .navbar-nav>li{margin:0;padding:0;position:relative;z-index:1}.navbar-default .navbar-nav>li{display:block}.navbar-default .navbar-nav>li>a{-webkit-backdrop-filter:none;backdrop-filter:none;background-color:initial!important;border-bottom:none;color:#2c3e50!important;display:block;font-size:24px;margin:0;padding:15px 20px;text-decoration:none;transition:color .3s ease;z-index:1}.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover{background-color:initial!important;color:#3498db!important;text-decoration:none}.navbar-default .navbar-nav>li.active>a,.navbar-default .navbar-nav>li.active>a:focus,.navbar-default .navbar-nav>li.active>a:hover{background-color:initial!important;color:#2980b9!important;text-decoration:none}.navbar-toggle{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#ffffff1a;border:1px solid #2c3e50;border-radius:0;margin:8px 15px 8px 0;padding:9px 10px}.navbar-toggle .icon-bar{background-color:#2c3e50;border-radius:1px;display:block;height:2px;width:22px}.navbar-toggle .icon-bar+.icon-bar{margin-top:4px}.navbar-toggle:focus,.navbar-toggle:hover{background-color:#3498db33;border-color:#3498db}.navbar-toggle:focus .icon-bar,.navbar-toggle:hover .icon-bar{background-color:#3498db}@media (max-width:767px){.col-sm-3,.col-sm-9{flex:0 0 100%;max-width:100%}.sidebar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#fffffff2;height:100vh;left:-100%;padding:60px 0 20px;position:fixed;top:0;transition:left .3s ease;width:280px;z-index:1000}.sidebar.show{left:0}.sidebar.show:before{background-color:#00000080;content:"";height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:-1}.main-view{height:100vh;padding:10px;width:100%}.navbar-toggle{display:block!important;left:15px;position:fixed;top:15px;z-index:1001}}@media (max-width:991px) and (min-width:768px){.col-sm-3{flex:0 0 250px;max-width:250px}.col-sm-9{flex-basis:calc(100% - 250px);flex-grow:0;flex-shrink:0;max-width:calc(100% - 250px)}}*{font-family:Quicksand,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-50px);z-index:10000}to{opacity:1;transform:translateX(0);z-index:10000}}@keyframes slideInRight{0%{opacity:0;transform:translateX(50px);z-index:1}to{opacity:1;transform:translateX(0);z-index:1}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.animate-fade-in{animation:fadeIn .3s ease-out}.animate-slide-in-left{animation:slideInLeft .3s ease-out}.animate-slide-in-right{animation:slideInRight .3s ease-out}.animate-pulse{animation:pulse 1s infinite}.animate-bounce{animation:bounce .5s infinite}.page-header{animation:fadeIn .4s ease-out;animation-fill-mode:both;position:relative;z-index:10000}.apps-grid{animation:fadeIn .5s ease-out .1s both;position:relative;z-index:1}.heartbeat-cards{animation:slideInLeft .4s ease-out;position:relative;z-index:1}.app-card{animation:fadeIn .3s ease-out both;z-index:1}.app-card:first-child{animation-delay:.05s}.app-card:nth-child(2){animation-delay:.1s}.app-card:nth-child(3){animation-delay:.15s}.app-card:nth-child(4){animation-delay:.2s}.app-card:nth-child(5){animation-delay:.25s}.app-card:nth-child(6){animation-delay:.3s}.app-card:nth-child(7){animation-delay:.35s}.app-card:nth-child(8){animation-delay:.4s}.app-card:nth-child(9){animation-delay:.45s}.app-card:nth-child(10){animation-delay:.5s}.modal{animation:fadeIn .15s ease-out}.modal-dialog{animation:slideInLeft .2s ease-out}.navbar-default .navbar-nav>li>a{overflow:hidden;position:relative;transition:all .3s cubic-bezier(.25,.46,.45,.94)}.navbar-default .navbar-nav>li>a:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.navbar-default .navbar-nav>li>a:hover:before{left:100%}.btn,.heartbeat-action-btn{overflow:hidden;position:relative;transition:all .3s cubic-bezier(.25,.46,.45,.94)}.btn:hover,.heartbeat-action-btn:hover{box-shadow:0 8px 16px #00000026;transform:translateY(-2px)}.btn:active,.heartbeat-action-btn:active{transform:translateY(0);transition:all .1s ease}.copy-btn:hover{transform:scale(1.1);transition:all .2s ease}.copy-btn:active{transform:scale(.95)}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.loading{animation:spin 1s linear infinite}.shimmer{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200px 100%}.hover\:bg-accent-blue\/90:hover{background-color:#3498dbe6}.hover\:border-accent-blue:hover{border-color:#3498db}.hover\:text-accent-blue:hover{color:#3498db}.hover\:text-gray-700:hover{color:#374151}.hover\:-translate-y-1:hover{transform:translateY(-.25rem)}.hover\:-translate-y-0\.5:hover{transform:translateY(-.125rem)}.hover\:bg-soft-blue\/30:hover{background-color:#75a5b74d}.disabled\:opacity-60:disabled{opacity:.6}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:transform-none:disabled{transform:none}.card{background-color:#fff;border:1px solid rgba(0,0,0,.125);border-radius:0}.card-header{background-color:#00000008;border-bottom:1px solid rgba(0,0,0,.125);border-radius:0;margin-bottom:0;padding:.75rem 1.25rem}.card-body{flex:1 1 auto;padding:1.25rem}.card-footer{background-color:#00000008;border-radius:0;border-top:1px solid rgba(0,0,0,.125);padding:.75rem 1.25rem}.modal{height:100%;left:0;outline:0;overflow-x:hidden;overflow-y:auto;position:fixed;top:0;width:100%;z-index:1055}.modal-dialog{margin:.5rem;pointer-events:none;position:relative;width:auto}.modal-lg{max-width:800px}.modal-content{background-clip:padding-box;background-color:#fff;border:1px solid #0003;border-radius:0;display:flex;flex-direction:column;outline:0;pointer-events:auto;position:relative;width:100%}.modal-header{align-items:flex-start;border-bottom:1px solid #dee2e6;border-top-left-radius:0;border-top-right-radius:0;display:flex;justify-content:space-between;padding:1rem}.modal-title{line-height:1.5;margin-bottom:0}.modal-body{flex:1 1 auto;padding:1rem;position:relative}.modal-backdrop{background-color:#000;height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:1050}.modal-backdrop.show{opacity:.5}.btn-close{background:#0000 url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m.5.5 5 5m0-5-5 5'/%3E%3C/svg%3E") 50%/1em auto no-repeat;border:0;border-radius:0;box-sizing:initial;color:#000;height:1em;opacity:.5;padding:.25em;width:1em}.btn-close:hover{color:#000;opacity:.75;text-decoration:none}.text-muted{color:#6c757d!important}.text-center{text-align:center!important}.small{font-size:.875em}.ml-1{margin-left:.25rem!important}.mt-2{margin-top:.5rem!important}.font-weight-bold{font-weight:700!important}.page-header{margin-bottom:40px;padding:0;text-align:left;width:100%}.page-header h1{color:#2c3e50;font-size:2.5rem;font-weight:600;margin-bottom:8px}.page-header p{color:#7f8c8d;font-size:1.1rem;margin:0}.apps-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));padding:20px 40px 20px 0;width:100%}.heartbeat-cards{display:flex;flex-direction:column;gap:20px;max-width:none;padding:20px 40px 40px 0}.heartbeat-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#75a5b714;border:1px solid #75a5b733;border-radius:0;transition:all .3s ease;width:100%}.heartbeat-card:hover{box-shadow:0 12px 24px #75a5b726;transform:translateY(-4px);transition:all .3s cubic-bezier(.25,.46,.45,.94)}.heartbeat-card .card-header{background:#75a5b71f;border-bottom:1px solid #75a5b733;border-radius:0;padding:16px 20px}.code-block{align-items:center;background:#75a5b71a;border:1px solid #75a5b733;border-radius:0;display:flex;gap:10px;padding:12px}.code-block code{background:none;color:#2c3e50;flex:1 1;font-family:monospace;margin:0;padding:0}.copy-btn{background:#75a5b733;border:1px solid #75a5b74d;border-radius:0;cursor:pointer;padding:8px 12px;transition:all .3s ease}.copy-btn:hover{background:#75a5b74d}.activity-list{display:flex;flex-direction:column;gap:12px}.activity-item{background:#75a5b714;border:1px solid #75a5b726;border-radius:0;padding:12px}.heartbeat-action-btn{background:linear-gradient(135deg,#75a5b733,#75a5b74d);border:1px solid #75a5b766;border-radius:0;color:#2c3e50;cursor:pointer;font-size:16px;font-weight:500;padding:12px 24px;transition:all .3s ease}.heartbeat-action-btn:hover{background:linear-gradient(135deg,#75a5b74d,#75a5b766);transform:translateY(-2px)}.heartbeat-action-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.app-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#75a5b726,#75a5b740);border:1px solid #75a5b733;border-radius:0;box-shadow:0 8px 32px #75a5b71a;cursor:pointer;overflow:hidden;padding:18px;position:relative;transition:all .3s ease;width:100%}.app-card:hover{box-shadow:0 20px 40px #75a5b733;transform:translateY(-8px) scale(1.02);transition:all .4s cubic-bezier(.25,.46,.45,.94)}.app-icon{align-items:center;background:#75a5b74d;border:1px solid #75a5b766;border-radius:0;display:flex;height:60px;justify-content:center;margin-bottom:16px;width:60px}.app-emoji{font-size:24px}.app-title{color:#2c3e50;font-size:18px;font-weight:600;margin-bottom:8px;text-shadow:none}.app-description{color:#34495e;font-size:16px;line-height:1.4;text-shadow:none}@media (min-width:1024px){.lg\:hidden{display:none}.lg\:translate-x-0{transform:translateX(0)}.lg\:ml-72{margin-left:18rem}.lg\:p-8{padding:2rem}}@media (max-width:1023px){.lg\:ml-72{margin-left:0}}@media (max-width:768px){.apps-grid{gap:24px;grid-template-columns:1fr}.app-card{padding:16px}}@media (min-width:769px) and (max-width:1023px){.apps-grid{grid-template-columns:repeat(2,1fr)}}.App{text-align:left}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;color:#fff;padding:20px}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}