table.admin-conv-table{border-radius:16px!important;border-collapse:collapse}.doctor-select{min-width:200px}.doctor-select .react-select__control{border-color:#ced4da;min-height:31px}.doctor-select .react-select__control:hover{border-color:#86b7fe}.doctor-select .react-select__control--is-focused{border-color:#86b7fe;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}.doctor-select .react-select__menu{z-index:1000}.doctor-select .react-select__value-container{padding:0 8px}.doctor-select .react-select__input-container{margin:0;padding:0}.admin-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:0;overflow:visible}.admin-header h2{margin:0!important;color:var(--primary-color);font-size:1.25em!important;font-weight:800;letter-spacing:-.5px}.admin-header--island{position:fixed!important;top:0!important;left:50%;width:auto;max-width:90vw;padding:0;background:rgba(0,0,0,0);border:none;box-shadow:none;z-index:1040;margin-bottom:0;justify-content:center;transition:transform .35s cubic-bezier(.4,0,.2,1),opacity .25s cubic-bezier(.4,0,.2,1)}.admin-header--island.island-hidden{transform:translateX(-50%) translateY(8px) scale(.96);opacity:.65;pointer-events:all}.admin-header--island.island-hidden .admin-controls--island>*{opacity:1;transition:opacity .25s ease}.admin-header--island.island-visible{transform:translateX(-50%) translateY(8px) scale(1);opacity:1;pointer-events:all}.admin-header--island.island-visible .admin-controls--island>*{opacity:1;transition:opacity .25s ease}@media(max-width:768px){.admin-header--island.island-visible{transform:translateX(-50%) translateY(2px) scale(.7);transform-origin:top center}.admin-header--island.island-hidden{transform:translateX(-50%) translateY(2px) scale(.66);transform-origin:top center}.admin-controls--island{gap:2px}}body.vita-calendar-fullscreen .admin-header--island{display:none!important}.admin-content{background:rgba(0,0,0,0)!important;overflow:visible!important}#admin-dashboard-tabs{display:none}.main-app-container{max-width:1700px;height:-moz-fit-content;height:fit-content;min-height:100vh;padding:3.5rem var(--space-md,12px) var(--space-md,12px)!important;position:relative;background-color:#fff}@media(max-width:768px){.main-app-container{padding-top:2.5rem!important}}.btn-check:checked+.btn{background-color:var(--primary-color)!important}.btn-check{color:var(--primary-color)!important}.notification-settings-admin .settings-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));grid-gap:1.5rem;gap:1.5rem}.notification-settings-admin .setting-card{border:none;box-shadow:0 0 8px rgba(0,0,0,.2);border-radius:16px!important;transition:transform .2s ease,box-shadow .2s ease}.notification-settings-admin .setting-card:hover{box-shadow:0 4px 8px rgba(0,0,0,.3)}.notification-settings-admin .setting-card .card-header{background-color:#f8f9fa;border-bottom:1px solid rgba(0,0,0,.1);border-top-left-radius:16px!important;border-top-right-radius:16px!important}.notification-settings-admin .setting-card .message-template{background-color:rgba(0,0,0,.0392156863);font-family:monospace;padding:1rem;border-radius:16px;white-space:pre-wrap;line-height:1.6;font-size:.9rem;max-height:200px;overflow-y:auto}.notification-settings-admin .setting-card .message-template span{transition:all .2s ease}.notification-settings-admin .setting-card .position-relative .message-input{font-family:monospace!important;resize:vertical;background-color:rgba(0,0,0,.0392156863)!important;border:none!important;line-height:1.6;font-size:.9rem;padding:1rem;color:rgba(0,0,0,0)!important;caret-color:#000!important;overflow-y:auto}.notification-settings-admin .setting-card .position-relative .message-overlay{position:absolute;top:0;left:0;right:8px;padding:1rem;pointer-events:none;white-space:pre-wrap;font-family:monospace;font-size:.9rem;line-height:1.6;color:#000;background:rgba(0,0,0,0);overflow-y:hidden}.notification-settings-admin .setting-card .template-params .param-chip{font-weight:700;padding:4px 8px;font-size:.75rem!important;transition:all .2s ease}.notification-settings-admin .setting-card .template-params .param-chip:hover{transform:translateY(-1px);box-shadow:0 2px 4px rgba(0,0,0,.1)}.form-control,.form-select{border-radius:16px!important}.time-input-container{position:relative;gap:0}.time-input-container .time-number-input{border-top-right-radius:0!important;border-bottom-right-radius:0!important;border-right:none!important;width:5em;text-align:center;padding-right:1rem}.time-input-container .time-number-input::-webkit-inner-spin-button,.time-input-container .time-number-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.time-input-container .time-number-input[type=number]{-moz-appearance:textfield}.time-input-container .time-number-input:focus{position:relative;z-index:2}.time-input-container .time-unit-select{border-top-left-radius:0!important;border-bottom-left-radius:0!important;width:-moz-fit-content;width:fit-content;background-color:#f8f9fa}.time-input-container .time-unit-select:focus{position:relative;z-index:2}.time-input-container .form-control-plaintext{padding:0;font-weight:500}.marvel-device.iphone-x{margin:0 auto}.marvel-device.iphone-x.landscape{margin:2rem auto}.marvel-device.iphone-x .screen{background:#e5ddd5}.modal-xl .modal-content{border-radius:20px;border:none;box-shadow:0 10px 30px rgba(0,0,0,.1)}.modal-xl .modal-header{padding:1.5rem 1.5rem .5rem}.modal-xl .modal-header .modal-title{font-weight:600;color:#075e54}.modal-xl .modal-header .btn-close{background-color:#f5f5f5;border-radius:50%;padding:.75rem;margin:-.375rem -.375rem -.375rem auto}.modal-xl .modal-header .btn-close:hover{background-color:#eee}.modal-xl .modal-header .btn-group .btn{padding:.4rem .6rem}.modal-xl .modal-header .btn-group .btn svg{width:18px;height:18px}.modal-xl .modal-body{padding:1rem 1.5rem}@keyframes slideIn{0%{transform:translateX(-10px);opacity:0}to{transform:translateX(0);opacity:.5}}.admin-controls{display:flex;align-items:center;gap:var(--space-sm,6px);border-radius:18px;background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(248,249,250,.95) 50%,rgba(242,244,246,.92));border:1px solid rgba(0,0,0,.08);box-shadow:0 8px 24px rgba(0,0,0,.1),0 3px 10px rgba(0,0,0,.06),0 1px 3px rgba(0,0,0,.04),inset 0 1px 1px hsla(0,0%,100%,.9),inset 2px 2px 4px hsla(0,0%,100%,.7),inset -2px -2px 4px rgba(0,0,0,.08),inset 0 0 0 1px hsla(0,0%,100%,.15);z-index:1040}.admin-controls,.admin-controls--island{position:relative;padding:var(--space-xs,3px) var(--space-sm,6px)}.admin-controls--island{border-radius:20px;gap:0;min-width:280px;justify-content:space-between;box-shadow:0 8px 24px rgba(0,0,0,.12),0 4px 8px rgba(0,0,0,.08),inset 1px 1px 2px hsla(0,0%,100%,.7),inset -1px -1px 2px rgba(0,0,0,.08),inset 0 0 0 1px hsla(0,0%,100%,.15);-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(248,249,250,.95))}.admin-controls--island:hover{box-shadow:0 12px 32px rgba(0,0,0,.15),0 6px 12px rgba(0,0,0,.1),inset 1px 1px 2px hsla(0,0%,100%,.7),inset -1px -1px 2px rgba(0,0,0,.08),inset 0 0 0 1px hsla(0,0%,100%,.15),0 0 20px rgba(var(--primary-color-rgb),.1)}@media(max-width:768px){.admin-controls--island{padding:.2rem .55rem;border-radius:88px;gap:0;min-width:auto}}.admin-controls:before{inset:2px;border-radius:26px;background:linear-gradient(135deg,rgba(255,255,255,.35),rgba(255,255,255,.15) 30%,rgba(255,255,255,.05) 60%,rgba(255,255,255,0))}.admin-controls:after,.admin-controls:before{content:"";position:absolute;pointer-events:none}.admin-controls:after{inset:0;border-radius:28px;background:linear-gradient(110deg,transparent,transparent 40%,rgba(255,255,255,.3) 50%,transparent 60%,transparent);background-size:200% 100%;animation:controlsShimmer 8s ease-in-out infinite;opacity:0}.admin-controls:hover:after{opacity:1}.admin-controls>*{position:relative;z-index:1}.admin-controls .admin-home-button[disabled]{opacity:.4;cursor:not-allowed}.admin-controls .admin-home-button[disabled]:hover{transform:none!important}.admin-controls .admin-home-button:hover:not(:disabled){transform:translateY(-2px) scale(1.05);box-shadow:0 6px 20px rgba(0,0,0,.12),0 2px 8px rgba(0,0,0,.08)}.admin-controls .admin-home-button:active:not(:disabled){transform:translateY(0) scale(.98)}.admin-controls .admin-module-selector{font-weight:600;letter-spacing:.01em;position:relative;overflow:hidden}.admin-controls .admin-module-selector:not(:disabled){background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%);box-shadow:0 6px 24px var(--primary-color-25),0 2px 10px var(--primary-color-25),inset 0 1px 1px hsla(0,0%,100%,.3),inset 0 -1px 1px rgba(0,0,0,.1)}.admin-controls .admin-module-selector:not(:disabled):hover{transform:translateY(-2px) scale(1.03);box-shadow:0 10px 32px var(--primary-color-50),0 4px 16px var(--primary-color-25),inset 0 1px 1px hsla(0,0%,100%,.4)}.admin-controls .admin-module-selector:not(:disabled):active{transform:translateY(0) scale(.98);box-shadow:0 4px 16px var(--primary-color-25),inset 0 2px 4px rgba(0,0,0,.15)}.admin-controls .admin-module-selector.transitioning{filter:blur(1px);opacity:.7}@media(max-width:768px){.admin-controls{gap:.6rem;padding:.6rem .9rem;border-radius:62px}.admin-controls .admin-controls-divider{height:26px;margin:0 .2rem}}@media(min-width:769px)and (max-width:1024px){.admin-controls{gap:.8rem;padding:.7rem 1.1rem;border-radius:26px}}@keyframes controlsShimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.admin-module-selector-popover{min-width:320px;border-radius:24px;background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(248,249,250,.95));border:1px solid rgba(0,0,0,.08);box-shadow:0 12px 36px rgba(0,0,0,.15),0 4px 12px rgba(0,0,0,.1),inset 0 1px 1px hsla(0,0%,100%,.9),inset 0 0 0 1px hsla(0,0%,100%,.2);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:.5rem;animation:popoverEnter .25s cubic-bezier(.34,1.56,.64,1)}.admin-module-selector-popover.popover-exiting{animation:popoverExit .2s cubic-bezier(.4,0,.2,1) forwards}.admin-module-selector-popover .vita-action-popover-option{font-weight:500;border-radius:16px;transition:all .2s cubic-bezier(.4,0,.2,1)}.admin-module-selector-popover .vita-action-popover-option:hover{transform:translateX(3px) scale(1.02)}.admin-module-selector-popover .vita-action-popover-option[data-variant=primary]{font-weight:700;background:linear-gradient(90deg,var(--primary-color-10) 0,var(--primary-color-25) 100%);box-shadow:inset 0 1px 2px rgba(0,0,0,.05),0 2px 8px var(--primary-color-10)}.admin-module-selector-popover--island{min-width:320px;max-width:400px;animation:islandPopoverEnter .35s cubic-bezier(.34,1.56,.64,1) forwards}.admin-module-selector-popover--island[data-state=exiting]{animation:islandPopoverExit .3s cubic-bezier(.4,0,.2,1) forwards}.admin-module-selector-popover--island .vita-action-popover__item{padding:.875rem 1.125rem;font-size:.9375rem;font-weight:600;letter-spacing:-.02em}.admin-module-selector-popover--island .vita-action-popover__item:before{background:linear-gradient(145deg,rgba(255,255,255,.9),rgba(248,249,250,.9))}.admin-module-selector-popover--island .vita-action-popover__item:hover:not(.admin-module-selector-popover--island .vita-action-popover__item--disabled){transform:translateY(-2px)}.admin-module-selector-popover--island .vita-action-popover__item:hover:not(.admin-module-selector-popover--island .vita-action-popover__item--disabled):before{opacity:1;box-shadow:0 4px 12px rgba(0,0,0,.08)}.admin-module-selector-popover--island .vita-action-popover__item--primary{font-weight:700;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text}.admin-module-selector-popover--island .vita-action-popover__item-icon{width:20px;height:20px}.admin-module-selector-popover--island .vita-action-popover__item-label{font-weight:inherit}@keyframes popoverEnter{0%{opacity:0;transform:translateY(-8px) scale(.96);filter:blur(4px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}@keyframes popoverExit{0%{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}to{opacity:0;transform:translateY(-8px) scale(.96);filter:blur(4px)}}@keyframes islandPopoverEnter{0%{opacity:0;filter:blur(8px);transform:scale(.92) translateY(-12px)}to{opacity:1;filter:blur(0);transform:scale(1) translateY(0)}}@keyframes islandPopoverExit{0%{opacity:1;filter:blur(0);transform:scale(1) translateY(0)}to{opacity:0;filter:blur(8px);transform:scale(.92) translateY(-12px)}}@media(max-width:768px){.admin-header{flex-wrap:nowrap;gap:.5rem;padding-left:.75rem;padding-right:.75rem}.admin-panel-title{flex:1 1 auto;min-width:0;text-align:left;padding-left:2.25rem;padding-right:.4rem;line-height:1.05;white-space:normal;overflow:visible;text-overflow:clip;font-size:1.2em}.admin-controls{width:auto;flex-wrap:nowrap;justify-content:flex-start;align-items:center}.admin-header{align-items:center;margin-bottom:1rem!important}.admin-header h2{margin-bottom:0!important}}@media(max-width:576px){.admin-panel-title{font-size:1.05em;padding-left:2rem}.container.py-5{padding:2.5rem 1rem 1rem!important}.admin-content{padding:0!important}}.admin-view-container{position:relative;min-height:400px;height:auto;overflow:visible;padding-top:1.5rem}.admin-view-container.transitioning{overflow:hidden}.transition-skeleton-underlay{position:absolute;inset:0;z-index:0;pointer-events:none;opacity:0;animation:transitionUnderlayIn .2s ease .1s forwards}@keyframes transitionUnderlayIn{to{opacity:1}}.component-view,.grid-view{position:absolute;top:0;left:0;right:0;width:100%;min-height:400px;opacity:0;pointer-events:none;transform:translate3d(0,20px,0) scale(.96);filter:blur(8px);-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:all .35s cubic-bezier(.4,0,.2,1)}.component-view.active,.grid-view.active{position:absolute;opacity:1;pointer-events:all;transform:translateZ(0) scale(1);filter:blur(0);z-index:2}.component-view.active{overflow:visible;height:auto}.component-view.active:not(.transitioning),.grid-view.active:not(.transitioning){animation:premiumFadeIn .4s cubic-bezier(.34,1.56,.64,1)}.component-view.inactive,.grid-view.inactive{opacity:0;pointer-events:none;transform:translate3d(0,20px,0) scale(.96);filter:blur(8px);z-index:1}.component-view.inactive:not(.transitioning),.grid-view.inactive:not(.transitioning){height:0;min-height:0;overflow:hidden}.component-view.transitioning,.grid-view.transitioning{pointer-events:none;will-change:opacity,transform,filter}.admin-content{background:#fff;border-radius:16px;overflow-y:auto;overflow-x:hidden;max-height:100%}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:scale(.96) translateY(20px);filter:blur(8px)}to{opacity:1;transform:scale(1) translateY(0);filter:blur(0)}}@keyframes premiumFadeIn{0%{opacity:0;transform:scale(.94) translateY(30px);filter:blur(12px)}60%{opacity:.8;transform:scale(1.01) translateY(-2px);filter:blur(2px)}to{opacity:1;transform:scale(1) translateY(0);filter:blur(0)}}.component-content{opacity:0;transform:translateY(10px);transition:opacity .3s ease-in-out,transform .3s ease-in-out;min-height:200px;width:100%;display:block}.component-content.loaded{opacity:1;transform:translateY(0)}.admin-content>div{width:100%;overflow:visible}body{overflow-x:hidden;overflow-y:auto}.component-view.active .admin-content{position:relative;z-index:10;height:auto;min-height:300px}.animated-dropdown{transform-origin:top center;animation:dropdownAnimation .2s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 16px rgba(0,0,0,.1);border-radius:12px;overflow:hidden;border:none}.animated-dropdown .dropdown-item{transition:all .15s ease;padding:.6rem 1.2rem}.animated-dropdown .dropdown-item:hover{background-color:var(--primary-color-10);transform:translateX(5px)}@media(max-width:768px){.animated-dropdown .dropdown-item:hover{transform:none}}@keyframes dropdownAnimation{0%{opacity:0;transform:translateY(-10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes contentExitTransition{0%{transform:scale(1) translateY(0);opacity:1;filter:blur(0)}to{transform:scale(.94) translateY(20px);filter:blur(10px);opacity:0}}.component-view.exit-transition,.grid-view.exit-transition{animation:contentExitTransition .35s cubic-bezier(.4,0,.2,1) forwards}@keyframes buttonActiveTransition{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.view-toggle-btn.active-transition{animation:buttonActiveTransition .3s cubic-bezier(.4,0,.2,1) forwards}@keyframes gridBtnPulse{0%{box-shadow:0 2px 12px var(--primary-color-25)}50%{box-shadow:0 12px 36px var(--primary-color-50)}to{box-shadow:0 2px 12px var(--primary-color-25)}}.admin-panel-title{transition:all .35s cubic-bezier(.4,0,.2,1)}.admin-panel-title.blur-transition{filter:blur(6px);transform:scale(.97);opacity:.5;will-change:filter,transform,opacity}body.dashboard-edit-open{overflow-y:auto!important;padding-right:0!important}.admin-dashboard-canvas-wrapper{margin:1rem 0 2rem;padding:0 .5rem 2rem;background:#fff;min-height:calc(100vh - 8rem)}.admin-dashboard-canvas-actions{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:flex-end;align-items:center;margin-bottom:.75rem}.admin-dashboard-gear-btn{width:36px;height:36px;border-radius:50%;border:1px solid var(--border-color);background:#fff;color:var(--medium-gray);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .18s cubic-bezier(.2,.8,.2,1);box-shadow:0 1px 2px rgba(15,23,42,.04)}.admin-dashboard-gear-btn:hover{border-color:var(--primary-color);color:var(--primary-color);transform:rotate(30deg);box-shadow:0 4px 12px rgba(15,23,42,.08)}.admin-dashboard-gear-btn.is-active{background:var(--primary-color);border-color:var(--primary-color);color:#fff;transform:rotate(60deg)}.dashboard-settings-modal{pointer-events:none}.dashboard-settings-modal .modal-dialog{pointer-events:auto}.dashboard-settings-modal-dialog{position:fixed;top:5rem;right:1rem;margin:0;width:420px;max-width:calc(100vw - 2rem);transform:translate(var(--panel-dx,0),var(--panel-dy,0))!important}.dashboard-settings-drag-bar{cursor:-webkit-grab;cursor:grab;-webkit-user-select:none;-moz-user-select:none;user-select:none;flex:1 1;min-width:0}.dashboard-settings-drag-bar:active{cursor:-webkit-grabbing;cursor:grabbing}.dashboard-settings-drag-title{font-size:1.5rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dashboard-settings-drag-grip{color:var(--medium-gray,#94a3b8);font-size:1.15rem;line-height:1;letter-spacing:-2px}.dashboard-settings-modal-dialog .modal-content{border-radius:18px;box-shadow:0 24px 64px rgba(15,23,42,.18);max-height:calc(100vh - 7rem);overflow:hidden;display:flex;flex-direction:column}.dashboard-settings-modal-dialog .modal-body{overflow-y:auto}.dashboard-settings-tabs{display:flex;gap:.4rem;padding:.75rem 1rem 0;border-bottom:1px solid var(--border-color)}.dashboard-settings-tab{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem .85rem;background:rgba(0,0,0,0);font-size:.85rem;color:var(--medium-gray);cursor:pointer;border:none;border-bottom:2px solid rgba(0,0,0,0);margin-bottom:-1px;transition:color .15s,border-color .15s}.dashboard-settings-tab:hover{color:var(--text-color)}.dashboard-settings-tab.is-active{color:var(--primary-color);border-bottom-color:var(--primary-color);font-weight:600}.dashboard-settings-section{padding:.5rem 0}.dashboard-settings-row{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;padding:.75rem 0;border-bottom:1px solid var(--border-color)}.dashboard-settings-row:last-child{border-bottom:none}.dashboard-settings-label{font-weight:600;font-size:.9rem;color:var(--text-color)}.dashboard-settings-hint{font-size:.78rem;color:var(--medium-gray);margin-top:2px;max-width:220px}.dashboard-settings-control{display:flex;align-items:center;gap:.5rem}.dashboard-settings-control input[type=range]{width:140px;accent-color:var(--primary-color)}.dashboard-settings-value{min-width:42px;text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-size:.85rem}.dashboard-settings-info{display:flex;gap:.5rem;align-items:flex-start;padding:.75rem;margin-top:.75rem;background:rgba(var(--primary-color-rgb),.06);border-radius:10px;font-size:.8rem;color:var(--medium-gray);line-height:1.4}.dashboard-settings-subhead{font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--medium-gray);margin-bottom:.5rem}.dashboard-settings-list{list-style:none;padding:0;margin:0 0 .25rem}.dashboard-settings-list-item{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.55rem 0;border-bottom:1px solid var(--border-color)}.dashboard-settings-list-item:last-child{border-bottom:none}.dashboard-settings-list-text{min-width:0;flex:1 1}.dashboard-settings-list-name{font-size:.88rem;color:var(--text-color);text-transform:capitalize}.dashboard-settings-list-meta{font-size:.72rem;color:var(--medium-gray);margin-top:2px}.dashboard-settings-list-actions{display:inline-flex;gap:.35rem}.dashboard-settings-icon-btn{width:28px;height:28px;border-radius:50%;border:1px solid var(--border-color);background:#fff;color:var(--medium-gray);font-size:.95rem;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all .15s}.dashboard-settings-icon-btn:hover{border-color:var(--primary-color);color:var(--primary-color)}.dashboard-settings-icon-btn.dashboard-settings-icon-btn--danger:hover{border-color:#dc2626;color:#dc2626}.dashboard-settings-chips{display:flex;flex-wrap:wrap;gap:.4rem}.dashboard-settings-chip{background:#fff;border:1px solid var(--border-color);border-radius:999px;padding:.3rem .8rem;font-size:.8rem;color:var(--text-color);cursor:pointer;text-transform:capitalize;transition:all .15s}.dashboard-settings-chip:hover{border-color:var(--primary-color);background:rgba(var(--primary-color-rgb),.06);color:var(--primary-color)}.dashboard-settings-empty{font-size:.82rem;color:var(--medium-gray);padding:.5rem 0;font-style:italic}.dashboard-settings-list-item--stacked{flex-direction:column;align-items:stretch}.dashboard-settings-list-row{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.dashboard-settings-list-meta{white-space:normal}.dashboard-settings-size-group{display:inline-flex;background:rgba(var(--primary-color-rgb),.06);border-radius:10px;padding:3px;gap:2px;margin-top:.4rem;width:-moz-fit-content;width:fit-content}.dashboard-settings-size-btn{border:none;background:rgba(0,0,0,0);padding:.25rem .85rem;font-size:.78rem;font-weight:600;color:var(--medium-gray);border-radius:8px;cursor:pointer;transition:all .15s}.dashboard-settings-size-btn:hover{color:var(--text-color)}.dashboard-settings-size-btn.is-active{background:#fff;color:var(--primary-color);box-shadow:0 1px 3px rgba(15,23,42,.08)}.dashboard-settings-add-list{display:flex;flex-direction:column;gap:.35rem}.dashboard-settings-add-item{display:flex;align-items:center;justify-content:space-between;gap:.75rem;background:#fff;border:1px solid var(--border-color);border-radius:10px;padding:.65rem .85rem;text-align:left;cursor:pointer;transition:all .15s}.dashboard-settings-add-item:hover{border-color:var(--primary-color);background:rgba(var(--primary-color-rgb),.04)}.dashboard-settings-add-name{font-size:.88rem;font-weight:600;color:var(--text-color)}.dashboard-settings-add-desc{font-size:.75rem;color:var(--medium-gray);margin-top:2px;line-height:1.35}.dashboard-settings-add-plus{font-size:1.4rem;color:var(--primary-color);font-weight:300;flex-shrink:0}.widget-ring{position:relative;display:inline-flex}.widget-ring,.widget-ring-label{align-items:center;justify-content:center}.widget-ring-label{position:absolute;inset:0;display:flex;font-weight:700;font-size:.92rem;color:var(--text-color)}.widget-bar-track{width:100%;background:rgba(0,0,0,.06);border-radius:999px;overflow:hidden}.widget-bar-fill{border-radius:999px;transition:width .4s cubic-bezier(.2,.8,.2,1)}.widget-delta-pill{display:inline-flex;align-items:center;font-size:.7rem;font-weight:600;padding:1px 7px;border-radius:999px;line-height:1.4}.widget-delta-pill--positive{background:rgba(16,185,129,.12);color:#059669}.widget-delta-pill--negative{background:rgba(220,38,38,.12);color:#dc2626}.widget-delta-pill--neutral{background:rgba(0,0,0,.06);color:var(--medium-gray)}.widget-split{display:flex;gap:.85rem;align-items:center;height:100%}.widget-split-main{flex:1 1;min-width:0}.widget-split-aside{flex-shrink:0}.widget-stat-row{display:flex;justify-content:space-between;align-items:center;padding:.3rem 0;font-size:.78rem}.widget-stat-row:not(:last-child){border-bottom:1px solid rgba(0,0,0,.04)}.widget-stat-row-label{color:var(--medium-gray)}.widget-stat-row-value{font-weight:600;color:var(--text-color)}.dashboard-module-options{background:rgba(var(--primary-color-rgb),.04);border-radius:10px;padding:.65rem .75rem;margin-top:.45rem;display:flex;flex-direction:column;gap:.5rem}.dashboard-module-options-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.dashboard-module-options-label{font-size:.78rem;color:var(--medium-gray);font-weight:500}.dashboard-module-options-toggle{display:flex;align-items:center;gap:.45rem;font-size:.82rem;color:var(--text-color);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.dashboard-module-options-toggle input[type=checkbox]{accent-color:var(--primary-color)}.admin-dashboard-density{display:flex;align-items:center;gap:.5rem;margin-right:auto;background:rgba(var(--primary-color-rgb),.06);border:1px solid var(--border-color);border-radius:999px;padding:.3rem .75rem;font-size:.8rem;color:var(--medium-gray)}.admin-dashboard-density input[type=range]{width:140px;accent-color:var(--primary-color)}.admin-dashboard-density-value{min-width:42px;text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--text-color);font-weight:500}.admin-dashboard-widget-picker{background:rgba(var(--primary-color-rgb),.04);border:1px solid var(--border-color);border-radius:12px;padding:.75rem 1rem;margin-bottom:1rem}.admin-dashboard-widget-picker-label{font-size:.8rem;font-weight:600;color:var(--medium-gray);margin-bottom:.5rem}.admin-dashboard-widget-picker-chips{display:flex;gap:.4rem;flex-wrap:wrap}.admin-dashboard-widget-picker-chip{background:#fff;border:1px solid var(--border-color);border-radius:999px;padding:.25rem .75rem;font-size:.8rem;color:var(--text-color);cursor:pointer;transition:all .15s}.admin-dashboard-widget-picker-chip:hover{border-color:var(--primary-color);background:rgba(var(--primary-color-rgb),.06);color:var(--primary-color)}.admin-dashboard-canvas{min-height:200px}.admin-dashboard-canvas-empty{background:rgba(var(--primary-color-rgb),.04);border:2px dashed var(--border-color);border-radius:16px;padding:3rem 1.5rem;text-align:center;color:var(--medium-gray);font-size:.95rem;display:flex;flex-direction:column;align-items:center;gap:.5rem}.admin-dashboard-canvas-empty-sub{font-size:.8rem;color:var(--medium-gray);max-width:400px}.admin-dashboard-grid-item{position:relative}.admin-dashboard-grid-item.edit-mode{cursor:-webkit-grab;cursor:grab}.admin-dashboard-grid-item.edit-mode:hover .admin-widget-remove{opacity:1}.admin-dashboard-drag-handle{position:absolute;inset:0;z-index:4;cursor:-webkit-grab;cursor:grab;border-radius:16px;border:2px dashed rgba(var(--primary-color-rgb),.35);background:rgba(var(--primary-color-rgb),.04);display:flex;align-items:flex-start;justify-content:center;padding-top:8px;opacity:0;transition:opacity .15s ease}.admin-dashboard-drag-handle:active{cursor:-webkit-grabbing;cursor:grabbing}.admin-dashboard-grid-item.edit-mode:hover .admin-dashboard-drag-handle{opacity:1}.admin-dashboard-drag-grip{font-size:.72rem;font-weight:700;letter-spacing:.04em;color:var(--primary-color);background:#fff;border-radius:99px;padding:3px 12px;box-shadow:0 1px 5px rgba(15,23,42,.16);pointer-events:none}.admin-widget-config{position:absolute;top:6px;right:38px;z-index:10;width:26px;height:26px;border-radius:50%;border:none;background:var(--primary-color);color:#fff;font-size:.9rem;line-height:1;cursor:pointer;opacity:0;transition:opacity .15s,transform .15s;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px rgba(0,0,0,.2)}.admin-widget-config:hover{transform:scale(1.08)}.admin-dashboard-grid-item.edit-mode:hover .admin-widget-config{opacity:1}.admin-widget-remove{position:absolute;top:6px;right:6px;z-index:10;width:26px;height:26px;border-radius:50%;border:none;background:var(--danger-color,#dc2626);color:#fff;font-size:1.1rem;line-height:1;cursor:pointer;opacity:0;transition:opacity .15s;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px rgba(0,0,0,.2)}.admin-widget-remove:hover{transform:scale(1.08)}.admin-module-tile{width:100%;height:100%;border:none;background:#fff;border-radius:14px;padding:1.75rem;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;cursor:default;overflow:hidden;transition:all .4s cubic-bezier(.2,.8,.2,1)}.admin-module-tile.admin-module-tile-clickable{cursor:pointer}.admin-module-tile.admin-module-tile-clickable:hover{transform:translateY(-6px) scale(1.02);box-shadow:0 12px 24px rgba(0,0,0,.08)}.admin-module-tile.admin-module-tile-clickable:hover .admin-module-tile-icon{transform:scale(1.2) rotate(5deg)}.admin-module-tile.admin-module-tile-clickable:active{transform:translateY(-2px) scale(.98);transition:all .2s ease}.admin-module-tile:disabled{opacity:1}.admin-module-tile-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));transition:transform .4s cubic-bezier(.2,.8,.2,1)}.admin-module-tile-icon>img,.admin-module-tile-icon>svg{max-width:100%;max-height:100%;object-fit:contain}.admin-module-tile-label{font-size:1.2rem;font-weight:600;margin-bottom:.75rem;color:var(--text-color);line-height:1.3;width:100%}.admin-module-tile-description{font-size:.95rem;color:var(--medium-gray);line-height:1.5;width:100%}.admin-widget{background:#fff;border-radius:14px;padding:.85rem .95rem;height:100%;display:flex;flex-direction:column;gap:.5rem;overflow:hidden}.admin-widget-header{display:flex;align-items:center;gap:.5rem;min-width:0}.admin-widget-header-text{display:flex;flex-direction:column;min-width:0;flex:1 1}.admin-widget-title{font-weight:600;font-size:.85rem;color:var(--text-color);line-height:1.15}.admin-widget-subtitle,.admin-widget-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-widget-subtitle{font-size:.7rem;color:var(--medium-gray);margin-top:2px}.admin-widget--1x1 .admin-widget-title{font-size:.78rem}.admin-widget--1x1 .admin-widget-subtitle{display:none}.admin-widget--2x2 .admin-widget-title{font-size:.95rem}.admin-widget-body{flex:1 1;overflow:hidden}.admin-widget-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.4rem}.admin-widget-list li{display:flex;align-items:center;gap:.5rem;font-size:.82rem;padding:.3rem 0;border-bottom:1px solid rgba(0,0,0,.04)}.admin-widget-list li:last-child{border-bottom:none}.admin-widget-list-time{font-weight:600;color:var(--primary-color);min-width:45px}.admin-widget-list-name{flex:1 1;color:var(--text-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.admin-widget-list-meta{font-size:.75rem;color:var(--medium-gray)}.admin-widget-metric{display:flex;flex-direction:column;gap:.2rem}.admin-widget-metric-value{font-size:1.75rem;font-weight:700;color:var(--primary-color);letter-spacing:-.02em;line-height:1}.admin-widget-metric-label{font-size:.8rem;color:var(--medium-gray)}.admin-widget-metric-delta-positive{color:var(--success-color,#16a34a);font-weight:500}.admin-widget-actions{display:flex;flex-wrap:wrap;gap:.4rem}.admin-widget-action-chip{background:rgba(var(--primary-color-rgb),.1);color:var(--primary-color);border:none;border-radius:999px;padding:.35rem .85rem;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .15s}.admin-widget-action-chip:hover{background:var(--primary-color);color:#fff}.admin-widget-welcome{font-size:.9rem;color:var(--text-color);line-height:1.4}.admin-widget-bars{display:flex;align-items:flex-end;justify-content:space-between;gap:.3rem;height:70px;margin-top:.35rem}.admin-widget-bar{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;gap:.15rem}.admin-widget-bar-fill{width:100%;background:rgba(var(--primary-color-rgb),.85);border-radius:4px 4px 0 0;min-height:4px;transition:height .3s ease}.admin-widget-bar-label{font-size:.65rem;color:var(--medium-gray)}.admin-widget-sparkline{width:100%;height:40px;margin-top:.25rem}.admin-widget-alert-warn{border-left:3px solid var(--warning-color,#ca8a04)!important;padding-left:.4rem}.admin-widget-alert-danger{border-left:3px solid var(--danger-color,#dc2626)!important;padding-left:.4rem}.admin-widget-loading{min-height:60px;opacity:.7}.admin-widget-empty,.admin-widget-loading{display:flex;align-items:center;justify-content:center;flex:1 1}.admin-widget-empty{font-size:.82rem;color:var(--medium-gray);font-style:italic}.admin-widget-metric-delta-negative{color:var(--danger-color,#dc2626);font-weight:500}.admin-widget--1x1 .admin-widget-metric-value{font-size:1.6rem}.admin-widget--1x1 .admin-widget-list li{font-size:.78rem}.admin-widget--2x2 .admin-widget-metric-value{font-size:2.1rem}.admin-module-tile--1x1{padding:1rem .85rem}.admin-module-tile--1x1 .admin-module-tile-icon{margin-bottom:.7rem}.admin-module-tile--1x1 .admin-module-tile-label{margin-bottom:0;line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.admin-module-tile--1x1 .admin-module-tile-description{display:none}.admin-module-tile--2x1{padding:1.1rem;flex-direction:row;align-items:center;text-align:left;gap:1rem}.admin-module-tile--2x1 .admin-module-tile-icon{margin-bottom:0}.admin-module-tile--2x1 .admin-module-tile-label{margin-bottom:.15rem;width:auto}.admin-module-tile--2x1 .admin-module-tile-description{width:auto;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.admin-module-tile--2x2{padding:1.6rem}.admin-module-tile--2x2 .admin-module-tile-icon{margin-bottom:1.1rem}.admin-module-tile-label--sm .admin-module-tile-label{font-size:.78rem}.admin-module-tile-label--md .admin-module-tile-label{font-size:.95rem}.admin-module-tile-label--lg .admin-module-tile-label{font-size:1.1rem}.admin-module-tile--2x2.admin-module-tile-label--sm .admin-module-tile-label{font-size:.9rem}.admin-module-tile--2x2.admin-module-tile-label--md .admin-module-tile-label{font-size:1.15rem}.admin-module-tile--2x2.admin-module-tile-label--lg .admin-module-tile-label{font-size:1.35rem}.admin-module-tile-description{font-size:.82rem}.admin-module-tile--2x2 .admin-module-tile-description{font-size:.9rem}.admin-module-tile--no-label .admin-module-tile-icon{margin-bottom:0}.admin-widget-missing{border:2px dashed var(--warning-color,#ca8a04);background:rgba(202,138,4,.06);color:var(--warning-color,#ca8a04)}@media(max-width:640px){.admin-dashboard-canvas-actions{justify-content:stretch}.admin-dashboard-density{margin-right:0;flex:1 1;justify-content:space-between}.admin-dashboard-density input[type=range]{flex:1 1;width:auto}.admin-module-tile{padding:1rem}.admin-module-tile .admin-module-tile-icon{height:2.5rem;margin-bottom:.5rem}.admin-module-tile .admin-module-tile-label{font-size:.95rem}.admin-module-tile .admin-module-tile-description{display:none}}.react-grid-item.react-grid-placeholder{background:rgba(var(--primary-color-rgb),.18)!important;border-radius:14px;opacity:.6}.react-grid-item.react-draggable-dragging{z-index:20;cursor:-webkit-grabbing!important;cursor:grabbing!important;box-shadow:0 16px 40px rgba(15,23,42,.2)}.admin-dashboard-canvas-empty--templates{text-align:center}.dashboard-template-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));grid-gap:var(--space-md,12px);gap:var(--space-md,12px);width:100%;margin-top:var(--space-md,12px);text-align:left}.dashboard-template-card{display:flex;flex-direction:column;gap:var(--space-sm,6px);background:#fff;border:1px solid var(--border-color);border-radius:14px;padding:var(--space-md,12px);transition:border-color .15s,box-shadow .15s,transform .15s}.dashboard-template-card:hover{border-color:var(--primary-color);box-shadow:0 10px 28px rgba(15,23,42,.08);transform:translateY(-2px)}.dashboard-template-card-head{display:flex;align-items:center;gap:var(--space-sm,8px)}.dashboard-template-card-icon{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:10px;background:rgba(var(--primary-color-rgb),.08);flex-shrink:0}.dashboard-template-card-name{font-size:var(--font-md,14px);font-weight:700;color:var(--text-color)}.dashboard-template-card-tagline{font-size:var(--font-xs,11px);color:var(--primary-color);font-weight:600}.dashboard-template-card-desc{font-size:var(--font-sm,12.5px);color:var(--medium-gray);line-height:1.4;margin:0}.dashboard-template-card-meta{display:flex;flex-wrap:wrap;gap:var(--space-xs,4px)}.dashboard-template-card-badge{font-size:var(--font-xs,11px);font-weight:600;color:var(--text-color);background:rgba(0,0,0,.05);border-radius:999px;padding:2px 8px}.dashboard-template-card-chips{display:flex;flex-wrap:wrap;gap:var(--space-xs,4px)}.dashboard-template-card-chip{font-size:var(--font-xs,11px);color:var(--medium-gray);background:rgba(var(--primary-color-rgb),.06);border-radius:6px;padding:2px 6px}.dashboard-template-card-chip--more{color:var(--primary-color);font-weight:600}.dashboard-template-card-btn{border:none;border-radius:9px;padding:.5rem .75rem;font-size:var(--font-sm,12.5px);font-weight:600;cursor:pointer;transition:filter .15s,background .15s}.dashboard-template-card-btn--primary{background:var(--primary-color);color:#fff}.dashboard-template-card-btn--primary:hover{filter:brightness(1.05)}.dashboard-template-card-btn--ghost{background:rgba(0,0,0,.05);color:var(--text-color)}.dashboard-template-card-btn--ghost:hover{background:rgba(0,0,0,.09)}.dashboard-template-card-apply{margin-top:auto}.dashboard-template-card-confirm{margin-top:auto;display:flex;flex-direction:column;gap:var(--space-xs,4px)}.dashboard-template-card-confirm-text{font-size:var(--font-xs,11px);color:var(--danger-color,#dc2626);font-weight:600}.dashboard-template-card-confirm-actions{display:flex;gap:var(--space-xs,4px)}.dashboard-template-card-confirm-actions .dashboard-template-card-btn{flex:1 1}.dashboard-settings-view-actions{display:flex;flex-direction:column;gap:var(--space-sm,6px)}.dashboard-settings-primary-btn,.dashboard-settings-secondary-btn{border-radius:9px;padding:.5rem .75rem;font-size:var(--font-sm,12.5px);font-weight:600;cursor:pointer;border:1px solid rgba(0,0,0,0);transition:filter .15s,background .15s,border-color .15s}.dashboard-settings-primary-btn{background:var(--primary-color);color:#fff}.dashboard-settings-primary-btn:hover{filter:brightness(1.05)}.dashboard-settings-secondary-btn{background:#fff;border-color:var(--border-color);color:var(--text-color)}.dashboard-settings-secondary-btn:hover{border-color:var(--primary-color);color:var(--primary-color)}.dashboard-settings-confirm{display:flex;flex-direction:column;gap:var(--space-xs,4px);padding:var(--space-sm,8px);border:1px solid var(--border-color);border-radius:10px;background:rgba(var(--primary-color-rgb),.04)}.dashboard-settings-confirm-text{font-size:var(--font-xs,11px);color:var(--medium-gray)}.dashboard-settings-confirm-actions{display:flex;gap:var(--space-xs,4px)}.dashboard-settings-confirm-actions .dashboard-settings-primary-btn,.dashboard-settings-confirm-actions .dashboard-settings-secondary-btn{flex:1 1}.marvel-device{display:inline-block;position:relative;box-sizing:content-box!important;transition:all .5s cubic-bezier(.175,.885,.32,1.275)}.marvel-device .screen{width:100%;position:relative;height:100%;z-index:3;background:#fff;overflow:hidden;display:block;border-radius:1px;box-shadow:0 0 0 3px #111}.marvel-device .bottom-bar,.marvel-device .top-bar{height:3px;background:#000;width:100%;display:block}.marvel-device .middle-bar{width:3px;height:4px;top:0;left:90px;background:#000;position:absolute}.marvel-device.iphone8{width:375px;height:667px;padding:105px 24px;background:#d9dbdc;border-radius:56px;box-shadow:inset 0 0 3px 0 rgba(0,0,0,.2)}.marvel-device.iphone8:before{width:calc(100% - 12px);height:calc(100% - 12px);position:absolute;top:6px;content:"";left:6px;border-radius:50px;background:#f8f8f8;z-index:1}.marvel-device.iphone8:after{width:calc(100% - 16px);height:calc(100% - 16px);position:absolute;top:8px;content:"";left:8px;border-radius:48px;box-shadow:inset 0 0 3px 0 rgba(0,0,0,.1),inset 0 0 6px 3px #fff;z-index:2}.marvel-device.iphone8 .home{border-radius:100%;width:68px;height:68px;position:absolute;left:50%;margin-left:-34px;bottom:22px;z-index:3;background:#303233;background:linear-gradient(135deg,rgb(48,50,51),rgb(181,183,185) 50%,rgb(240,242,242) 69%,rgb(48,50,51))}.marvel-device.iphone8 .home:before{background:#f8f8f8;position:absolute;content:"";border-radius:100%;width:calc(100% - 8px);height:calc(100% - 8px);top:4px;left:4px}.marvel-device.iphone8 .top-bar{height:14px;background:#bfbfc0;position:absolute;top:68px;left:0}.marvel-device.iphone8 .bottom-bar{height:14px;background:#bfbfc0;position:absolute;bottom:68px;left:0}.marvel-device.iphone8 .sleep{position:absolute;top:190px;right:-4px;width:4px;height:66px;border-radius:0 2px 2px 0;background:#d9dbdc}.marvel-device.iphone8 .volume{position:absolute;left:-4px;top:188px;z-index:0;height:66px;width:4px;border-radius:2px 0 0 2px;background:#d9dbdc}.marvel-device.iphone8 .volume:before{left:2px;top:-78px;height:40px;width:2px}.marvel-device.iphone8 .volume:after,.marvel-device.iphone8 .volume:before{position:absolute;border-radius:2px 0 0 2px;background:inherit;content:"";display:block}.marvel-device.iphone8 .volume:after{left:0;top:82px;height:66px;width:4px}.marvel-device.iphone8 .camera{width:12px;height:12px;top:24px;left:50%;margin-left:-6px}.marvel-device.iphone8 .camera,.marvel-device.iphone8 .sensor{background:#3c3d3d;position:absolute;border-radius:100%;z-index:3}.marvel-device.iphone8 .sensor{width:16px;height:16px;top:49px;left:134px}.marvel-device.iphone8 .speaker{background:#292728;width:70px;height:6px;position:absolute;top:54px;left:50%;margin-left:-35px;border-radius:6px;z-index:3}.marvel-device.iphone8.gold{background:#f9e7d3}.marvel-device.iphone8.gold .bottom-bar,.marvel-device.iphone8.gold .top-bar{background:#fff}.marvel-device.iphone8.gold .sleep,.marvel-device.iphone8.gold .volume{background:#f9e7d3}.marvel-device.iphone8.gold .home{background:#cebba9;background:linear-gradient(135deg,rgb(206,187,169),rgb(249,231,211) 50%,rgb(206,187,169))}.marvel-device.iphone8.black{background:#464646;box-shadow:inset 0 0 3px 0 rgba(0,0,0,.7)}.marvel-device.iphone8.black:before{background:#080808}.marvel-device.iphone8.black:after{box-shadow:inset 0 0 3px 0 rgba(0,0,0,.1),inset 0 0 6px 3px #212121}.marvel-device.iphone8.black .bottom-bar,.marvel-device.iphone8.black .top-bar{background:#212121}.marvel-device.iphone8.black .sleep,.marvel-device.iphone8.black .volume{background:#464646}.marvel-device.iphone8.black .camera{background:#080808}.marvel-device.iphone8.black .home{background:#080808;background:linear-gradient(135deg,rgb(8,8,8),rgb(70,70,70) 50%,rgb(8,8,8))}.marvel-device.iphone8.black .home:before{background:#080808}.marvel-device.iphone8.landscape{padding:24px 105px;height:375px;width:667px}.marvel-device.iphone8.landscape .sleep{top:100%;border-radius:0 0 2px 2px;right:190px;height:4px;width:66px}.marvel-device.iphone8.landscape .volume{width:66px;height:4px;top:-4px;left:calc(100% - 188px - 66px);border-radius:2px 2px 0 0}.marvel-device.iphone8.landscape .volume:before{width:40px;height:2px;top:2px;right:-78px;left:auto;border-radius:2px 2px 0 0}.marvel-device.iphone8.landscape .volume:after{left:-82px;width:66px;height:4px;top:0;border-radius:2px 2px 0 0}.marvel-device.iphone8.landscape .top-bar{width:14px;height:100%;left:calc(100% - 68px - 14px);top:0}.marvel-device.iphone8.landscape .bottom-bar{width:14px;height:100%;left:68px;top:0}.marvel-device.iphone8.landscape .home{top:50%;margin-top:-34px;margin-left:0;left:22px}.marvel-device.iphone8.landscape .sensor{top:134px;left:calc(100% - 49px - 16px)}.marvel-device.iphone8.landscape .speaker{height:70px;width:6px;left:calc(100% - 54px - 6px);top:50%;margin-left:0;margin-top:-35px}.marvel-device.iphone8.landscape .camera{left:calc(100% - 32px);top:50%;margin-left:0;margin-top:-5px}.marvel-device.iphone8plus{width:414px;height:736px;padding:112px 26px;background:#d9dbdc;border-radius:56px;box-shadow:inset 0 0 3px 0 rgba(0,0,0,.2)}.marvel-device.iphone8plus:before{width:calc(100% - 12px);height:calc(100% - 12px);position:absolute;top:6px;content:"";left:6px;border-radius:50px;background:#f8f8f8;z-index:1}.marvel-device.iphone8plus:after{width:calc(100% - 16px);height:calc(100% - 16px);position:absolute;top:8px;content:"";left:8px;border-radius:48px;box-shadow:inset 0 0 3px 0 rgba(0,0,0,.1),inset 0 0 6px 3px #fff;z-index:2}.marvel-device.iphone8plus .home{border-radius:100%;width:68px;height:68px;position:absolute;left:50%;margin-left:-34px;bottom:24px;z-index:3;background:#303233;background:linear-gradient(135deg,rgb(48,50,51),rgb(181,183,185) 50%,rgb(240,242,242) 69%,rgb(48,50,51))}.marvel-device.iphone8plus .home:before{background:#f8f8f8;position:absolute;content:"";border-radius:100%;width:calc(100% - 8px);height:calc(100% - 8px);top:4px;left:4px}.marvel-device.iphone8plus .top-bar{height:14px;background:#bfbfc0;position:absolute;top:68px;left:0}.marvel-device.iphone8plus .bottom-bar{height:14px;background:#bfbfc0;position:absolute;bottom:68px;left:0}.marvel-device.iphone8plus .sleep{position:absolute;top:190px;right:-4px;width:4px;height:66px;border-radius:0 2px 2px 0;background:#d9dbdc}.marvel-device.iphone8plus .volume{position:absolute;left:-4px;top:188px;z-index:0;height:66px;width:4px;border-radius:2px 0 0 2px;background:#d9dbdc}.marvel-device.iphone8plus .volume:before{left:2px;top:-78px;height:40px;width:2px}.marvel-device.iphone8plus .volume:after,.marvel-device.iphone8plus .volume:before{position:absolute;border-radius:2px 0 0 2px;background:inherit;content:"";display:block}.marvel-device.iphone8plus .volume:after{left:0;top:82px;height:66px;width:4px}.marvel-device.iphone8plus .camera{background:#3c3d3d;width:12px;height:12px;position:absolute;top:29px;left:50%;margin-left:-6px;border-radius:100%;z-index:3}.marvel-device.iphone8plus .sensor{background:#3c3d3d;width:16px;height:16px;position:absolute;top:54px;left:154px;z-index:3;border-radius:100%}.marvel-device.iphone8plus .speaker{background:#292728;width:70px;height:6px;position:absolute;top:59px;left:50%;margin-left:-35px;border-radius:6px;z-index:3}.marvel-device.iphone8plus.gold{background:#f9e7d3}.marvel-device.iphone8plus.gold .bottom-bar,.marvel-device.iphone8plus.gold .top-bar{background:#fff}.marvel-device.iphone8plus.gold .sleep,.marvel-device.iphone8plus.gold .volume{background:#f9e7d3}.marvel-device.iphone8plus.gold .home{background:#cebba9;background:linear-gradient(135deg,rgb(206,187,169),rgb(249,231,211) 50%,rgb(206,187,169))}.marvel-device.iphone8plus.black{background:#464646;box-shadow:inset 0 0 3px 0 rgba(0,0,0,.7)}.marvel-device.iphone8plus.black:before{background:#080808}.marvel-device.iphone8plus.black:after{box-shadow:inset 0 0 3px 0 rgba(0,0,0,.1),inset 0 0 6px 3px #212121}.marvel-device.iphone8plus.black .bottom-bar,.marvel-device.iphone8plus.black .top-bar{background:#212121}.marvel-device.iphone8plus.black .sleep,.marvel-device.iphone8plus.black .volume{background:#464646}.marvel-device.iphone8plus.black .camera{background:#080808}.marvel-device.iphone8plus.black .home{background:#080808;background:linear-gradient(135deg,rgb(8,8,8),rgb(70,70,70) 50%,rgb(8,8,8))}.marvel-device.iphone8plus.black .home:before{background:#080808}.marvel-device.iphone8plus.landscape{padding:26px 112px;height:414px;width:736px}.marvel-device.iphone8plus.landscape .sleep{top:100%;border-radius:0 0 2px 2px;right:190px;height:4px;width:66px}.marvel-device.iphone8plus.landscape .volume{width:66px;height:4px;top:-4px;left:calc(100% - 188px - 66px);border-radius:2px 2px 0 0}.marvel-device.iphone8plus.landscape .volume:before{width:40px;height:2px;top:2px;right:-78px;left:auto;border-radius:2px 2px 0 0}.marvel-device.iphone8plus.landscape .volume:after{left:-82px;width:66px;height:4px;top:0;border-radius:2px 2px 0 0}.marvel-device.iphone8plus.landscape .top-bar{width:14px;height:100%;left:calc(100% - 68px - 14px);top:0}.marvel-device.iphone8plus.landscape .bottom-bar{width:14px;height:100%;left:68px;top:0}.marvel-device.iphone8plus.landscape .home{top:50%;margin-top:-34px;margin-left:0;left:24px}.marvel-device.iphone8plus.landscape .sensor{top:154px;left:calc(100% - 54px - 16px)}.marvel-device.iphone8plus.landscape .speaker{height:70px;width:6px;left:calc(100% - 59px - 6px);top:50%;margin-left:0;margin-top:-35px}.marvel-device.iphone8plus.landscape .camera{left:calc(100% - 29px);top:50%;margin-left:0;margin-top:-5px}.marvel-device.iphone5c,.marvel-device.iphone5s{padding:105px 22px;background:#2c2b2c;width:320px;height:568px;border-radius:50px}.marvel-device.iphone5c:before,.marvel-device.iphone5s:before{width:calc(100% - 8px);height:calc(100% - 8px);position:absolute;top:4px;content:"";left:4px;border-radius:46px;background:#1e1e1e;z-index:1}.marvel-device.iphone5c .sleep,.marvel-device.iphone5s .sleep{position:absolute;top:-4px;right:60px;width:60px;height:4px;border-radius:2px 2px 0 0;background:#282727}.marvel-device.iphone5c .volume,.marvel-device.iphone5s .volume{position:absolute;left:-4px;top:180px;z-index:0;height:27px;width:4px;border-radius:2px 0 0 2px;background:#282727}.marvel-device.iphone5c .volume:before,.marvel-device.iphone5s .volume:before{position:absolute;left:0;top:-75px;height:35px;width:4px;border-radius:2px 0 0 2px;background:inherit;content:"";display:block}.marvel-device.iphone5c .volume:after,.marvel-device.iphone5s .volume:after{position:absolute;left:0;bottom:-64px;height:27px;width:4px;border-radius:2px 0 0 2px;background:inherit;content:"";display:block}.marvel-device.iphone5c .camera,.marvel-device.iphone5s .camera{background:#3c3d3d;width:10px;height:10px;position:absolute;top:32px;left:50%;margin-left:-5px;border-radius:5px;z-index:3}.marvel-device.iphone5c .sensor,.marvel-device.iphone5s .sensor{background:#3c3d3d;width:10px;height:10px;position:absolute;top:60px;left:160px;z-index:3;margin-left:-32px;border-radius:5px}.marvel-device.iphone5c .speaker,.marvel-device.iphone5s .speaker{background:#292728;width:64px;height:10px;position:absolute;top:60px;left:50%;margin-left:-32px;border-radius:5px;z-index:3}.marvel-device.iphone5c.landscape,.marvel-device.iphone5s.landscape{padding:22px 105px;height:320px;width:568px}.marvel-device.iphone5c.landscape .sleep,.marvel-device.iphone5s.landscape .sleep{right:-4px;top:calc(100% - 120px);height:60px;width:4px;border-radius:0 2px 2px 0}.marvel-device.iphone5c.landscape .volume,.marvel-device.iphone5s.landscape .volume{width:27px;height:4px;top:-4px;left:calc(100% - 180px);border-radius:2px 2px 0 0}.marvel-device.iphone5c.landscape .volume:before,.marvel-device.iphone5s.landscape .volume:before{width:35px;height:4px;top:0;right:-75px;left:auto;border-radius:2px 2px 0 0}.marvel-device.iphone5c.landscape .volume:after,.marvel-device.iphone5s.landscape .volume:after{bottom:0;left:-64px;z-index:999;height:4px;width:27px;border-radius:2px 2px 0 0}.marvel-device.iphone5c.landscape .sensor,.marvel-device.iphone5s.landscape .sensor{top:160px;left:calc(100% - 60px);margin-left:0;margin-top:-32px}.marvel-device.iphone5c.landscape .speaker,.marvel-device.iphone5s.landscape .speaker{height:64px;width:10px;left:calc(100% - 60px);top:50%;margin-left:0;margin-top:-32px}.marvel-device.iphone5c.landscape .camera,.marvel-device.iphone5s.landscape .camera{left:calc(100% - 32px);top:50%;margin-left:0;margin-top:-5px}.marvel-device.iphone5s .home{border-radius:36px;width:68px;box-shadow:inset 0 0 0 4px #2c2b2c;height:68px;position:absolute;left:50%;margin-left:-34px;bottom:19px;z-index:3}.marvel-device.iphone5s .top-bar{top:70px;position:absolute;left:0}.marvel-device.iphone5s .bottom-bar{bottom:70px;position:absolute;left:0}.marvel-device.iphone5s.landscape .home{left:19px;bottom:50%;margin-bottom:-34px;margin-left:0}.marvel-device.iphone5s.landscape .top-bar{left:70px;top:0;width:3px;height:100%}.marvel-device.iphone5s.landscape .bottom-bar{right:70px;left:auto;bottom:0;width:3px;height:100%}.marvel-device.iphone5s.silver{background:#bcbcbc}.marvel-device.iphone5s.silver:before{background:#fcfcfc}.marvel-device.iphone5s.silver .sleep,.marvel-device.iphone5s.silver .volume{background:#d6d6d6}.marvel-device.iphone5s.silver .bottom-bar,.marvel-device.iphone5s.silver .top-bar{background:#eaebec}.marvel-device.iphone5s.silver .home{box-shadow:inset 0 0 0 4px #bcbcbc}.marvel-device.iphone5s.gold{background:#f9e7d3}.marvel-device.iphone5s.gold:before{background:#fcfcfc}.marvel-device.iphone5s.gold .sleep,.marvel-device.iphone5s.gold .volume{background:#f9e7d3}.marvel-device.iphone5s.gold .bottom-bar,.marvel-device.iphone5s.gold .top-bar{background:#fff}.marvel-device.iphone5s.gold .home{box-shadow:inset 0 0 0 4px #f9e7d3}.marvel-device.iphone5c{background:#fff;box-shadow:0 1px 2px 0 rgba(0,0,0,.2)}.marvel-device.iphone5c .bottom-bar,.marvel-device.iphone5c .top-bar{display:none}.marvel-device.iphone5c .home{background:#242324;border-radius:36px;width:68px;height:68px;z-index:3;position:absolute;left:50%;margin-left:-34px;bottom:19px}.marvel-device.iphone5c .home:after{width:20px;height:20px;border:1px solid rgba(255,255,255,.1);border-radius:4px;position:absolute;display:block;content:"";top:50%;left:50%;margin-top:-11px;margin-left:-11px}.marvel-device.iphone5c.landscape .home{left:19px;bottom:50%;margin-bottom:-34px;margin-left:0}.marvel-device.iphone5c .sleep,.marvel-device.iphone5c .volume{background:#ddd}.marvel-device.iphone5c.red{background:#f96b6c}.marvel-device.iphone5c.red .sleep,.marvel-device.iphone5c.red .volume{background:#ed5758}.marvel-device.iphone5c.yellow{background:#f2dc60}.marvel-device.iphone5c.yellow .sleep,.marvel-device.iphone5c.yellow .volume{background:#e5ce4c}.marvel-device.iphone5c.green{background:#97e563}.marvel-device.iphone5c.green .sleep,.marvel-device.iphone5c.green .volume{background:#85d94d}.marvel-device.iphone5c.blue{background:#33a2db}.marvel-device.iphone5c.blue .sleep,.marvel-device.iphone5c.blue .volume{background:#2694cd}.marvel-device.iphone4s{padding:129px 27px;width:320px;height:480px;background:#686868;border-radius:54px}.marvel-device.iphone4s:before{content:"";width:calc(100% - 8px);height:calc(100% - 8px);position:absolute;top:4px;left:4px;z-index:1;border-radius:50px;background:#1e1e1e}.marvel-device.iphone4s .top-bar{top:60px;position:absolute;left:0}.marvel-device.iphone4s .bottom-bar{bottom:90px;position:absolute;left:0}.marvel-device.iphone4s .camera{background:#3c3d3d;width:10px;height:10px;position:absolute;top:72px;left:134px;z-index:3;margin-left:-5px;border-radius:100%}.marvel-device.iphone4s .speaker{width:64px;top:72px;margin-left:-32px}.marvel-device.iphone4s .sensor,.marvel-device.iphone4s .speaker{background:#292728;height:10px;position:absolute;left:50%;z-index:3;border-radius:5px}.marvel-device.iphone4s .sensor{width:40px;top:36px;margin-left:-20px}.marvel-device.iphone4s .home{background:#242324;border-radius:100%;width:72px;height:72px;z-index:3;position:absolute;left:50%;margin-left:-36px;bottom:30px}.marvel-device.iphone4s .home:after{width:20px;height:20px;border:1px solid rgba(255,255,255,.1);border-radius:4px;position:absolute;display:block;content:"";top:50%;left:50%;margin-top:-11px;margin-left:-11px}.marvel-device.iphone4s .sleep{position:absolute;top:-4px;right:60px;width:60px;height:4px;border-radius:2px 2px 0 0;background:#4d4d4d}.marvel-device.iphone4s .volume{position:absolute;left:-4px;top:160px;height:27px;width:4px;border-radius:2px 0 0 2px;background:#4d4d4d}.marvel-device.iphone4s .volume:before{top:-70px;height:35px}.marvel-device.iphone4s .volume:after,.marvel-device.iphone4s .volume:before{position:absolute;left:0;width:4px;border-radius:2px 0 0 2px;background:inherit;content:"";display:block}.marvel-device.iphone4s .volume:after{bottom:-64px;height:27px}.marvel-device.iphone4s.landscape{padding:27px 129px;height:320px;width:480px}.marvel-device.iphone4s.landscape .bottom-bar{left:90px;bottom:0;height:100%;width:3px}.marvel-device.iphone4s.landscape .top-bar{left:calc(100% - 60px);top:0;height:100%;width:3px}.marvel-device.iphone4s.landscape .camera{top:134px;left:calc(100% - 72px);margin-left:0}.marvel-device.iphone4s.landscape .speaker{top:50%;margin-left:0;margin-top:-32px;left:calc(100% - 72px);width:10px;height:64px}.marvel-device.iphone4s.landscape .sensor{height:40px;width:10px;left:calc(100% - 36px);top:50%;margin-left:0;margin-top:-20px}.marvel-device.iphone4s.landscape .home{left:30px;bottom:50%;margin-left:0;margin-bottom:-36px}.marvel-device.iphone4s.landscape .sleep{height:60px;width:4px;right:-4px;top:calc(100% - 120px);border-radius:0 2px 2px 0}.marvel-device.iphone4s.landscape .volume{top:-4px;left:calc(100% - 187px);height:4px;width:27px;border-radius:2px 2px 0 0}.marvel-device.iphone4s.landscape .volume:before{right:-70px;left:auto;top:0;width:35px;height:4px;border-radius:2px 2px 0 0}.marvel-device.iphone4s.landscape .volume:after{width:27px;height:4px;bottom:0;left:-64px;border-radius:2px 2px 0 0}.marvel-device.iphone4s.silver{background:#bcbcbc}.marvel-device.iphone4s.silver:before{background:#fcfcfc}.marvel-device.iphone4s.silver .home{background:#fcfcfc;box-shadow:inset 0 0 0 1px #bcbcbc}.marvel-device.iphone4s.silver .home:after{border:1px solid rgba(0,0,0,.2)}.marvel-device.iphone4s.silver .sleep,.marvel-device.iphone4s.silver .volume{background:#d6d6d6}.marvel-device.nexus5{padding:50px 15px;width:320px;height:568px;background:#1e1e1e;border-radius:20px}.marvel-device.nexus5:before{border-radius:600px/50px;background:inherit;content:"";top:0;position:absolute;height:103.1%;width:calc(100% - 26px);top:50%;left:50%;transform:translateX(-50%) translateY(-50%)}.marvel-device.nexus5 .top-bar{width:calc(100% - 8px);height:calc(100% - 6px);position:absolute;top:3px;left:4px;border-radius:20px;background:#181818}.marvel-device.nexus5 .top-bar:before{border-radius:600px/50px;background:inherit;content:"";top:0;position:absolute;height:103%;width:calc(100% - 26px);top:50%;left:50%;transform:translateX(-50%) translateY(-50%)}.marvel-device.nexus5 .bottom-bar{display:none}.marvel-device.nexus5 .sleep{width:3px;position:absolute;left:-3px;top:110px;height:100px;background:inherit;border-radius:2px 0 0 2px}.marvel-device.nexus5 .volume{width:3px;position:absolute;right:-3px;top:70px;height:45px;background:inherit;border-radius:0 2px 2px 0}.marvel-device.nexus5 .camera{background:#3c3d3d;width:10px;height:10px;position:absolute;top:18px;left:50%;z-index:3;margin-left:-5px;border-radius:100%}.marvel-device.nexus5 .camera:before{background:#3c3d3d;width:6px;height:6px;content:"";display:block;position:absolute;top:2px;left:-100px;z-index:3;border-radius:100%}.marvel-device.nexus5.landscape{padding:15px 50px;height:320px;width:568px}.marvel-device.nexus5.landscape:before{width:103.1%;height:calc(100% - 26px);border-radius:50px/600px}.marvel-device.nexus5.landscape .top-bar{left:3px;top:4px;height:calc(100% - 8px);width:calc(100% - 6px)}.marvel-device.nexus5.landscape .top-bar:before{width:103%;height:calc(100% - 26px);border-radius:50px/600px}.marvel-device.nexus5.landscape .sleep{height:3px;width:100px;left:calc(100% - 210px);top:-3px;border-radius:2px 2px 0 0}.marvel-device.nexus5.landscape .volume{height:3px;width:45px;right:70px;top:100%;border-radius:0 0 2px 2px}.marvel-device.nexus5.landscape .camera{top:50%;left:calc(100% - 18px);margin-left:0;margin-top:-5px}.marvel-device.nexus5.landscape .camera:before{top:-100px;left:2px}.marvel-device.s5{padding:60px 18px;border-radius:42px;width:320px;height:568px;background:#bcbcbc}.marvel-device.s5:after,.marvel-device.s5:before{width:calc(100% - 52px);content:"";display:block;height:26px;background:inherit;position:absolute;border-radius:500px/40px;left:50%;transform:translateX(-50%)}.marvel-device.s5:before{top:-7px}.marvel-device.s5:after{bottom:-7px}.marvel-device.s5 .bottom-bar{display:none}.marvel-device.s5 .top-bar{border-radius:37px;width:calc(100% - 10px);height:calc(100% - 10px);top:5px;left:5px;background:radial-gradient(rgba(0,0,0,.02) 20%,transparent 60%) 0 0,radial-gradient(rgba(0,0,0,.02) 20%,transparent 60%) 3px 3px;background-color:#fff;background-size:4px 4px;background-position:50%;z-index:2;position:absolute}.marvel-device.s5 .top-bar:after,.marvel-device.s5 .top-bar:before{width:calc(100% - 48px);content:"";display:block;height:26px;background:inherit;position:absolute;border-radius:500px/40px;left:50%;transform:translateX(-50%)}.marvel-device.s5 .top-bar:before{top:-7px}.marvel-device.s5 .top-bar:after{bottom:-7px}.marvel-device.s5 .sleep{width:3px;position:absolute;left:-3px;top:100px;height:100px;background:#cecece;border-radius:2px 0 0 2px}.marvel-device.s5 .speaker{width:68px;left:50%;margin-left:-34px;background-color:#bcbcbc;background-position:0 0;border-radius:4px}.marvel-device.s5 .sensor,.marvel-device.s5 .speaker{height:8px;position:absolute;top:20px;display:block;z-index:3}.marvel-device.s5 .sensor{right:110px;background:#3c3d3d;border-radius:100%;width:8px}.marvel-device.s5 .sensor:after{content:"";top:0;right:12px;background:#3c3d3d;width:8px;height:8px}.marvel-device.s5 .camera,.marvel-device.s5 .sensor:after{display:block;position:absolute;border-radius:100%;z-index:3}.marvel-device.s5 .camera{top:24px;right:42px;background:#000;width:10px;height:10px}.marvel-device.s5 .camera:before{width:4px;height:4px;background:#3c3d3d;border-radius:100%;position:absolute;content:"";top:50%;left:50%;margin-top:-2px;margin-left:-2px}.marvel-device.s5 .home{position:absolute;z-index:3;bottom:17px;left:50%;width:70px;height:20px;background:#fff;border-radius:18px;display:block;margin-left:-35px;border:2px solid #000}.marvel-device.s5.landscape{padding:18px 60px;height:320px;width:568px}.marvel-device.s5.landscape:after,.marvel-device.s5.landscape:before{height:calc(100% - 52px);width:26px;border-radius:40px/500px;transform:translateY(-50%)}.marvel-device.s5.landscape:before{top:50%;left:-7px}.marvel-device.s5.landscape:after{top:50%;left:auto;right:-7px}.marvel-device.s5.landscape .top-bar:after,.marvel-device.s5.landscape .top-bar:before{width:26px;height:calc(100% - 48px);border-radius:40px/500px;transform:translateY(-50%)}.marvel-device.s5.landscape .top-bar:before{right:-7px;top:50%;left:auto}.marvel-device.s5.landscape .top-bar:after{left:-7px;top:50%;right:auto}.marvel-device.s5.landscape .sleep{height:3px;width:100px;left:calc(100% - 200px);top:-3px;border-radius:2px 2px 0 0}.marvel-device.s5.landscape .speaker{height:68px;width:8px;left:calc(100% - 20px);top:50%;margin-left:0;margin-top:-34px}.marvel-device.s5.landscape .sensor{right:20px;top:calc(100% - 110px)}.marvel-device.s5.landscape .sensor:after{left:-12px;right:0}.marvel-device.s5.landscape .camera{top:calc(100% - 42px);right:24px}.marvel-device.s5.landscape .home{width:20px;height:70px;bottom:50%;margin-bottom:-35px;margin-left:0;left:17px}.marvel-device.s5.black{background:#1e1e1e}.marvel-device.s5.black .speaker{background:#000}.marvel-device.s5.black .sleep{background:#1e1e1e}.marvel-device.s5.black .top-bar{background:radial-gradient(rgba(0,0,0,.05) 20%,transparent 60%) 0 0,radial-gradient(rgba(0,0,0,.05) 20%,transparent 60%) 3px 3px;background-color:#2c2b2c;background-size:4px 4px}.marvel-device.s5.black .home{background:#2c2b2c}.marvel-device.lumia920{padding:80px 35px 125px;background:#fd0;width:320px;height:533px;border-radius:40px/3px}.marvel-device.lumia920 .bottom-bar{display:none}.marvel-device.lumia920 .top-bar{width:calc(100% - 24px);height:calc(100% - 32px);position:absolute;top:16px;left:12px;border-radius:24px;background:#000;z-index:1}.marvel-device.lumia920 .top-bar:before{background:#1e1e1e;display:block;content:"";width:calc(100% - 4px);height:calc(100% - 4px);top:2px;left:2px;position:absolute;border-radius:22px}.marvel-device.lumia920 .volume{width:3px;position:absolute;top:130px;height:100px;background:#1e1e1e;right:-3px;border-radius:0 2px 2px 0}.marvel-device.lumia920 .volume:before{top:190px}.marvel-device.lumia920 .volume:after,.marvel-device.lumia920 .volume:before{width:3px;position:absolute;content:"";display:block;height:50px;background:inherit;right:0;border-radius:0 2px 2px 0}.marvel-device.lumia920 .volume:after{top:460px}.marvel-device.lumia920 .camera{background:#3c3d3d;width:10px;height:10px;position:absolute;top:34px;right:130px;z-index:5;border-radius:5px}.marvel-device.lumia920 .speaker{background:#292728;width:64px;height:10px;position:absolute;top:38px;left:50%;margin-left:-32px;border-radius:5px;z-index:3}.marvel-device.lumia920.landscape{padding:35px 80px 35px 125px;height:320px;width:568px;border-radius:2px/100px}.marvel-device.lumia920.landscape .top-bar{height:calc(100% - 24px);width:calc(100% - 32px);left:16px;top:12px}.marvel-device.lumia920.landscape .volume{height:3px;right:130px;width:100px;top:100%;border-radius:0 0 2px 2px}.marvel-device.lumia920.landscape .volume:before{height:3px;right:190px;top:0;width:50px;border-radius:0 0 2px 2px}.marvel-device.lumia920.landscape .volume:after{height:3px;right:430px;top:0;width:50px;border-radius:0 0 2px 2px}.marvel-device.lumia920.landscape .camera{right:30px;top:calc(100% - 140px)}.marvel-device.lumia920.landscape .speaker{width:10px;height:64px;top:50%;margin-left:0;margin-top:-32px;left:calc(100% - 48px)}.marvel-device.lumia920.black{background:#000}.marvel-device.lumia920.white{background:#fff;box-shadow:0 1px 2px 0 rgba(0,0,0,.2)}.marvel-device.lumia920.blue{background:#00acdd}.marvel-device.lumia920.red{background:#cc3e32}.marvel-device.htc-one{padding:72px 25px 100px;width:320px;height:568px;background:#bebebe;border-radius:34px}.marvel-device.htc-one:before{content:"";display:block;width:calc(100% - 4px);height:calc(100% - 4px);position:absolute;top:2px;left:2px;background:#adadad;border-radius:32px}.marvel-device.htc-one:after{content:"";display:block;width:calc(100% - 8px);height:calc(100% - 8px);position:absolute;top:4px;left:4px;background:#eee;border-radius:30px}.marvel-device.htc-one .top-bar{width:calc(100% - 4px);height:635px;position:absolute;background:#424242;top:50px;z-index:1;left:2px}.marvel-device.htc-one .top-bar:before{content:"";width:calc(100% - 4px);height:100%;position:absolute;background:#000;top:0;z-index:1;left:2px}.marvel-device.htc-one .bottom-bar{display:none}.marvel-device.htc-one .speaker{top:22px;background:radial-gradient(#343434 25%,transparent 50%) 0 0,radial-gradient(#343434 25%,transparent 50%) 4px 4px;background-size:4px 4px;background-position:0 0}.marvel-device.htc-one .speaker,.marvel-device.htc-one .speaker:after{height:16px;width:216px;display:block;position:absolute;z-index:2;left:50%;margin-left:-108px}.marvel-device.htc-one .speaker:after{content:"";top:676px;background:inherit}.marvel-device.htc-one .camera{display:block;position:absolute;top:18px;right:38px;background:#3c3d3d;border-radius:100%;width:24px;height:24px;z-index:3}.marvel-device.htc-one .camera:before{width:8px;height:8px;background:#000;border-radius:100%;position:absolute;content:"";top:50%;left:50%;margin-top:-4px;margin-left:-4px}.marvel-device.htc-one .sensor{top:29px;left:60px}.marvel-device.htc-one .sensor,.marvel-device.htc-one .sensor:after{display:block;position:absolute;background:#3c3d3d;border-radius:100%;width:8px;height:8px;z-index:3}.marvel-device.htc-one .sensor:after{content:"";top:0;right:12px}.marvel-device.htc-one.landscape{padding:25px 72px 25px 100px;height:320px;width:568px}.marvel-device.htc-one.landscape .top-bar{height:calc(100% - 4px);width:635px;left:calc(100% - 685px);top:2px}.marvel-device.htc-one.landscape .speaker{width:16px;height:216px;left:calc(100% - 38px);top:50%;margin-left:0;margin-top:-108px}.marvel-device.htc-one.landscape .speaker:after{width:16px;height:216px;left:calc(100% - 692px);top:50%;margin-left:0;margin-top:-108px}.marvel-device.htc-one.landscape .camera{right:18px;top:calc(100% - 38px)}.marvel-device.htc-one.landscape .sensor{left:calc(100% - 29px);top:60px}.marvel-device.htc-one.landscape .sensor :after{right:0;top:-12px}.marvel-device.ipad{width:576px;height:768px;padding:90px 25px;background:#242324;border-radius:44px}.marvel-device.ipad:before{width:calc(100% - 8px);height:calc(100% - 8px);position:absolute;content:"";display:block;top:4px;left:4px;border-radius:40px;background:#1e1e1e}.marvel-device.ipad .camera{background:#3c3d3d;width:10px;height:10px;position:absolute;top:44px;left:50%;margin-left:-5px;border-radius:100%}.marvel-device.ipad .bottom-bar,.marvel-device.ipad .top-bar{display:none}.marvel-device.ipad .home{background:#242324;border-radius:36px;width:50px;height:50px;position:absolute;left:50%;margin-left:-25px;bottom:22px}.marvel-device.ipad .home:after{width:15px;height:15px;margin-top:-8px;margin-left:-8px;border:1px solid rgba(255,255,255,.1);border-radius:4px;position:absolute;display:block;content:"";top:50%;left:50%}.marvel-device.ipad.landscape{height:576px;width:768px;padding:25px 90px}.marvel-device.ipad.landscape .camera{left:calc(100% - 44px);top:50%;margin-left:0;margin-top:-5px}.marvel-device.ipad.landscape .home{top:50%;left:22px;margin-left:0;margin-top:-25px}.marvel-device.ipad.silver{background:#bcbcbc}.marvel-device.ipad.silver:before{background:#fcfcfc}.marvel-device.ipad.silver .home{background:#fcfcfc;box-shadow:inset 0 0 0 1px #bcbcbc}.marvel-device.ipad.silver .home:after{border:1px solid rgba(0,0,0,.2)}.marvel-device.macbook{width:960px;height:600px;padding:44px 44px 76px;margin:0 auto;background:#bebebe;border-radius:34px}.marvel-device.macbook:before{width:calc(100% - 8px);height:calc(100% - 8px);position:absolute;content:"";display:block;top:4px;left:4px;border-radius:30px;background:#1e1e1e}.marvel-device.macbook .top-bar{width:calc(100% + 140px);height:40px;position:absolute;content:"";display:block;top:680px;left:-70px;border-bottom-left-radius:90px 18px;border-bottom-right-radius:90px 18px;background:#bebebe;box-shadow:inset 0 -4px 13px 3px rgba(34,34,34,.6)}.marvel-device.macbook .top-bar:before{width:100%;height:24px;content:"";display:block;top:0;left:0;background:#f0f0f0;border-bottom:2px solid #aaa;border-radius:5px;position:relative}.marvel-device.macbook .top-bar:after{width:16%;height:14px;content:"";display:block;top:0;background:#ddd;position:absolute;margin-left:auto;margin-right:auto;left:0;right:0;border-radius:0 0 20px 20px;box-shadow:inset 0 -3px 10px #999}.marvel-device.macbook .bottom-bar{background:rgba(0,0,0,0);width:calc(100% + 140px);height:26px;position:absolute;content:"";display:block;top:680px;left:-70px}.marvel-device.macbook .bottom-bar:after,.marvel-device.macbook .bottom-bar:before{height:calc(100% - 2px);width:80px;content:"";display:block;top:0;position:absolute}.marvel-device.macbook .bottom-bar:before{left:0;background:#f0f0f0;background:linear-gradient(90deg,#747474 0,#c3c3c3 5%,#ebebeb 14%,#979797 41%,#f0f0f0 80%,#f0f0f0 100%,#f0f0f0 0)}.marvel-device.macbook .bottom-bar:after{right:0;background:#f0f0f0;background:linear-gradient(90deg,#f0f0f0 0,#f0f0f0 0,#f0f0f0 20%,#979797 59%,#ebebeb 86%,#c3c3c3 95%,#747474)}.marvel-device.macbook .camera{background:#3c3d3d;width:10px;height:10px;position:absolute;top:20px;left:50%;margin-left:-5px;border-radius:100%}.marvel-device.macbook .home{display:none}.marvel-device.iphone-x{width:375px;height:812px;padding:26px;background:#fdfdfd;box-shadow:inset 0 0 11px 0 #000;border-radius:66px}.marvel-device.iphone-x .overflow{width:100%;height:100%;position:absolute;top:0;left:0;border-radius:66px;overflow:hidden}.marvel-device.iphone-x .shadow{border-radius:100%;width:90px;height:90px;position:absolute;background:radial-gradient(ellipse at center,rgba(0,0,0,.6) 0,rgba(255,255,255,0) 60%)}.marvel-device.iphone-x .shadow--tl{top:-20px;left:-20px}.marvel-device.iphone-x .shadow--tr{top:-20px;right:-20px}.marvel-device.iphone-x .shadow--bl{bottom:-20px;left:-20px}.marvel-device.iphone-x .shadow--br{bottom:-20px;right:-20px}.marvel-device.iphone-x:before{width:calc(100% - 10px);height:calc(100% - 10px);position:absolute;top:5px;content:"";left:5px;border-radius:61px;background:#000;z-index:1}.marvel-device.iphone-x .inner-shadow{width:calc(100% - 20px);height:calc(100% - 20px);position:absolute;top:10px;overflow:hidden;left:10px;border-radius:56px;box-shadow:inset 0 0 15px 0 rgba(255,255,255,.66);z-index:1}.marvel-device.iphone-x .inner-shadow:before{box-shadow:inset 0 0 20px 0 #fff;width:100%;height:116%;position:absolute;top:-8%;content:"";left:0;border-radius:200px/112px;z-index:2}.marvel-device.iphone-x .screen{border-radius:40px;box-shadow:none}.marvel-device.iphone-x .bottom-bar,.marvel-device.iphone-x .top-bar{width:100%;position:absolute;height:8px;background:rgba(0,0,0,.1);left:0}.marvel-device.iphone-x .top-bar{top:80px}.marvel-device.iphone-x .bottom-bar{bottom:80px}.marvel-device.iphone-x .sleep,.marvel-device.iphone-x .volume,.marvel-device.iphone-x .volume:after,.marvel-device.iphone-x .volume:before{width:3px;background:#b5b5b5;position:absolute}.marvel-device.iphone-x .volume{left:-3px;top:116px;height:32px}.marvel-device.iphone-x .volume:before{height:62px;top:62px;content:"";left:0}.marvel-device.iphone-x .volume:after{height:62px;top:140px;content:"";left:0}.marvel-device.iphone-x .sleep{height:96px;top:200px;right:-3px}.marvel-device.iphone-x .camera{width:6px;height:6px;top:9px;border-radius:100%;position:absolute;left:154px;background:#0d4d71}.marvel-device.iphone-x .speaker{height:6px;width:60px;left:50%;position:absolute;top:9px;margin-left:-30px;background:#171818;border-radius:6px}.marvel-device.iphone-x .notch{position:absolute;width:210px;height:30px;top:26px;left:108px;z-index:4;background:#000;border-bottom-left-radius:24px;border-bottom-right-radius:24px}.marvel-device.iphone-x .notch:after,.marvel-device.iphone-x .notch:before{content:"";height:8px;position:absolute;top:0;width:8px}.marvel-device.iphone-x .notch:after{background:radial-gradient(circle at bottom left,transparent 0,transparent 70%,black 0,black 100%);left:-8px}.marvel-device.iphone-x .notch:before{background:radial-gradient(circle at bottom right,transparent 0,transparent 70%,black 0,black 100%);right:-8px}.marvel-device.iphone-x.landscape{height:375px;width:812px}.marvel-device.iphone-x.landscape .bottom-bar,.marvel-device.iphone-x.landscape .top-bar{width:8px;height:100%;top:0}.marvel-device.iphone-x.landscape .top-bar{left:80px}.marvel-device.iphone-x.landscape .bottom-bar{right:80px;bottom:auto;left:auto}.marvel-device.iphone-x.landscape .sleep,.marvel-device.iphone-x.landscape .volume,.marvel-device.iphone-x.landscape .volume:after,.marvel-device.iphone-x.landscape .volume:before{height:3px}.marvel-device.iphone-x.landscape .inner-shadow:before{height:100%;width:116%;left:-8%;top:0;border-radius:112px/200px}.marvel-device.iphone-x.landscape .volume{bottom:-3px;top:auto;left:116px;width:32px}.marvel-device.iphone-x.landscape .volume:before{width:62px;left:62px;top:0}.marvel-device.iphone-x.landscape .volume:after{width:62px;left:140px;top:0}.marvel-device.iphone-x.landscape .sleep{width:96px;left:200px;top:-3px;right:auto}.marvel-device.iphone-x.landscape .camera{left:9px;bottom:154px;top:auto}.marvel-device.iphone-x.landscape .speaker{width:6px;height:60px;left:9px;top:50%;margin-top:-30px;margin-left:0}.marvel-device.iphone-x.landscape .notch{height:210px;width:30px;left:26px;bottom:108px;top:auto;border-top-right-radius:24px;border-bottom-right-radius:24px;border-bottom-left-radius:0}.marvel-device.iphone-x.landscape .notch:after,.marvel-device.iphone-x.landscape .notch:before{left:0}.marvel-device.iphone-x.landscape .notch:after{background:radial-gradient(circle at bottom right,transparent 0,transparent 70%,black 0,black 100%);bottom:-8px;top:auto}.marvel-device.iphone-x.landscape .notch:before{background:radial-gradient(circle at top right,transparent 0,transparent 70%,black 0,black 100%);top:-8px}.marvel-device.note8{width:400px;height:822px;background:#000;border-radius:34px;padding:45px 10px}.marvel-device.note8 .overflow{width:100%;height:100%;position:absolute;top:0;left:0;border-radius:34px;overflow:hidden}.marvel-device.note8 .speaker{height:8px;width:56px;left:50%;position:absolute;top:25px;margin-left:-28px;background:#171818;z-index:1;border-radius:8px}.marvel-device.note8 .camera{height:18px;width:18px;left:86px;top:18px}.marvel-device.note8 .camera,.marvel-device.note8 .camera:before{position:absolute;background:#212b36;z-index:1;border-radius:100%}.marvel-device.note8 .camera:before{content:"";height:8px;width:8px;left:-22px;top:5px}.marvel-device.note8 .sensors{left:120px;top:22px}.marvel-device.note8 .sensors,.marvel-device.note8 .sensors:before{height:10px;width:10px;position:absolute;background:#1d233b;z-index:1;border-radius:100%}.marvel-device.note8 .sensors:before{content:"";left:18px;top:0}.marvel-device.note8 .more-sensors{height:16px;width:16px;left:285px;position:absolute;top:18px;background:#33244a;box-shadow:0 0 0 2px rgba(255,255,255,.1);z-index:1;border-radius:100%}.marvel-device.note8 .more-sensors:before{content:"";height:11px;width:11px;left:40px;position:absolute;top:4px;background:#214a61;z-index:1;border-radius:100%}.marvel-device.note8 .sleep{width:2px;height:56px;background:#000;position:absolute;top:288px;right:-2px}.marvel-device.note8 .volume{width:2px;height:120px;background:#000;position:absolute;top:168px;left:-2px}.marvel-device.note8 .volume:before{content:"";top:168px;width:2px;position:absolute;left:0;background:#000;height:56px}.marvel-device.note8 .inner{width:100%;height:calc(100% - 8px);position:absolute;top:2px;content:"";left:0;border-radius:34px;border-top:2px solid #9fa0a2;border-bottom:2px solid #9fa0a2;background:#000;z-index:1;box-shadow:inset 0 0 6px 0 rgba(255,255,255,.5)}.marvel-device.note8 .shadow{box-shadow:inset 0 0 60px 0 #fff,inset 0 0 30px 0 rgba(255,255,255,.5),0 0 20px 0 #fff,0 0 20px 0 rgba(255,255,255,.5);height:101%;position:absolute;top:-.5%;content:"";width:calc(100% - 20px);left:10px;border-radius:38px;z-index:5;pointer-events:none}.marvel-device.note8 .screen{border-radius:14px;box-shadow:none}.marvel-device.note8.landscape{height:400px;width:822px;padding:10px 45px}.marvel-device.note8.landscape .speaker{height:56px;width:8px;top:50%;margin-top:-28px;margin-left:0;right:25px;left:auto}.marvel-device.note8.landscape .camera{top:86px;right:18px;left:auto}.marvel-device.note8.landscape .camera:before{top:-22px;left:5px}.marvel-device.note8.landscape .sensors{top:120px;right:22px;left:auto}.marvel-device.note8.landscape .sensors:before{top:18px;left:0}.marvel-device.note8.landscape .more-sensors{top:285px;right:18px;left:auto}.marvel-device.note8.landscape .more-sensors:before{top:40px;left:4px}.marvel-device.note8.landscape .sleep{bottom:-2px;top:auto;right:288px;width:56px;height:2px}.marvel-device.note8.landscape .volume{width:120px;height:2px;top:-2px;right:168px;left:auto}.marvel-device.note8.landscape .volume:before{right:168px;left:auto;top:0;width:56px;height:2px}.marvel-device.note8.landscape .inner{height:100%;width:calc(100% - 8px);left:2px;top:0;border-top:0;border-bottom:0;border-left:2px solid #9fa0a2;border-right:2px solid #9fa0a2}.marvel-device.note8.landscape .shadow{width:101%;height:calc(100% - 20px);left:-.5%;top:10px}.admin-component-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:1.5rem;gap:1.5rem;margin-top:2rem;padding:.5rem}.admin-component-card{cursor:-webkit-grab;cursor:grab;transition:all .4s cubic-bezier(.2,.8,.2,1)!important;border:none;background:#fff;position:relative;overflow:hidden;text-align:center}.admin-component-card:hover{transform:translateY(-6px) scale(1.02);box-shadow:0 12px 24px rgba(0,0,0,.08)}.admin-component-card:hover:before{opacity:1}.admin-component-card:active{transform:translateY(-2px) scale(.98);transition:all .2s ease}.admin-component-card.dragging{cursor:-webkit-grabbing;cursor:grabbing;transform:rotate(5deg) scale(1.05);box-shadow:0 20px 40px rgba(0,0,0,.2);z-index:1000}.admin-component-card.dragging:before{opacity:1;background:linear-gradient(135deg,rgba(var(--primary-rgb),.08) 0,rgba(var(--primary-rgb),.04) 100%)}.admin-component-card .card-body{padding:1.75rem;position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center}.admin-component-icon{font-size:3rem;margin-bottom:1.25rem;display:flex;align-items:center;justify-content:center;height:4rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));transition:transform .4s cubic-bezier(.2,.8,.2,1);width:100%}.admin-component-card:hover .admin-component-icon{transform:scale(1.2) rotate(5deg)!important}.admin-component-card .card-title{font-size:1.2rem;font-weight:600;margin-bottom:.75rem;color:var(--text-color);line-height:1.3;width:100%;text-align:center}.admin-component-card .card-text{font-size:.95rem;color:var(--medium-gray);line-height:1.5;margin-bottom:0;width:100%;text-align:center}@media(max-width:768px){.admin-component-grid{grid-template-columns:1fr;gap:1rem;margin-top:1rem;padding:.25rem}.admin-component-card .card-body{padding:1.5rem}.admin-component-card:hover,.admin-component-card:hover .admin-component-icon{transform:none!important}.admin-component-icon{font-size:2.5rem;height:3.5rem;margin-bottom:1rem}}