@import "https://fonts.googleapis.com/css2?family=Abel&family=Amiri:wght@400;700&family=Cairo:wght@400;700&family=Dosis:wght@400;700&family=Merriweather+Sans:wght@400;700;800&family=Poppins:wght@400;700;800&family=Rubik:wght@400;700;800&family=Zain:wght@400;700;800&display=swap";:root{--navy:#112241;--navy-line:#ffffffa3;--blue:#3475f6;--blue-soft:#3f79f8;--page:#f6f6f6;--text:#20242a;--muted:#353940;--shadow:0 7px 20px #0000001c}*{box-sizing:border-box}html{background:var(--page)}body{letter-spacing:0;min-width:320px;min-height:100vh;margin:0;font-family:Arial,Helvetica,sans-serif}button{font:inherit;border:0}button,select,input[type=checkbox]{cursor:pointer}button:hover{filter:brightness(.96)}h2{color:#171717;letter-spacing:0;margin:0;font-size:22px;font-weight:400;line-height:1.2}#root{min-height:100vh}.app-shell{background:var(--page);min-height:100vh;color:var(--text);overflow-x:hidden}.topbar{z-index:10;background:var(--navy);color:#fff;align-items:stretch;height:82px;display:flex;position:fixed;inset:0 0 auto;box-shadow:0 1px #0006}.brand{letter-spacing:0;white-space:nowrap;align-items:center;width:266px;padding-left:42px;font-size:22px;font-weight:700;display:flex}.topbar-spacer{flex:1}@media (width<=900px){.topbar{height:72px}.brand{width:210px;padding-left:22px}}.sidebar{z-index:20;background:var(--navy);color:#d9e0ef;width:266px;position:fixed;top:82px;bottom:0;left:0;box-shadow:inset 0 1px #ffffffb3}.collapse-button{color:#fff;background:0 0;justify-content:flex-end;align-items:center;width:100%;height:64px;padding-right:26px;display:flex}.nav-list{flex-direction:column;gap:15px;padding:0 14px;display:flex}.nav-item{color:#d8dfeb;cursor:pointer;text-align:left;background:0 0;border-radius:0;align-items:center;gap:12px;width:100%;height:54px;padding:0 24px;font-size:16px;transition:background-color .12s,color .12s;display:flex}.nav-item:hover{color:#fff;background:#3475f638}.nav-item.is-active{background:var(--blue);color:#fff}.nav-item.is-active:hover{background:var(--blue)}@media (width<=900px){.sidebar{width:210px;top:72px}}.account-area{border-left:1px solid var(--navy-line);min-width:222px;position:relative}.account-trigger{color:#ffffffdb;align-items:center;gap:10px;height:82px;padding:0 62px 0 31px;font-size:18px;display:flex}.avatar-wrap{color:#fff;background:#3776f7;border-radius:50%;place-items:center;width:43px;height:43px;display:grid;position:relative}.status-dot{background:#6ca2ff;border:2px solid #3776f7;border-radius:50%;width:18px;height:18px;position:absolute;bottom:1px;right:-1px}.status-dot:after{content:"";border-bottom:2px solid #fff;border-right:2px solid #fff;width:6px;height:9px;position:absolute;top:3px;left:4px;transform:rotate(40deg)}.account-menu{color:#333;opacity:0;visibility:hidden;background:#fff;border-radius:0 0 1px 1px;width:196px;padding:7px 0 8px;transition:opacity .14s,transform .14s,visibility .14s;position:absolute;top:82px;right:39px;transform:translateY(-6px);box-shadow:0 10px 31px #0000002b}.account-area:hover .account-menu,.account-area:focus-within .account-menu{opacity:1;visibility:visible;transform:translateY(0)}.menu-caret{border-bottom:8px solid #fff;border-left:8px solid #0000;border-right:8px solid #0000;width:0;height:0;position:absolute;top:-8px;left:92px}.menu-item{color:#333;text-align:left;white-space:nowrap;background:0 0;align-items:center;gap:12px;width:100%;height:47px;padding:0 14px;font-size:16px;display:flex}.menu-item.sign-out{color:#f1453d}@media (width<=900px){.account-area{min-width:190px}.account-trigger{height:72px;padding:0 20px}.account-menu{top:72px;right:12px}}.customer-selector{border-left:1px solid var(--navy-line);align-items:center;padding:0 18px;display:flex;position:relative}.customer-selector-trigger{color:#fff;cursor:pointer;background:#ffffff12;border:1px solid #ffffff38;border-radius:10px;align-items:center;gap:11px;min-width:210px;height:50px;padding:0 14px;transition:background-color .12s,border-color .12s;display:flex}.customer-selector-trigger:hover:not(:disabled){background:#ffffff24;border-color:#fff6}.customer-selector-trigger:disabled{opacity:.6;cursor:default}.customer-selector-label{flex-direction:column;flex:1;align-items:flex-start;line-height:1.1;display:flex;overflow:hidden}.customer-selector-label small{letter-spacing:.04em;text-transform:uppercase;color:#ffffff9e;font-size:11px}.customer-selector-label strong{text-overflow:ellipsis;white-space:nowrap;max-width:168px;font-size:15px;font-weight:600;overflow:hidden}.customer-selector-caret{transition:transform .14s}.customer-selector-caret.is-open{transform:rotate(180deg)}.customer-selector-menu{z-index:40;background:#fff;border-radius:12px;width:286px;max-height:60vh;margin:0;padding:6px;list-style:none;position:absolute;top:66px;left:18px;overflow-y:auto;box-shadow:0 18px 44px #0000003d}.customer-selector-divider{background:#ececf1;height:1px;margin:6px 8px}.customer-selector-option{color:#2a2f37;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;width:100%;padding:10px 12px;font-size:15px;display:flex}.customer-selector-option:hover{background:#f1f5ff}.customer-selector-option.is-active{color:var(--blue);background:#eaf1ff;font-weight:600}.customer-selector-option>span:first-of-type,.customer-selector-option-text{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.customer-selector-option-text{align-items:center;gap:8px;display:flex}.customer-status-pill{color:#8a8f99;letter-spacing:.03em;text-transform:uppercase;background:#f0f0f3;border-radius:999px;padding:1px 7px;font-size:10px;font-weight:700}.account-menu-head{border-bottom:1px solid #eee;flex-direction:column;gap:2px;margin-bottom:6px;padding:6px 14px 10px;display:flex}.account-menu-head strong{color:#222;font-size:15px}.account-menu-head span{color:#8a8f99;text-transform:uppercase;letter-spacing:.04em;font-size:12px}@media (width<=900px){.customer-selector{padding:0 10px}.customer-selector-trigger{min-width:150px;height:44px}.customer-selector-label strong{max-width:110px}}.fullscreen-loader{background:var(--page);min-height:100vh;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:16px;font-size:16px;display:flex}.spin{animation:.9s linear infinite orient-spin}@keyframes orient-spin{to{transform:rotate(360deg)}}.login-screen{background:radial-gradient(circle at 30% 20%, #1b3768 0%, var(--navy) 55%, #0c1830 100%);place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{background:#fff;border-radius:16px;flex-direction:column;gap:16px;width:100%;max-width:408px;padding:38px 36px 34px;display:flex;box-shadow:0 24px 60px #00000052}.login-brand{color:var(--blue);font-size:20px;font-weight:700}.login-title{color:var(--text);margin:4px 0 0;font-size:26px;font-weight:700}.login-subtitle{color:#6a7180;margin:0 0 8px;font-size:15px}.login-field{color:#41474f;flex-direction:column;gap:7px;font-size:14px;font-weight:600;display:flex}.login-input{color:#8b919b;background:#fafbfc;border:1px solid #d7dbe2;border-radius:10px;align-items:center;gap:10px;height:48px;padding:0 14px;transition:border-color .12s,box-shadow .12s;display:flex}.login-input:focus-within{border-color:var(--blue);background:#fff;box-shadow:0 0 0 3px #3475f629}.login-input input{color:var(--text);background:0 0;border:none;outline:none;flex:1;font-size:15px}.login-error{color:#c0392b;background:#fdecea;border-radius:8px;margin:0;padding:10px 12px;font-size:14px}.login-notice{color:#3730a3;background:#eef2ff;border-radius:8px;margin:0;padding:10px 12px;font-size:14px}.login-submit{background:var(--blue);color:#fff;cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;height:48px;margin-top:6px;font-size:16px;font-weight:600;transition:background-color .12s,opacity .12s;display:inline-flex}.login-submit:hover:not(:disabled){background:#2c66de}.login-submit:disabled{opacity:.62;cursor:not-allowed}.connection-banner{z-index:1000;color:#fff;background:#b91c1c;justify-content:center;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:600;display:flex;position:fixed;top:0;left:0;right:0;box-shadow:0 2px 8px #0000002e}.connection-banner svg{flex-shrink:0}.filter-dropdown{position:relative}.filter-dropdown-field{color:#b5b8bd;background:#fff;border:1px solid #dfe2e7;border-radius:4px;justify-content:space-between;align-items:center;height:35px;padding:0 10px 0 12px;font-size:16px;display:flex}.filter-dropdown.is-open{z-index:6}.filter-dropdown.is-open .filter-dropdown-field{border-color:#4087ff;box-shadow:0 0 0 3px #4087ff33}.filter-dropdown-field input{color:#202329;width:100%;min-width:0;font:inherit;background:0 0;border:0;outline:0}.filter-dropdown-field input::placeholder{color:#bfc2c7}.filter-dropdown-icon{color:#bfc2c7;flex:none}.filter-dropdown-menu{background:#fff;border-radius:0 0 6px 6px;width:290px;padding:0;position:absolute;top:42px;left:0;overflow:hidden;box-shadow:0 12px 28px #00000029}.filter-dropdown-menu button{color:#202329;text-align:left;background:#fff;width:100%;height:70px;padding:0 26px;font-size:29px;display:block}.filter-dropdown-menu button:hover,.filter-dropdown-menu button:first-child{filter:none;background:#f3f3f3}.table-checkbox{appearance:none;vertical-align:middle;background:#fff;border:1px solid #d9dde2;border-radius:2px;width:17px;height:17px;position:relative}.table-checkbox:hover{border-color:var(--blue-soft)}.table-checkbox:checked{background:#4a8cf7;border-color:#4a8cf7}.table-checkbox:checked:after{content:"";border-bottom:3px solid #fff;border-right:3px solid #fff;width:6px;height:10px;position:absolute;top:1px;left:4px;transform:rotate(43deg)}.table-sort-marker{float:right;flex-direction:column;gap:2px;width:8px;margin-top:3px;display:inline-flex}.table-sort-marker span:first-child{border-bottom:5px solid #c7cbd0;border-left:4px solid #0000;border-right:4px solid #0000;width:0;height:0}.table-sort-marker span:last-child{border-top:5px solid #c7cbd0;border-left:4px solid #0000;border-right:4px solid #0000;width:0;height:0}.side-drawer-overlay{z-index:50;background:#0000006b;justify-content:flex-end;display:flex;position:fixed;inset:0}.side-drawer{color:#202329;background:#fff;width:684px;min-height:100vh;box-shadow:-12px 0 28px #00000014}.side-drawer-header{border-bottom:1px solid #edf0f4;justify-content:space-between;align-items:center;height:75px;padding:0 25px;display:flex}.side-drawer-title{align-items:center;gap:14px;display:flex}.side-drawer-title strong{font-size:18px}.side-drawer-close{color:#111;background:0 0;place-items:center;width:22px;height:22px;padding:0;display:grid}.side-drawer-submit{background:var(--blue);color:#fff;border-radius:4px;width:83px;height:35px;font-size:16px}.side-drawer-submit:hover{filter:none;background:#2467e8}@media (width<=900px){.side-drawer{width:min(684px,100vw)}}.app-dialog-overlay{z-index:1000;background:#11224173;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.app-dialog{width:100%;max-width:420px;color:var(--text);background:#fff;border-radius:12px;padding:22px 22px 18px;box-shadow:0 18px 48px #0000003d}.app-dialog-title{margin:0 0 8px;font-size:17px;font-weight:700}.app-dialog-message{color:#4a4f57;word-break:break-word;font-size:14px;line-height:1.5}.app-dialog-input{width:100%;height:38px;color:var(--text);border:1px solid #dfe2e7;border-radius:6px;outline:none;margin-top:14px;padding:0 12px;font-size:14px}.app-dialog-input:focus{border-color:var(--blue)}.app-dialog-actions{justify-content:flex-end;gap:10px;margin-top:20px;display:flex}.app-dialog-button{cursor:pointer;border-radius:6px;min-width:88px;height:38px;padding:0 16px;font-size:14px;font-weight:600}.app-dialog-button.is-cancel{color:#3a3f47;background:#f0f2f5}.app-dialog-button.is-cancel:hover{background:#e6e9ee}.app-dialog-button.is-confirm{background:var(--blue);color:#fff}.app-dialog-button.is-confirm:hover{background:#2467e8}.app-dialog-button.is-confirm.is-danger{background:#d9433f}.app-dialog-button.is-confirm.is-danger:hover{background:#c23733}.dashboard{grid-template-columns:768px minmax(720px,1fr);gap:23px;min-height:100vh;margin-left:266px;padding:124px 41px 48px;display:grid}.panel{box-shadow:var(--shadow);background:#fff;border-radius:10px}@media (width<=1280px){.dashboard{grid-template-columns:1fr}}@media (width<=900px){.dashboard{margin-left:210px;padding:104px 22px 32px}}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:247px;gap:52px 23px;display:grid}.metric-card{padding:19px 17px 20px 18px}.card-header{justify-content:space-between;align-items:flex-start;gap:12px;min-height:33px;display:flex}.primary-button,.icon-action{background:var(--blue);color:#fff;border-radius:4px;height:35px;font-size:16px;line-height:35px;box-shadow:0 1px 3px #0000002e}.primary-button{min-width:61px;padding:0 16px}.primary-button:hover,.icon-action:hover{filter:none;background:#2467e8}.metric-content{margin-top:2px}.metric-line+.metric-line{margin-top:3px}.metric-value{color:var(--blue-soft);font-size:26px;font-weight:400;line-height:1.18}.metric-label{color:#2e333a;margin-top:4px;font-size:16px;line-height:1.28}.empty-state{color:#c6c6c6;flex-direction:column;justify-content:center;align-items:center;gap:7px;height:169px;font-size:15px;display:flex}.empty-state svg{color:#dedede;filter:drop-shadow(0 8px #f4f4f4)}@media (width<=900px){.metric-grid{grid-template-columns:1fr}}.split-actions{display:flex;position:relative}.split-actions .primary-button{border-radius:4px 0 0 4px}.icon-action{letter-spacing:1px;border-left:1px solid #fff3;border-radius:0 4px 4px 0;width:34px;padding:0;font-size:19px}.schedule-options-trigger{position:relative}.schedule-menu{z-index:4;opacity:0;visibility:hidden;background:#fff;border-radius:7px;width:305px;padding:15px 0;transition:opacity .14s,transform .14s,visibility .14s;position:absolute;top:44px;right:-20px;transform:translateY(-6px);box-shadow:0 13px 31px #00000029}.schedule-options-trigger:hover .schedule-menu,.schedule-options-trigger:focus-within .schedule-menu{opacity:1;visibility:visible;transform:translateY(0)}.schedule-menu-item{color:#2b2d31;text-align:left;white-space:nowrap;background:0 0;justify-content:flex-start;align-items:center;gap:6px;width:100%;height:64px;padding:0 26px;font-size:29px;line-height:1;display:flex}.schedule-menu-item svg{color:#2b2d31;flex:none}.storage-panel{height:546px;padding:20px 21px;position:relative}.storage-top{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.storage-title{align-items:center;gap:68px;min-width:295px;display:flex}.storage-stats{grid-template-columns:repeat(3,128px);column-gap:37px;padding-right:18px;display:grid}.storage-stats div{flex-direction:column;align-items:flex-start;display:flex}.storage-stats strong{color:var(--blue-soft);font-size:23px;font-weight:500;line-height:1.18}.storage-stats span{color:#222;font-size:17px;line-height:1.25}.usage-row{align-items:center;gap:12px;display:flex;position:absolute;top:57px;left:21px}.usage-bar{background:#e7e7e7;width:259px;height:37px}.usage-bar span{background:var(--blue-soft);width:4px;height:37px;display:block}.usage-row strong{color:#2e2e2e;font-size:14px;font-weight:700}.legend{color:#555;align-items:center;gap:13px;font-size:13px;display:flex;position:absolute;top:123px;left:307px}.legend span{align-items:center;gap:4px;display:inline-flex}.legend-chip{width:37px;height:32px;display:inline-block}.legend-chip.image{background:#7c70eb}.legend-chip.video{background:#6ec7f0}.legend-chip.composition{background:#f6cb4c}.pie-wrap{width:344px;height:270px;position:absolute;top:204px;left:318px}.pie-chart{background:conic-gradient(from 249deg, #7c70eb 0 16.1deg, #6ec7f0 16.1deg 210deg, #f6cb4c 210deg 360deg);border-radius:50%;width:256px;height:256px;position:absolute;top:0;left:0}.pie-label{color:#fff;text-align:center;font-size:15px;line-height:1.02;position:absolute}.video-label{top:55px;left:70px}.composition-label{top:169px;left:138px}.small-slice-line{background:#7c70eb;width:63px;height:1px;position:absolute;top:220px;left:-17px}.small-slice-line:before{content:"";transform-origin:0;background:#7c70eb;width:31px;height:1px;position:absolute;bottom:0;left:42px;transform:rotate(-35deg)}.small-slice-label{color:#161616;text-align:center;font-size:16px;line-height:1.04;position:absolute;top:209px;left:-65px}@media (width<=1280px){.storage-panel{min-height:546px}}@media (width<=900px){.storage-stats{grid-template-columns:repeat(3,auto);column-gap:22px}.legend,.pie-wrap{left:50%;transform:translate(-50%)}}.usage-panel{flex-direction:column;gap:18px;padding:24px 24px 22px;display:flex}.usage-panel-head{justify-content:space-between;align-items:flex-start;display:flex}.usage-panel-head h2{color:var(--text);margin:0;font-size:20px;font-weight:700}.usage-panel-scope{color:#6a7180;margin:4px 0 0;font-size:13px}.usage-panel-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.usage-tile{background:#fafbfd;border:1px solid #eef0f4;border-radius:12px;flex-direction:column;gap:8px;padding:18px 18px 16px;display:flex}.usage-tile-icon{width:42px;height:42px;color:var(--blue);background:#eef3ff;border-radius:10px;place-items:center;display:grid}.usage-tile-storage .usage-tile-icon{color:#5566f6;background:#ecf0ff}.usage-tile-devices .usage-tile-icon{color:#1f9bd6;background:#e6f7ff}.usage-tile-assets .usage-tile-icon{color:#d18a16;background:#fdf2e3}.usage-tile-cost .usage-tile-icon{color:#1f9254;background:#e7f7ed}.usage-tile-value{color:var(--text);font-size:26px;font-weight:700;line-height:1.1}.usage-tile-label{color:#6a7180;font-size:14px}.usage-panel-note{color:#98a0ac;margin:0;font-size:12px}@media (width<=480px){.usage-panel-grid{grid-template-columns:1fr}}.user-page{background:var(--page);min-height:100vh;margin-left:266px;padding:82px 20px 24px}.user-surface{background:#fff;min-height:calc(100vh - 106px);position:relative;box-shadow:inset 0 1px #eef0f3}.user-tabs{border-bottom:1px solid #edf0f4;align-items:flex-end;height:82px;display:flex}.user-tab{color:#2d2f33;text-align:left;background:0 0;align-items:flex-end;min-width:171px;height:82px;padding:0 28px 26px;font-size:16px;font-weight:700;display:flex;position:relative}.user-tab.is-active:after{content:"";background:var(--blue);height:4px;position:absolute;bottom:-1px;left:0;right:0}.user-workspace{grid-template-columns:358px minmax(0,1fr);gap:21px;padding:22px 22px 0;display:grid}.member-area{min-width:0}@media (width<=1100px){.user-workspace{grid-template-columns:1fr}}@media (width<=900px){.user-page{margin-left:210px;padding-top:72px}}.group-panel{background:#fff;border:1px solid #edf0f4}.group-title{height:55px;color:var(--blue);justify-content:space-between;align-items:center;padding:0 8px 0 11px;font-size:18px;font-weight:700;display:flex}.group-add,.group-row-add{background:var(--blue);color:#fff;border-radius:50%;place-items:center;display:grid}.group-add{width:27px;height:27px}.group-add:hover,.group-row-add:hover{filter:none;background:#2467e8}.group-list{border-top:1px solid #edf0f4}.group-row{color:#2d2f33;text-align:left;background:#fff;border-bottom:1px solid #edf0f4;align-items:center;gap:12px;width:100%;height:50px;padding:0 12px 0 40px;font-size:16px;display:flex;position:relative}.group-row.is-active{background:var(--blue);color:#fff}.group-row svg:first-child{position:absolute;left:12px}.group-count{margin-left:4px}.group-edit{color:var(--blue)}.group-row-add{width:21px;height:21px;margin-left:auto}.user-filters{grid-template-columns:322px 150px 150px 1fr auto;align-items:center;gap:17px;height:35px;margin-bottom:22px;display:grid}.member-search{color:#b5b8bd;background:#fff;border:1px solid #dfe2e7;border-radius:4px;outline:none;height:35px;padding:0 13px;font-size:16px}.member-search::placeholder{color:#bfc2c7}.member-add{background:var(--blue);color:#fff;border-radius:4px;grid-column:5;width:62px;height:35px;font-size:16px}.member-add:hover{filter:none;background:#2467e8}@media (width<=1280px){.user-filters{grid-template-columns:minmax(240px,1fr) 150px 150px auto}.member-add{grid-column:auto}}.member-table-wrap{border:1px solid #edf0f4;overflow-x:auto}.member-table{border-collapse:collapse;table-layout:fixed;color:#2d2f33;width:100%;min-width:980px;font-size:16px}.member-table thead{background:#f8f8f8}.member-table th,.member-table td{text-align:left;vertical-align:middle;border-bottom:1px solid #edf0f4;height:43px;padding:0 12px}.member-table th{font-weight:700}.member-table tbody tr:last-child td{border-bottom:0}.member-table tbody tr.is-selected{background:#e8f7ff}.member-table th:first-child,.member-table td:first-child{width:62px}.member-table th:nth-child(2),.member-table td:nth-child(2){width:68px}.member-table th:nth-child(3),.member-table td:nth-child(3){width:266px}.member-table th:nth-child(5),.member-table td:nth-child(5),.member-table th:nth-child(6),.member-table td:nth-child(6){width:171px}.member-table th:nth-child(7),.member-table td:nth-child(7){width:205px}.member-table th:nth-child(8),.member-table td:nth-child(8){width:110px}.check-cell{text-align:center}.status-pill{color:#fff;background:#43a43b;border-radius:2px;align-items:center;height:24px;padding:0 10px;font-size:13px;display:inline-flex}.member-table-action{height:28px;color:var(--blue,#3475f6);cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #d8dee8;border-radius:6px;align-items:center;gap:6px;padding:0 10px;font-size:12px;display:inline-flex}.member-table-action:hover{background:#f3f6fd}.user-pagination{color:#1f242b;justify-content:space-between;align-items:center;font-size:16px;display:flex;position:absolute;bottom:22px;left:400px;right:24px}.delete-button{color:#fff;background:#d9302c;border:1px solid #0000;border-radius:5px;width:142px;height:67px;font-size:28px}.delete-button:hover{filter:none;background:#c92c28}.delete-placeholder{width:142px;height:67px}.pagination-controls{align-items:center;gap:17px;display:flex}.page-size,.page-number{background:#fff;border:1px solid #d9dde2;border-radius:4px;height:28px}.page-size{min-width:60px;color:var(--blue);justify-content:center;align-items:center;gap:5px;display:inline-flex}.page-number{color:#2d2f33;width:43px}.page-icon,.refresh-button{color:#c5c9ce;background:0 0;place-items:center;width:22px;height:28px;display:grid}.refresh-button{color:#111}@media (width<=1100px){.user-pagination{margin:32px 24px 0;position:static}}.add-member-overlay{z-index:50;background:#0000006b;justify-content:flex-end;display:flex;position:fixed;inset:0}.add-member-drawer{color:#202329;background:#fff;width:684px;min-height:100vh;box-shadow:-12px 0 28px #00000014}.add-member-drawer form{min-height:100vh}.drawer-header{border-bottom:1px solid #edf0f4;justify-content:space-between;align-items:center;height:75px;padding:0 25px;display:flex}.drawer-title{align-items:center;gap:14px;font-size:16px;display:flex}.drawer-title strong{font-size:18px}.drawer-close{color:#111;background:0 0;place-items:center;width:22px;height:22px;padding:0;display:grid}.drawer-submit{background:var(--blue);color:#fff;border-radius:4px;width:83px;height:35px;font-size:16px}.drawer-submit:hover{filter:none;background:#2467e8}.drawer-form{padding:26px 25px 0 28px}.drawer-field{color:#202329;grid-template-columns:190px 1fr;align-items:start;column-gap:2px;min-height:60px;font-size:16px;display:grid}.drawer-field>span{white-space:nowrap;padding-top:11px;font-weight:600}.drawer-field i{color:#f14c45;margin-right:3px;font-style:normal;font-weight:400}.drawer-field input,.drawer-select{background:#fff;border:1px solid #dfe2e7;border-radius:4px;height:34px}.drawer-field input{color:#202329;outline:none;width:100%;padding:0 12px;font-size:16px}.drawer-field input::placeholder{color:#c4c7cb}.drawer-select{align-items:center;display:flex;position:relative}.drawer-select select{appearance:none;color:#b9bdc2;width:100%;height:100%;font:inherit;background:0 0;border:0;outline:0;padding:0 39px 0 12px}.drawer-select select.has-value{color:#202329}.drawer-select.is-blue select{color:var(--blue)}.drawer-select svg{color:#c5c9ce;pointer-events:none;position:absolute;right:9px}.drawer-validity{min-height:40px}.drawer-validity strong{padding-top:11px;font-size:16px;font-weight:400}@media (width<=900px){.add-member-drawer{width:min(684px,100vw)}.drawer-field{grid-template-columns:160px 1fr}}.devices-page{background:var(--page);min-height:100vh;margin-left:266px;padding:98px 20px 24px}.devices-surface{background:#fff;min-height:calc(100vh - 122px);position:relative;box-shadow:inset 0 1px #eef0f3}.device-tabs{border-bottom:1px solid #edf0f4;align-items:flex-end;height:67px;display:flex}.device-tab{color:#2d2f33;text-align:center;background:0 0;min-width:171px;height:67px;padding:0 44px 23px;font-size:16px;font-weight:700;position:relative}.device-tab:not(.is-active){font-weight:400}.device-tab.is-active:after{content:"";background:var(--blue);height:4px;position:absolute;bottom:-1px;left:0;right:0}.devices-workspace{grid-template-columns:352px minmax(0,1fr);gap:23px;padding:22px 22px 0;display:grid}.devices-main{min-width:0}@media (width<=1100px){.devices-workspace{grid-template-columns:1fr}}@media (width<=900px){.devices-page{margin-left:210px;padding-top:72px}}.device-group-panel{background:#fff;border:1px solid #edf0f4;align-self:start}.device-group-title{color:#2d2f33;justify-content:space-between;align-items:center;height:55px;padding:0 8px 0 11px;font-size:18px;font-weight:700;display:flex}.device-group-add{background:var(--blue);color:#fff;border-radius:50%;place-items:center;width:27px;height:27px;display:grid}.device-group-add:hover{filter:none;background:#2467e8}.device-group-list{border-top:1px solid #edf0f4}.device-group-row{color:#2d2f33;border-bottom:1px solid #edf0f4;align-items:center;gap:11px;width:100%;height:51px;padding:0 10px 0 13px;font-size:16px;display:flex}.device-group-row>span{white-space:nowrap;flex:auto;min-width:0}.device-folder{color:var(--blue);fill:var(--blue)}.device-group-count{margin-left:4px}.device-group-icon{width:24px;height:24px;color:var(--blue);background:0 0;place-items:center;margin-left:auto;display:grid}.device-group-name-input{color:#2d2f33;min-width:0;height:30px;font:inherit;border:1px solid #cfd7e3;border-radius:3px;flex:auto;padding:0 8px}.devices-toolbar{justify-content:space-between;align-items:center;gap:18px;height:37px;margin-bottom:24px;display:flex}.device-filters{grid-template-columns:195px 172px 172px;gap:17px;display:grid}.device-search{color:#202329;background:#fff;border:1px solid #dfe2e7;border-radius:4px;outline:none;height:35px;padding:0 12px;font-size:16px}.device-search::placeholder{color:#bfc2c7}.device-actions{align-items:center;gap:8px;margin-left:auto;display:flex}.device-icon-button,.view-toggle{width:35px;height:35px;color:var(--blue);background:#fff;border:1px solid #dfe2e7;border-radius:4px;place-items:center;display:grid}.add-device-actions{display:flex}.add-device-button{background:var(--blue);color:#fff;border-radius:4px;min-width:108px;height:35px;font-size:16px}.add-device-button.is-single{border-radius:4px}.add-device-button:hover{filter:none;background:#2467e8}.view-toggle{color:var(--blue);border-color:#0000}.view-toggle.is-active{background:var(--blue);color:#fff}@media (width<=1360px){.devices-toolbar{flex-direction:column;align-items:flex-start;height:auto}.device-actions{margin-left:0}}.device-table-wrap{border:1px solid #edf0f4;overflow-x:auto}.device-table{border-collapse:collapse;table-layout:fixed;color:#2d2f33;width:100%;min-width:1080px;font-size:16px}.device-table thead{background:#f8f8f8}.device-table th,.device-table td{text-align:left;vertical-align:middle;border-bottom:1px solid #edf0f4;height:52px;padding:0 12px}.device-table th{font-weight:700}.device-table tbody tr:last-child td{border-bottom:0}.device-table tbody tr.is-selected{background:#e8f7ff}.device-table th:first-child,.device-table td:first-child,.device-table th:nth-child(2),.device-table td:nth-child(2){width:48px}.device-table th:nth-child(3),.device-table td:nth-child(3){width:260px}.device-table th:nth-child(4),.device-table td:nth-child(4),.device-table th:nth-child(5),.device-table td:nth-child(5){width:190px}.device-table th:nth-child(6),.device-table td:nth-child(6){width:170px}.device-table th:nth-child(7),.device-table td:nth-child(7){width:214px}.device-table th:nth-child(8),.device-table td:nth-child(8){width:110px}.device-check-cell{text-align:center}.inline-edit,.device-delete-icon{background:0 0;place-items:center;width:24px;height:24px;margin-left:4px;display:inline-grid}.inline-edit{color:var(--blue)}.device-delete-icon{color:#a5abb4}.online-pill{color:#53b234;background:#f2ffe9;border:1px solid #b7e994;border-radius:2px;align-items:center;height:24px;padding:0 10px;font-size:13px;display:inline-flex}.device-card-view{padding-top:2px}.screen-capture-row{color:#2d2f33;align-items:center;gap:8px;height:26px;font-size:16px;font-weight:700;display:flex}.device-card-grid{grid-template-columns:repeat(3,252px);gap:22px 26px;margin-top:13px;display:grid}.device-card{width:252px}.device-preview{background:#303030;place-items:center;height:141px;display:grid;position:relative}.device-preview .table-checkbox{position:absolute;top:8px;left:8px}.device-power{width:58px;height:58px;color:var(--blue);background:#fff;border-radius:50%;place-items:center;display:grid}.device-card-name{color:#202329;align-items:center;gap:9px;height:40px;padding-left:10px;font-size:18px;display:flex}.blue-swatch{background:linear-gradient(135deg,#8cd8ff 0 50%,#5bbcf5 50% 100%);width:16px;height:24px}.device-card-name button{width:22px;height:22px;color:var(--blue);background:0 0;place-items:center;display:grid}.device-card .online-pill{margin-left:6px}.device-pagination{color:#1f242b;justify-content:space-between;align-items:center;font-size:16px;display:flex;position:absolute;bottom:22px;left:395px;right:24px}.device-bulk-actions{gap:8px;display:flex}.device-bulk-actions button{color:#aeb3ba;background:#f7f7f7;border:1px solid #d9dde2;border-radius:4px;height:35px;padding:0 17px}.device-pagination-controls{align-items:center;gap:17px;display:flex}@media (width<=1100px){.device-pagination{margin:32px 24px 0;position:static}}.device-drawer-form{padding:26px 25px 0 28px}.device-drawer-field{color:#202329;grid-template-columns:190px 1fr;align-items:start;min-height:60px;font-size:16px;display:grid}.device-drawer-field>span{white-space:nowrap;padding-top:11px}.device-drawer-field i{color:#f14c45;margin-right:3px;font-style:normal}.device-drawer-field input,.device-drawer-select{background:#fff;border:1px solid #dfe2e7;border-radius:4px;width:100%;height:34px}.device-drawer-field input{color:#202329;outline:none;padding:0 12px;font-size:16px}.device-drawer-field input::placeholder{color:#c4c7cb}.device-drawer-field.is-error input{border-color:#f14c45}.device-drawer-field p{color:#f14c45;margin:5px 0 0;font-size:16px}.device-drawer-select{align-items:center;display:flex;position:relative}.device-drawer-select select{appearance:none;width:100%;height:100%;color:var(--blue);font:inherit;background:0 0;border:0;outline:0;padding:0 39px 0 12px}.device-drawer-select svg{color:#c5c9ce;pointer-events:none;position:absolute;right:9px}.display-columns-body{grid-template-columns:1fr 1fr;gap:28px;padding:30px 25px 0 34px;display:grid}.display-columns-body h3{color:#3a3d43;margin:0 0 10px;font-size:16px;font-weight:400}.column-list{flex-direction:column;gap:9px;display:flex}.column-list.is-dashed,.column-row.is-dashed{outline-offset:6px;outline:1px dashed #dfe2e7}.column-row{color:#3a3d43;background:#edf0f4;align-items:center;gap:4px;height:31px;padding:0 10px;font-size:16px;display:flex}.column-row span{flex:1}.column-row svg{color:var(--navy);fill:var(--navy)}.device-drawer-metadata{color:#30343a;background:#f3f8ff;border:1px solid #d9e7ff;border-radius:6px;gap:4px;margin:0 0 18px 190px;padding:12px 14px;font-size:14px;display:grid}.device-drawer-metadata strong{color:var(--blue);font-size:15px}.device-drawer-field input[readonly]{color:#667085;background:#f7f8fa}.device-drawer-submit-error{color:#f14c45;margin:8px 0 0 190px;font-size:15px}.side-drawer-submit:disabled{cursor:not-allowed;opacity:.55}.video-wall-tab-panel{min-height:calc(100vh - 190px);padding:22px 22px 0;position:relative}.video-wall-toolbar{grid-template-columns:322px 150px 97px 97px 322px minmax(20px,1fr) 60px;align-items:center;gap:17px;height:35px;margin-bottom:22px;display:grid}.video-wall-toolbar input,.video-wall-select,.video-wall-stepper{color:#202329;background:#fff;border:1px solid #dfe2e7;border-radius:4px;height:35px;font-size:16px}.video-wall-toolbar input{outline:none;min-width:0;padding:0 12px}.video-wall-toolbar input::placeholder{color:#bfc2c7}.video-wall-select{color:#bfc2c7;justify-content:space-between;align-items:center;padding:0 10px 0 13px;display:flex}.video-wall-stepper{align-items:center;display:flex;position:relative;overflow:hidden}.video-wall-stepper span{color:#bfc2c7;flex:1;padding-left:13px}.video-wall-stepper input{color:#0000;border:0;border-left:1px solid #dfe2e7;border-radius:0;width:24px;padding:0}.video-wall-add{background:var(--blue);color:#fff;border-radius:4px;grid-column:7;height:35px;font-size:16px}.video-wall-add:hover{filter:none;background:#2467e8}.video-wall-options{align-items:center;gap:8px;display:flex}.video-wall-edit-btn,.video-wall-delete-btn{color:#374151;cursor:pointer;background:#fff;border:1px solid #d0d5de;border-radius:4px;height:30px;padding:0 14px;font-size:14px}.video-wall-edit-btn:hover{background:#f3f4f6}.video-wall-delete-btn{color:#b42318;border-color:#fecaca}.video-wall-delete-btn:hover{background:#fff1f1}.video-wall-table-wrap{border:1px solid #edf0f4;overflow-x:auto}.video-wall-table{border-collapse:collapse;table-layout:fixed;color:#2d2f33;width:100%;min-width:1500px;font-size:16px}.video-wall-table thead{background:#f8f8f8}.video-wall-table th,.video-wall-table td{text-align:left;vertical-align:middle;border-bottom:1px solid #edf0f4;height:54px;padding:0 12px}.video-wall-table th{font-weight:700}.video-wall-table tbody td{height:90px}.video-wall-table tbody tr:last-child td{border-bottom:0}.video-wall-check-cell{text-align:center;width:48px}.video-wall-table th:nth-child(2),.video-wall-table td:nth-child(2){width:160px}.video-wall-table th:nth-child(3),.video-wall-table td:nth-child(3){width:210px}.video-wall-table th:nth-child(4),.video-wall-table td:nth-child(4){width:190px}.video-wall-table th:nth-child(5),.video-wall-table td:nth-child(5){width:170px}.video-wall-table th:nth-child(6),.video-wall-table td:nth-child(6),.video-wall-table th:nth-child(7),.video-wall-table td:nth-child(7){width:130px}.video-wall-table th:nth-child(8),.video-wall-table td:nth-child(8){width:180px}.video-wall-table th:nth-child(9),.video-wall-table td:nth-child(9){width:210px}.video-wall-table th:nth-child(10),.video-wall-table td:nth-child(10){width:110px}.video-wall-preview{background:#5db8f3;border:1px solid #d9eaf8;grid-template-columns:repeat(3,1fr);width:124px;height:74px;display:grid}.video-wall-preview span{background:linear-gradient(63deg,#0000 0 50%,#ffffff38 50% 72%,#0000 72%),#55b2ee;border-right:1px solid #d9eaf8}.video-wall-preview span:last-child{border-right:0}.video-wall-option{color:#2d2f33;background:0 0;place-items:center;width:22px;height:24px;margin-right:4px;display:inline-grid}.video-wall-option:hover{color:var(--blue);filter:none}.video-wall-pagination{color:#1f242b;justify-content:space-between;align-items:center;font-size:16px;display:flex;position:absolute;bottom:22px;left:22px;right:22px}.video-wall-delete{color:#aeb3ba;background:#f7f7f7;border:1px solid #d9dde2;border-radius:4px;height:35px;padding:0 17px}.video-wall-editor{background:#fff;min-height:calc(100vh - 122px)}.video-wall-editor-header{border-bottom:1px solid #edf0f4;align-items:center;gap:18px;height:67px;padding:0 22px;display:flex}.video-wall-editor-header>button:first-child{color:#111;background:0 0;place-items:center;width:24px;height:35px;display:grid}.video-wall-editor-header strong{color:#2d2f33;font-size:18px;font-weight:400}.video-wall-submit{background:var(--blue);color:#fff;border:1px solid #0000;border-radius:4px;width:80px;height:35px;margin-left:auto;font-size:16px}.video-wall-submit:hover{filter:none;background:#2467e8}.video-wall-submit:disabled{color:#b8bbc0;cursor:not-allowed;background:#f7f7f7;border-color:#d9dde2}.video-wall-editor-controls{color:#202329;align-items:center;gap:26px;min-height:87px;padding:18px 38px 17px;font-size:16px;display:flex}.video-wall-editor-controls label{white-space:nowrap;align-items:center;gap:11px;display:flex}.video-wall-editor-controls input,.editor-select{color:#2d2f33;background:#fff;border:1px solid #dfe2e7;border-radius:4px;height:35px;font-size:16px}.video-wall-editor-controls input{outline:none;padding:0 12px}.video-wall-editor-controls label:first-child input{width:195px}.editor-select{align-items:center;width:160px;display:inline-flex;position:relative}.editor-select select{appearance:none;width:100%;height:100%;color:var(--blue);font:inherit;background:0 0;border:0;outline:none;padding:0 38px 0 12px}.editor-select svg{pointer-events:none;color:#bcc2ca;position:absolute;right:9px}.video-wall-editor-controls input[type=number]{width:97px}.video-wall-editor-body{grid-template-columns:304px minmax(520px,1fr) 304px;gap:16px;padding:22px 42px 64px;display:grid}.video-wall-step{background:#fbfbfb;min-height:790px}.video-wall-step h3{color:#2d2f33;background:#f8f8f8;align-items:center;height:44px;margin:0;padding:0 11px;font-size:16px;font-weight:700;display:flex}.caution-box{color:#2d2f33;background:#eef9ff;border:1px solid #9ad0ff;grid-template-columns:18px 1fr 18px;gap:8px;min-height:132px;margin:13px 0 12px;padding:11px 10px;display:grid}.caution-box svg:first-child{color:#4a90f7;margin-top:2px}.caution-box svg:last-child{color:#8d98a7;margin-top:2px}.caution-box p{margin:0;line-height:1.45}.device-model-select{color:#bcc2ca;background:#fff;border:1px solid #dfe2e7;border-radius:4px;justify-content:flex-end;align-items:center;height:43px;padding:0 8px;display:flex}.model-hint{color:#2d2f33;margin:8px 0 0;font-size:18px}.video-wall-grid-step{min-width:0}.wall-grid-shell{background:#eef5f9;justify-content:center;align-items:center;height:710px;margin:20px 14px 0;padding:22px;display:flex}.wall-grid{border-left:2px solid var(--blue);border-top:2px solid var(--blue);aspect-ratio:var(--wall-aspect);background:#eef1f5;display:grid}.wall-grid.fit-width{width:100%;height:auto}.wall-grid.fit-height{width:auto;height:100%}.wall-grid>div{border-right:2px solid var(--blue);border-bottom:2px solid var(--blue);background:#f1f4f8}.wall-grid>div:nth-child(2n){background:#f4f6f9}.wall-grid-cell{flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:6px;display:flex;position:relative}.cell-number{color:#8d98a7;font-size:13px;font-weight:600;line-height:1}.cell-device-select{width:calc(100% - 8px);max-width:120px;height:28px;font-size:12px}.cell-device-select select{color:#2d2f33;padding:0 24px 0 8px;font-size:12px}.cell-device-select svg{right:5px}.device-checklist{max-height:720px;margin:0;padding:8px 0;list-style:none;overflow-y:auto}.device-checklist-item label{cursor:pointer;border-bottom:1px solid #edf0f4;align-items:center;gap:9px;padding:10px 12px;transition:background .1s;display:flex}.device-checklist-item label:hover{background:#f4f6f9}.device-checklist-item.is-selected label{background:#eef5ff}.device-checklist-item input[type=checkbox]{width:16px;height:16px;accent-color:var(--blue);cursor:pointer;flex-shrink:0}.device-checklist-name{text-overflow:ellipsis;white-space:nowrap;color:#2d2f33;flex:1;min-width:0;font-size:14px;overflow:hidden}.device-checklist-status{color:#8d98a7;text-transform:uppercase;letter-spacing:.02em;background:#f0f0f0;border-radius:3px;flex-shrink:0;padding:2px 6px;font-size:11px;font-weight:600}.device-checklist-status.is-online{color:#1a9b4e;background:#e6f9ee}.preview-content-list{padding:13px 12px}.preview-none,.preview-thumb{width:188px;height:104px;margin-bottom:10px}.preview-none{color:#fff;background:#000;place-items:center;font-size:18px;display:grid}.preview-thumb.target{background:radial-gradient(circle,#777 0 9%,#d6d6d6 10% 22%,#8d8d8d 23% 31%,#e5e5e5 32% 44%,#848484 45% 58%,#d7d7d7 59% 70%,#6c6c6c 71%),linear-gradient(27deg,#0000 0 47%,#909090 48% 51%,#0000 52%),linear-gradient(153deg,#0000 0 47%,#909090 48% 51%,#0000 52%)}.preview-thumb.dark-lines{background:linear-gradient(142deg,#ffffff0a,#ffffff73 38%,#0000 40%),linear-gradient(164deg,#050505,#2e2e2e 45%,#111)}.preview-thumb.light-lines{background:repeating-linear-gradient(112deg,#ffffff94 0 13px,#0000001f 14px 27px),linear-gradient(145deg,#9c9c9c,#f1f1f1 42%,#6f6f6f)}@media (width<=1400px){.video-wall-toolbar{grid-template-columns:260px 150px 97px 97px minmax(180px,1fr) 60px}.video-wall-toolbar input[aria-label=Creator]{grid-column:span 2}.video-wall-editor-body{grid-template-columns:1fr}.video-wall-step{min-height:auto}}@media (width<=1100px){.video-wall-pagination{margin-top:32px;position:static}.video-wall-editor-controls{flex-direction:column;align-items:flex-start}}.content-page{background:var(--page);min-height:100vh;margin-left:266px;padding:98px 20px 24px}.content-surface{background:#fff;min-height:calc(100vh - 122px);position:relative;box-shadow:inset 0 1px #eef0f3}.content-tabs{border-bottom:1px solid #edf0f4;align-items:flex-end;height:67px;display:flex}.content-tab{color:#2d2f33;text-align:center;background:0 0;min-width:171px;height:67px;padding:0 44px 23px;font-size:16px;font-weight:400;position:relative}.content-tab:hover{color:#111;filter:none}.content-tab.is-active{font-weight:700}.content-tab.is-active:after{content:"";background:var(--blue);height:4px;position:absolute;bottom:-1px;left:0;right:0}.content-workspace{grid-template-columns:352px minmax(0,1fr);gap:23px;padding:22px 22px 0;display:grid}.content-main{min-width:0}@media (width<=1300px){.content-tab{min-width:138px;padding-inline:28px}}@media (width<=1100px){.content-workspace{grid-template-columns:1fr}}@media (width<=900px){.content-page{margin-left:210px;padding-top:72px}}.content-folder-panel{background:#fff;border:1px solid #edf0f4;min-height:calc(100vh - 211px);position:relative}@media (width<=1100px){.content-folder-panel{min-height:0;padding-bottom:50px}}.content-folder-header{border-bottom:1px solid #edf0f4;justify-content:space-between;align-items:center;height:53px;padding:0 10px 0 11px;display:flex}.content-folder-header strong{color:#2d2f33;font-size:18px}.content-folder-header button{background:var(--blue);color:#fff;border-radius:50%;place-items:center;width:30px;height:30px;display:grid}.content-folder-list{flex-direction:column;display:flex}.content-folder-row{color:#2d2f33;border-bottom:1px solid #edf0f4;align-items:center;height:50px;padding:0 11px;font-size:16px;display:flex}.content-folder-select-button{min-width:0;color:inherit;font:inherit;text-align:left;background:0 0;flex:auto;align-items:center;gap:10px;display:inline-flex}.content-folder-select-button:hover{filter:none}.content-folder-select-button svg{color:var(--blue);flex:none}.content-folder-row.is-active{background:var(--blue);color:#fff}.content-folder-row.is-active .content-folder-select-button svg,.content-folder-row.is-active .content-folder-actions button{color:#fff}.content-folder-row.is-sub-folder{padding-left:30px}.content-folder-select-button>span{white-space:nowrap;gap:6px;min-width:0;display:inline-flex}.content-folder-name-input{color:#2d2f33;width:150px;min-width:0;height:30px;font:inherit;border:1px solid #cfd7e3;border-radius:3px;padding:0 8px}.content-folder-actions{align-items:center;gap:8px;margin-left:auto;display:flex}.content-folder-actions button{width:22px;height:24px;color:var(--blue);background:0 0;place-items:center;display:grid}.content-folder-actions button:hover{color:#1f61db;filter:none}.content-recycle-row{color:#2d2f33;border-top:1px solid #edf0f4;align-items:center;gap:9px;height:50px;padding:0 16px;font-size:16px;display:flex;position:absolute;bottom:0;left:0;right:0}.content-recycle-row svg{background:var(--blue);color:#fff;border-radius:4px;padding:3px}.content-toolbar{justify-content:space-between;align-items:center;gap:18px;height:37px;margin-bottom:23px;display:flex}.content-toolbar input{color:#202329;background:#fff;border:1px solid #dfe2e7;border-radius:4px;outline:none;width:322px;height:35px;padding:0 12px;font-size:16px}.content-toolbar input::placeholder{color:#bfc2c7}.content-toolbar-actions{align-items:center;gap:11px;margin-left:auto;display:flex}.content-view-toggle{border:1px solid #edf0f4;border-radius:5px;align-items:center;height:37px;display:inline-flex;overflow:hidden;box-shadow:0 0 8px #0000000a}.content-view-toggle button{width:32px;height:35px;color:var(--blue);background:#fff;place-items:center;display:grid}.content-view-toggle button.is-active{background:var(--blue);color:#fff;width:35px}.content-primary-button{background:var(--blue);color:#fff;border-radius:4px;min-width:81px;height:35px;padding:0 18px;font-size:16px}.content-primary-button:hover{filter:none;background:#2467e8}.content-assets{min-height:560px;position:relative}.content-select-all{color:#2d2f33;align-items:center;gap:8px;height:20px;font-size:16px;display:inline-flex}.content-select-all strong{font-size:16px}.content-asset-grid{flex-wrap:wrap;gap:35px 21px;padding-top:4px;display:flex}.content-asset-card{color:#2d2f33;width:250px}.content-asset-card.is-openable{cursor:pointer}.content-asset-card.is-openable:hover .content-thumb{box-shadow:0 12px 24px #1f2b3f26}.content-asset-card.is-wide{width:254px}.content-thumb{background:#f8f8f8;width:220px;height:143px;margin-bottom:10px;display:block;position:relative;overflow:hidden}.content-asset-card.is-wide .content-thumb{width:254px;height:143px}.content-card-checkbox{z-index:1;position:absolute;top:7px;left:7px}.content-card-checkbox .table-checkbox{position:static}.content-thumb>img,.content-thumb>video{object-fit:cover;width:100%;height:100%;display:block}.thumb-friends{background:radial-gradient(circle at 27% 47%,#f7f0e8 0 6%,#0000 7%),radial-gradient(circle at 50% 43%,#b8764c 0 7%,#0000 8%),radial-gradient(circle at 72% 45%,#2d201c 0 7%,#0000 8%),linear-gradient(90deg,#0000 0 18%,#f4f6f7 18% 35%,#0000 35% 42%,#fff 42% 58%,#0000 58% 66%,#f8f8f8 66% 84%,#0000 84%),linear-gradient(145deg,#5d6b72,#d4d3cc 43%,#737a76)}.thumb-black{background:#000}.thumb-poster-blue{background:linear-gradient(#e9f2f5,#c1d6de 42%,#243b49 43% 78%,#f7f2e8 79%),linear-gradient(90deg,#0000 0 40%,#ffffff80 41% 60%,#0000 61%)}.thumb-poster-black{background:linear-gradient(#000 0 78%,#eddd77 79% 85%,#111 86%),radial-gradient(circle at 50% 44%,#1c1c1c 0 31%,#0000 32%)}.thumb-poster-brown{background:linear-gradient(#2e170e,#050404 72%,#ffd7e7 73% 79%,#181012 80%),radial-gradient(circle at 54% 35%,#5d321f 0 20%,#0000 21%)}.thumb-fried-beef{background:radial-gradient(at 73% 47%,#b65f2f 0 15%,#5a2718 16% 31%,#0000 32%),linear-gradient(12deg,#0000 0 58%,#ffffff5c 59% 61%,#0000 62%),linear-gradient(#171717,#2d2d2d 58%,#111)}.thumb-copy{color:#fff5db;flex-direction:column;display:flex;position:absolute;top:25px;left:41px;transform:rotate(-7deg)}.thumb-copy span{color:#f9b33a;font-size:12px;font-style:italic}.thumb-copy strong{width:82px;font-size:24px;line-height:.88}.thumb-food-menu{background:radial-gradient(circle at 75% 28%,#b44b28 0 12%,#0000 13%),radial-gradient(circle at 55% 65%,#d69842 0 9%,#0000 10%),linear-gradient(90deg,#0f0b08 0 33%,#1a100b 34% 66%,#100b08 67%)}.menu-copy{color:#fff;letter-spacing:.5px;font-size:9px;position:absolute;top:18px;left:74px}.thumb-burger{background:linear-gradient(#f5e44c 0 33%,#77a856 34% 47%,#e4c39d 48% 64%,#f5f0dd 65%),radial-gradient(circle at 50% 41%,#d56a1e 0 23%,#0000 24%)}.burger-copy{color:#272727;font-size:18px;font-weight:700;position:absolute;top:10px;left:23px}.content-asset-name{color:#2d2f33;align-items:center;gap:4px;min-width:0;font-size:18px;line-height:1.1;display:flex}.content-asset-name span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.content-asset-name button{width:22px;height:22px;color:var(--blue);background:0 0;flex:none;place-items:center;display:grid}.content-asset-meta{gap:4px;margin-top:9px;display:flex}.content-asset-meta span{color:#fff;background:#7ea6f8;border-radius:2px;align-items:center;height:22px;padding:0 9px;font-size:14px;display:inline-flex}.content-empty-state{color:#c5c5c5;align-content:center;place-items:center;gap:8px;width:630px;height:180px;margin:30px 0 0 28px;display:grid;box-shadow:0 8px 34px #00000008}.content-empty-state svg{color:#dedede}.content-footer{color:#1f242b;justify-content:space-between;align-items:center;font-size:16px;display:flex;position:absolute;bottom:22px;left:395px;right:24px}.content-bulk-actions{gap:8px;display:flex}.content-bulk-actions button,.content-delete-action{color:#aeb3ba;background:#f7f7f7;border:1px solid #d9dde2;border-radius:4px;height:35px;padding:0 17px;font-size:16px}.content-delete-action{color:#fff;background:#d9302c;border-color:#d9302c}.content-delete-action:hover{filter:none;background:#c92c28}.content-surface:after{content:"";background:#c7cbd0;height:3px;position:absolute;bottom:0;left:374px;right:15px}@media (width<=1100px){.content-footer{margin:32px 24px 0;position:static}.content-surface:after{display:none}}.upload-progress-panel{z-index:60;width:360px;max-width:calc(100vw - 48px);box-shadow:var(--shadow);pointer-events:none;background:#fff;border:1px solid #e6e9ee;border-radius:10px;position:fixed;bottom:24px;right:24px;overflow:hidden}.upload-progress-panel *{pointer-events:auto}.upload-progress-title{color:var(--text);border-bottom:1px solid #eef1f5;padding:12px 16px;font-size:14px;font-weight:600}.upload-progress-list{max-height:320px;margin:0;padding:6px;list-style:none;overflow-y:auto}.upload-progress-item{border-radius:8px;padding:10px}.upload-progress-item+.upload-progress-item{margin-top:2px}.upload-progress-row{align-items:center;gap:8px;display:flex}.upload-progress-icon{width:20px;height:20px;color:var(--blue);flex:none;place-items:center;display:grid}.upload-progress-item.is-done .upload-progress-icon{color:#1f9d57}.upload-progress-item.is-error .upload-progress-icon{color:#d9433f}.upload-progress-spinner{animation:.9s linear infinite upload-progress-spin}@keyframes upload-progress-spin{to{transform:rotate(360deg)}}.upload-progress-name{min-width:0;color:var(--text);white-space:nowrap;text-overflow:ellipsis;flex:auto;font-size:13px;overflow:hidden}.upload-progress-status{color:#6b7180;font-variant-numeric:tabular-nums;flex:none;font-size:12px}.upload-progress-dismiss{color:#9aa0ab;background:0 0;border-radius:4px;flex:none;place-items:center;width:20px;height:20px;display:grid}.upload-progress-dismiss:hover{color:var(--text);background:#f0f2f5}.upload-progress-track{background:#eef1f5;border-radius:999px;height:6px;margin-top:8px;position:relative;overflow:hidden}.upload-progress-fill{background:var(--blue);border-radius:999px;height:100%;transition:width .2s;display:block}.upload-progress-item.is-done .upload-progress-fill{background:#1f9d57}.upload-progress-track.is-error .upload-progress-fill{background:#d9433f}.upload-progress-track.is-indeterminate .upload-progress-fill{animation:1.1s ease-in-out infinite upload-progress-slide;width:40%!important}@keyframes upload-progress-slide{0%{transform:translate(-110%)}to{transform:translate(260%)}}.upload-progress-message{color:#d9433f;margin:6px 0 0;font-size:12px}.upload-progress-hint{color:#6b7180;margin:6px 0 0;font-size:12px;line-height:1.35}.video-wall-composer{z-index:40;color:#20242a;background:#fff;grid-template-columns:74px 224px minmax(0,1fr);display:grid;position:fixed;inset:0}.composer-rail{color:#d9e0ef;background:#112241;flex-direction:column;display:flex}.composer-rail button{color:#d9e0ef;background:0 0;flex-direction:column;justify-content:center;align-items:center;gap:9px;width:74px;min-height:78px;font-size:16px;font-weight:700;display:flex}.composer-rail button span{overflow-wrap:anywhere;text-align:center;max-width:70px;line-height:1.1}.composer-rail button:hover,.composer-rail button.is-active{color:#fff;filter:none}.composer-library{background:#fff;border-right:1px solid #edf0f4}.composer-search-row{align-items:center;height:48px;padding:0 15px;display:flex}.composer-search-row input{color:#202329;border:1px solid #dfe2e7;outline:none;width:154px;height:25px;padding:0 10px;font-size:16px}.composer-search-row input::placeholder{color:#bfc2c7}.composer-layout-row{align-items:center;gap:6px;height:32px;padding:0 16px;display:flex}.composer-layout-row button:not(.composer-refresh){border:1px solid var(--blue);background:#fff;border-radius:2px;place-items:center;width:25px;height:25px;display:grid}.composer-layout-row button span{border:1px solid var(--blue)}.layout-wide{width:17px;height:11px}.layout-single{width:13px;height:15px}.layout-tall{width:10px;height:18px}.composer-refresh{color:#4a4f57;background:0 0;place-items:center;width:26px;height:25px;margin-left:auto;display:grid}.composer-folder-select{color:#202329;background:#fff;border:1px solid #dfe2e7;justify-content:space-between;align-items:center;width:calc(100% - 16px);height:34px;margin:4px 8px 0;padding:0 9px;font-size:16px;display:flex}.composer-library-assets{padding:8px 0 0 22px}.composer-media-thumb{background:#f5f5f5;border:2px solid #0000;width:101px;height:50px;display:block;overflow:hidden}.composer-media-thumb:hover,.composer-media-thumb.is-selected{border-color:var(--blue);filter:none}.composer-media-thumb img,.composer-media-thumb video,.composer-thumb-fallback{object-fit:cover;width:100%;height:100%;display:block}.composer-main{background:#fff;grid-template-rows:68px minmax(0,1fr) auto;min-width:0;display:grid}.composer-topbar{border-bottom:1px solid #edf0f4;grid-template-columns:208px 1fr 1fr 72px 82px;align-items:center;gap:32px;padding:0 49px 0 17px;display:grid}.composer-topbar label{color:#202329;grid-template-columns:max-content minmax(180px,1fr);align-items:center;gap:10px;min-width:0;font-size:16px;font-weight:700;display:grid}.composer-name-input,.composer-combo>button{color:#202329;background:#fff;border:1px solid #dfe2e7;height:34px;font-size:16px}.composer-name-input{outline:none;min-width:0;padding:0 11px}.composer-combo{min-width:0;position:relative}.composer-combo>button{text-align:left;justify-content:space-between;align-items:center;width:100%;padding:0 9px 0 12px;display:flex}.composer-combo.is-open>button{border-color:var(--blue);box-shadow:0 0 0 2px #3475f62e}.composer-combo-menu{z-index:4;background:#fff;position:absolute;top:35px;left:0;right:0;box-shadow:0 12px 25px #00000026}.composer-combo-menu button{color:#202329;text-align:left;background:#fff;width:100%;height:34px;padding:0 12px;font-size:16px}.composer-combo-menu button:hover,.composer-combo-menu button:first-child{filter:none;background:#e8f5ff}.composer-combo>button:disabled{opacity:.45;cursor:not-allowed}.composer-audio-controls{flex-wrap:wrap;align-items:center;gap:14px;min-width:0;display:flex}.composer-audio-controls label{color:#202329;grid-template-columns:none;align-items:center;gap:8px;min-width:0;font-size:15px;font-weight:700;display:flex}.composer-audio-controls .composer-combo{min-width:120px}.composer-audio-enable input[type=checkbox]{width:18px;height:18px;accent-color:var(--blue)}.composer-audio-volume input[type=range]{width:100px;accent-color:var(--blue)}.composer-audio-volume input[type=range]:disabled{opacity:.45;cursor:not-allowed}.composer-audio-volume span{font-variant-numeric:tabular-nums;min-width:38px}.composer-action{background:var(--blue);color:#fff;border-radius:2px;height:34px;font-size:16px}.composer-action:hover{filter:none;background:#2467e8}.composer-scale-toggle{background:#41506b;align-items:center;gap:6px;padding:0 12px;display:inline-flex}.composer-scale-toggle:hover{background:#4d5e7d}.composer-scale-toggle.is-fit{background:#1f9d6b}.composer-scale-toggle.is-fit:hover{background:#199a64}.composer-scale-toggle:disabled,.composer-scale-toggle:disabled:hover{color:#f1f3f7;cursor:not-allowed;background:#c2c8d2}.composer-stage-wrap{-webkit-user-select:none;user-select:none;background:#eef3f9;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.composer-wall-stage{aspect-ratio:48/27;width:81%;max-height:calc(100% - 40px);position:relative}.composer-wall-stage.has-wall{background:#eef3f9}.composer-tv-wall{background:#e1e1df;gap:6px;padding:6px;display:grid;position:absolute;inset:0}.composer-tv{background:#000;position:relative}.composer-wall-overlay{pointer-events:none;z-index:3;gap:6px;display:grid;position:absolute;inset:6px}.composer-wall-overlay span{color:#fff;background:#3e8cf8;border-radius:50%;place-items:center;width:54px;height:54px;margin:14px 0 0 29px;font-size:36px;display:grid}.composer-trash{z-index:3;color:#222;background:0 0;place-items:center;width:30px;height:30px;display:grid;position:absolute;top:18px;right:61px}.composer-placed-layer{z-index:2;touch-action:none;cursor:default;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;position:absolute;top:0;bottom:0}.composer-placed-layer.is-selected{outline-offset:-7px;cursor:move;outline:7px solid #3e8cf8}.composer-placed-layer img,.composer-placed-layer video,.composer-placed-layer .composer-thumb-fallback{object-fit:fill;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;display:block}.resize-handle{cursor:ew-resize;background:#3e8cf8;border-radius:0;width:20px;height:20px;position:absolute}.composer-placed-layer:not(.is-selected) .resize-handle{display:none}.resize-handle.left{top:-13px;left:-13px;box-shadow:0 calc(100vh - 310px) #3e8cf8}.resize-handle.right{top:-13px;right:-13px;box-shadow:0 calc(100vh - 310px) #3e8cf8}.composer-timeline{background:#fff;border-top:1px solid #edf0f4;position:relative}.timeline-collapse{color:#333;background:#fff;border-radius:75px 75px 0 0;place-items:center;width:150px;height:24px;display:grid;position:absolute;top:-13px;left:50%;transform:translate(-50%)}.timeline-items{align-items:flex-start;gap:18px;padding:18px 0 16px 10px;display:flex}.timeline-scene-wrap{position:relative}.timeline-scene{color:#202329;text-align:left;background:#fff;border:1px solid #edf0f4;width:98px;height:55px;display:block;overflow:hidden}.timeline-scene.is-selected{border:2px solid var(--blue)}.timeline-scene>span:first-child{z-index:1;margin-left:7px;position:relative}.timeline-scene-preview,.timeline-scene-preview img,.timeline-scene-preview .composer-thumb-fallback{object-fit:cover;width:100%;height:55px;display:block;position:absolute;inset:0}.timeline-duration-row{align-items:center;gap:4px;margin-top:5px;display:flex;position:relative}.timeline-duration{color:#202329;background:#fff;border:1px solid #dfe2e7;height:24px;padding:0 4px;font-size:16px}.timeline-duration-row>button:last-child{color:#ff4b45;background:0 0;place-items:center;width:18px;height:24px;display:grid}.timeline-time-menu{z-index:5;background:#fff;width:22px;position:absolute;bottom:25px;left:54px;box-shadow:0 7px 20px #0000002e}.timeline-time-menu button{color:#333;background:#fff;width:100%;height:21px;font-size:16px}.timeline-time-menu button:hover{filter:none;background:#e8f5ff}.timeline-transition-row{width:98px;margin-top:4px;position:relative}.timeline-transition{color:#202329;background:#f6f8fb;border:1px solid #dfe2e7;align-items:center;gap:4px;width:100%;height:24px;padding:0 5px;font-size:12px;display:flex}.timeline-transition-effect{font-weight:600}.timeline-transition-ms{color:#6b7280;margin-left:auto;font-size:11px}.timeline-transition svg{color:#6b7280;flex:none}.timeline-transition-menu{z-index:6;background:#fff;width:98px;padding:3px 0;position:absolute;bottom:27px;left:0;box-shadow:0 7px 20px #0000002e}.timeline-transition-section{text-transform:uppercase;letter-spacing:.04em;color:#9aa1ad;padding:4px 8px 2px;font-size:10px}.timeline-transition-menu button{text-align:left;color:#333;background:#fff;width:100%;height:24px;padding:0 8px;font-size:12px;display:block}.timeline-transition-menu button:hover{filter:none;background:#e8f5ff}.timeline-transition-menu button.is-active{background:var(--blue);color:#fff}.timeline-add{width:94px;height:53px;color:var(--blue);background:#eee;place-items:center;display:grid}.timeline-add svg{background:var(--blue);color:#fff;border-radius:50%;padding:2px}@media (width<=1300px){.composer-topbar{grid-template-columns:190px 1fr 1fr 70px 80px;gap:16px;padding-right:24px}}.composition-composer{z-index:50;color:#20242a;background:#fff;grid-template-columns:77px 221px minmax(0,1fr);height:100dvh;display:grid;position:fixed;inset:0}.composition-rail{background:#112241;flex-direction:column;display:flex}.composition-rail button{color:#aab4c8;background:0 0;align-content:center;place-items:center;gap:8px;min-height:78px;font-size:16px;font-weight:600;display:grid}.composition-rail button:hover,.composition-rail button.is-active{color:#fff;filter:none}.composition-rail span{line-height:1.1}.composition-side-panel{background:#fff;border-right:1px solid #edf0f4;overflow:hidden auto}.composition-view-toggle{justify-content:flex-end;align-items:center;gap:4px;height:50px;padding-right:14px;display:flex}.composition-view-toggle span{border:1px solid var(--blue);border-radius:3px;width:27px;height:27px}.composition-view-toggle span:first-child{background:linear-gradient(var(--blue), var(--blue)) 4px 6px / 17px 3px no-repeat, linear-gradient(var(--blue), var(--blue)) 4px 12px / 17px 3px no-repeat, linear-gradient(var(--blue), var(--blue)) 4px 18px / 17px 3px no-repeat}.composition-category>button{color:#2b2f36;text-align:left;background:#fff;border-bottom:1px solid #edf0f4;align-items:center;gap:4px;width:100%;height:38px;padding:0 16px;font-size:16px;display:flex}.composition-category>button svg{margin-left:auto;transition:transform .15s}.composition-category>button.is-open{background:var(--blue);color:#fff}.composition-category>button.is-open svg{transform:rotate(180deg)}.composition-layout-panel{grid-template-columns:repeat(2,1fr);gap:18px 20px;padding:58px 12px 24px;display:grid;overflow:hidden auto}.composition-layout-panel button{color:var(--blue);filter:none;background:0 0;justify-items:center;gap:4px;display:grid}.composition-layout-panel button>span:last-child{border:2px solid var(--blue);background:#fff;border-radius:50%;width:16px;height:16px}.composition-layout-panel button.is-active>span:last-child{background:var(--blue)}.composition-layout-preview{border:1px solid var(--blue);background:#eef4ff;width:80px;height:44px;display:block;position:relative;overflow:hidden}.composition-layout-preview span{box-sizing:border-box;border:1px solid var(--blue);background:#3475f60a;position:absolute}.composition-asset-panel{padding:14px 8px}.composition-asset-panel input,.composition-filter{color:#202329;background:#fff;border:1px solid #dfe2e7;width:100%;height:31px;font-size:16px}.composition-asset-panel input{outline:none;padding:0 12px}.composition-filter{justify-content:space-between;align-items:center;margin-top:10px;padding:0 10px;display:flex}.composition-asset-grid,.composition-background-grid{flex-wrap:wrap;gap:9px;margin-top:14px;display:flex}.composition-asset-grid button,.composition-background-grid button{width:72px;height:48px;color:var(--blue);cursor:grab;background:#f3f5f7;border:2px solid #0000;place-items:center;display:grid;overflow:hidden}.composition-asset-grid button:hover,.composition-background-grid button:hover{border-color:var(--blue);filter:none}.composition-asset-grid img,.composition-asset-grid video,.composition-asset-grid span,.composition-background-grid img{object-fit:cover;width:100%;height:100%;display:block}.composition-text-panel{padding-top:62px}.composition-text-panel input{border:1px solid #dfe2e7;width:calc(100% - 28px);height:31px;margin:0 14px 18px;padding:0 11px;font-size:16px}.composition-text-panel button{color:#202329;text-align:left;background:#fff;border-bottom:1px solid #edf0f4;width:100%;height:34px;padding-left:16px;font-size:17px;font-weight:600}.composition-setting-panel{color:#202329;gap:14px;padding:14px;font-size:16px;display:grid}.composition-setting-swatches{gap:8px;display:flex}.composition-setting-swatches button{border:1px solid var(--blue);width:92px;height:52px;color:var(--blue);background:#fff;place-items:center;display:grid}.composition-setting-swatches button:last-child{border-style:dashed}.composition-main{background:#fff;grid-template-rows:68px 39px minmax(0,1fr) 106px;min-width:0;height:100dvh;min-height:0;display:grid;overflow:hidden}.composition-main.is-timeline-collapsed{grid-template-rows:68px 39px minmax(0,1fr) 28px}.composition-toolbar{border-bottom:1px solid #edf0f4;align-items:center;gap:16px;height:68px;padding:0 35px 0 17px;display:flex}.composition-toolbar input{color:#202329;border:1px solid #dfe2e7;width:197px;height:31px;padding:0 11px;font-size:16px}.composition-toolbar button{color:#25292f;background:0 0;place-items:center;width:22px;height:31px;display:grid}.composition-toolbar button:disabled{color:#c8cbd0;cursor:default}.composition-toolbar-spacer{flex:1}.composition-toolbar .composition-blue-action{background:var(--blue);color:#fff;border-radius:2px;width:auto;min-width:86px;height:34px;padding:0 18px}.composition-formatbar{color:#202329;border-bottom:1px solid #edf0f4;align-items:center;gap:8px;height:39px;padding-left:23px;font-size:15px;display:flex}.composition-formatbar.is-empty{visibility:hidden}.composition-formatbar input,.composition-formatbar button,.composition-formatbar>span{color:#202329;background:#fff;border:1px solid #dfe2e7;height:25px;font-size:15px}.composition-formatbar input{width:52px;padding:0 7px}.composition-formatbar button{min-width:32px;padding:0 8px}.composition-formatbar>span{align-items:center;min-width:32px;padding:0 8px;display:inline-flex}.composition-opacity-control{color:#202329;background:#fff;border:1px solid #dfe2e7;align-items:center;gap:8px;height:25px;padding:0 8px;display:inline-flex}.composition-opacity-control input{width:120px;accent-color:var(--blue);border:0;padding:0}.composition-stage-wrap{background:#edf2f8;border-bottom:1px solid #dbe5f3;justify-content:center;align-items:center;height:100%;min-height:0;padding:24px 56px 18px 24px;display:flex;position:relative;overflow:hidden}.composition-stage-viewport{justify-content:center;align-items:center;width:100%;height:100%;min-height:0;display:flex;overflow:hidden}.composition-canvas{aspect-ratio:16/9;border:1px solid var(--blue);transform-origin:50%;background:#fff;flex:none;width:min(100%,1427px);max-width:100%;max-height:100%;position:relative;overflow:hidden}.composition-element{cursor:move;white-space:pre-line;text-align:left;-webkit-user-select:none;user-select:none;filter:none;background:no-repeat;border:1px solid #0000;align-content:center;padding:0;display:grid;position:absolute;overflow:hidden}.composition-background{z-index:0;cursor:default}.composition-media,.composition-shape,.composition-text{z-index:2}.composition-element:hover,.composition-element:focus,.composition-element:focus-visible{filter:none;outline:none}.composition-text{background:0 0!important}.composition-element.is-selected{border-color:var(--blue);outline:1px solid var(--blue);overflow:visible}.composition-element.is-selected:before,.composition-element.is-selected:after{content:"";background:var(--blue);border-radius:50%;width:11px;height:11px;position:absolute}.composition-element.is-selected:before{top:-6px;left:-6px}.composition-element.is-selected:after{bottom:-6px;right:-6px}.composition-text span{cursor:text;-webkit-user-select:text;user-select:text;background:0 0;outline:none;width:100%;min-height:100%;padding:0 12px;display:block}.composition-shape{place-items:center}.composition-layout-guide{z-index:1;pointer-events:none;position:absolute;inset:0}.composition-layout-guide button{box-sizing:border-box;border:2px dashed var(--blue);pointer-events:auto;background:0 0;padding:0;position:absolute}.composition-layout-guide button:hover,.composition-layout-guide button:focus-visible,.composition-layout-guide button.is-active{filter:none;background:#3475f60a;outline:none}.composition-zoom-controls{color:#2f353c;justify-items:center;gap:12px;display:grid;position:absolute;top:34%;right:24px}.composition-zoom-controls button{color:#2f353c;filter:none;background:0 0;place-items:center;display:grid}.composition-zoom-controls input{width:28px;height:206px;accent-color:var(--blue);cursor:pointer;writing-mode:vertical-lr;touch-action:none;direction:rtl}.composition-timeline{background:#fff;border-top:1px solid #dbe5f3;align-items:flex-start;gap:17px;padding:21px 0 0 11px;display:flex;position:relative;overflow:visible}.composition-collapse-handle{color:#2b3036;background:#fff;border:0;border-radius:80px 80px 0 0;place-items:center;width:144px;height:21px;display:grid;position:absolute;top:-10px;left:50%;transform:translate(-50%)}.composition-collapse-handle:hover,.composition-collapse-handle:focus-visible{filter:none;outline:none}.composition-main.is-timeline-collapsed .composition-timeline{padding:0}.composition-main.is-timeline-collapsed .composition-collapse-handle{border-radius:0 0 80px 80px;top:-1px}.composition-main.is-timeline-collapsed .composition-collapse-handle svg{transform:rotate(180deg)}.composition-main.is-timeline-collapsed .composition-scene,.composition-main.is-timeline-collapsed .composition-add-scene{display:none}.composition-scene{width:98px}.composition-scene>button{text-align:left;background:#fff;border:2px solid #0000;width:98px;height:53px;position:relative;overflow:hidden}.composition-scene>button.is-active{border-color:var(--blue)}.composition-scene img{object-fit:cover;width:100%;height:100%;display:block}.composition-scene>button span{z-index:1;color:#202329;position:absolute;top:7px;left:8px}.composition-scene>div{color:#202329;align-items:center;gap:3px;font-size:16px;display:flex}.composition-scene>div button{color:#ff453d;background:0 0;place-items:center;display:grid}.composition-add-scene{width:94px;height:53px;color:var(--blue);background:#ededed;place-items:center;display:grid}@media (width<=1300px){.composition-canvas{width:min(70vw,1100px)}}.schedule-page{background:var(--page);color:#2d2f33;min-height:100vh;margin-left:266px;padding:98px 20px 24px}.schedule-surface,.schedule-add-surface{background:#fff;min-height:calc(100vh - 122px);box-shadow:inset 0 1px #eef0f3}.schedule-titlebar{border-bottom:1px solid #edf0f4;height:76px}.schedule-section-tab{color:#2d2f33;background:0 0;align-items:flex-end;width:197px;height:76px;padding:0 0 21px 61px;font-size:18px;font-weight:700;display:flex;position:relative}.schedule-section-tab:after{content:"";background:var(--blue);height:4px;position:absolute;bottom:-1px;left:0;right:0}.schedule-workspace{grid-template-columns:410px minmax(0,1fr);gap:25px;padding:25px 26px 0;display:grid}.schedule-folders{min-width:0}.schedule-folder-heading{justify-content:space-between;align-items:center;height:41px;padding:0 10px;display:flex}.schedule-folder-heading strong{font-size:21px}.schedule-folder-heading button{background:var(--blue);color:#fff;border-radius:50%;place-items:center;width:31px;height:31px;display:grid}.schedule-folder-list{border:1px solid #edf0f4}.schedule-folder-list div{color:#2d2f33;text-align:left;background:#fff;border-bottom:1px solid #edf0f4;align-items:center;gap:13px;width:100%;height:57px;padding:0 13px;font-size:18px;display:flex}.schedule-folder-list div:last-child{border-bottom:0}.schedule-folder-list div svg{color:var(--blue)}.schedule-folder-list div.is-active{background:var(--blue);color:#fff}.schedule-folder-list div.is-active svg{color:#fff}.schedule-main{min-width:0}.schedule-filters{align-items:center;gap:18px;margin-bottom:25px;display:flex}.schedule-filter,.schedule-filters input{color:#b7b7b7;background:#fff;border:1px solid #dfe2e7;border-radius:4px;height:40px;font-size:17px}.schedule-filter{justify-content:space-between;align-items:center;width:181px;padding:0 9px 0 14px;display:flex}.schedule-filters input{width:226px;padding:0 14px}.schedule-filter-spacer{flex:1}.schedule-add-actions{border-radius:4px;height:40px;display:flex;overflow:hidden}.schedule-add-actions button{background:var(--blue);color:#fff;min-width:68px;padding:0 17px;font-size:17px}.schedule-add-actions button+button{border-left:1px solid #ffffff38;min-width:38px;padding:0}.schedule-table-wrap{max-height:calc(100vh - 318px);overflow:hidden auto}.schedule-table{border-collapse:collapse;table-layout:fixed;width:100%}.schedule-table th{color:#2d2f33;text-align:left;background:#fbfbfb;height:53px;font-size:17px;font-weight:700}.schedule-table th:first-child,.schedule-table td:first-child{text-align:center;width:40px}.schedule-table th:nth-child(2),.schedule-table td:nth-child(2){width:64px}.schedule-table th:nth-child(3),.schedule-table td:nth-child(3){width:160px}.schedule-table th:nth-child(4),.schedule-table td:nth-child(4){width:205px}.schedule-table th:nth-child(5),.schedule-table td:nth-child(5){width:95px}.schedule-table th:nth-child(6),.schedule-table td:nth-child(6){width:130px}.schedule-table th:nth-child(7),.schedule-table td:nth-child(7){width:330px}.schedule-table th:nth-child(8),.schedule-table td:nth-child(8){width:125px}.schedule-table th:nth-child(9),.schedule-table td:nth-child(9){width:120px}.schedule-table th:nth-child(10),.schedule-table td:nth-child(10){width:90px}.schedule-table th:nth-child(11),.schedule-table td:nth-child(11){width:120px}.schedule-table td{color:#2d2f33;vertical-align:middle;border-bottom:1px solid #f0f1f3;height:103px;font-size:18px}.schedule-preview{background:#f8f8f8;place-items:center;width:148px;height:84px;display:grid;overflow:hidden}.schedule-preview.is-wide{background:#000}.schedule-preview .schedule-thumb-art{width:46px;height:84px}.schedule-preview .schedule-thumb-art.is-wide{width:148px;height:84px}.schedule-name{white-space:nowrap;align-items:center;gap:7px;display:inline-flex}.schedule-name svg,.schedule-link{color:var(--blue)}.schedule-link{background:0 0;font-size:18px}.schedule-duration{width:325px}.schedule-duration-line{grid-template-columns:123px 192px;gap:10px;margin:4px 0;display:grid}.schedule-duration-line span{height:26px;color:var(--blue);background:#e8f5ff;border-radius:2px;justify-content:center;align-items:center;font-size:15px;display:flex}.schedule-duration-line span:first-child{color:#fff;background:#7eb0ec}.schedule-duration small{color:#6b6f75;border:1px solid #dfe2e7;place-items:center;width:315px;height:25px;display:grid}.schedule-switch{background:#d1d1d1;border-radius:999px;width:55px;height:28px;display:inline-block;position:relative}.schedule-switch:after{content:"";background:#fff;border-radius:50%;width:24px;height:24px;position:absolute;top:2px;left:2px;box-shadow:0 1px 5px #0000003d}.schedule-switch.is-on{background:#4a8cf7}.schedule-switch.is-on:after{transform:translate(27px)}.schedule-cloud{color:#69c777;place-items:center;width:29px;height:20px;display:inline-grid}.schedule-options{gap:17px;display:flex}.schedule-options button{color:#2d2f33;background:0 0}.schedule-list-footer{border-top:1px solid #f0f1f3;justify-content:space-between;align-items:center;height:67px;display:flex}.schedule-list-footer>div:first-child{gap:9px;display:flex}.schedule-list-footer>div:first-child button{color:#b9b9b9;background:#f4f4f4;border:1px solid #dfe2e7;border-radius:4px;height:39px;padding:0 19px;font-size:16px}.schedule-pagination{color:#2d2f33;align-items:center;gap:17px;font-size:16px;display:flex}.schedule-pagination button,.schedule-pagination input{color:#2d2f33;background:#fff;border:1px solid #dfe2e7;border-radius:4px;height:31px;font-size:16px}.schedule-pagination button{align-items:center;gap:5px;padding:0 10px;display:inline-flex}.schedule-pagination button:disabled{color:#c6c9ce;border-color:#0000}.schedule-pagination input{text-align:center;width:47px}.schedule-page-add{padding-bottom:24px}.schedule-add-surface{padding-bottom:92px;position:relative}.schedule-add-header{border-bottom:1px solid #edf0f4;align-items:center;gap:43px;height:78px;padding:0 23px;display:flex}.schedule-add-header button{color:#111;background:0 0;place-items:center;display:grid}.schedule-add-header h1{color:#111;margin:0;font-size:24px}.schedule-name-input{color:#2d2f33;border:1px solid #dfe2e7;border-radius:4px;width:740px;height:39px;margin:27px 0 30px 24px;padding:0 14px;font-size:16px}.schedule-builder{grid-template-columns:347px minmax(0,1fr) 396px;gap:23px;padding:0 24px;display:grid}.schedule-device-panel,.schedule-content-panel,.schedule-sequence-panel{background:#fff;min-width:0}.schedule-step-title{background:#fafafa;justify-content:space-between;align-items:center;height:53px;padding:0 18px;display:flex}.schedule-step-title strong{color:#111;font-size:20px}.schedule-step-title svg{color:var(--blue)}.schedule-tip{background:#eaf8ff;border:1px solid #a8d8fb;margin:15px 12px 12px;padding:10px 11px}.schedule-tip>div{color:#2d2f33;align-items:center;gap:6px;font-size:18px;display:flex}.schedule-tip>div svg:first-child{color:var(--blue)}.schedule-tip>div button{color:#8a929c;background:0 0;margin-left:auto}.schedule-tip p{color:#2d2f33;margin:7px 16px 0 24px;font-size:16px;line-height:1.28}.schedule-device-group{margin:15px 12px 0}.schedule-device-group>button{background:var(--blue);color:#fff;align-items:center;gap:11px;width:100%;height:54px;padding:0 13px;font-size:18px;display:flex}.schedule-device-group label{color:#2d2f33;border-bottom:1px solid #f0f1f3;align-items:center;gap:14px;height:54px;padding:0 10px 0 32px;font-size:18px;display:flex}.schedule-device-group label input{margin-left:auto}.schedule-device-icon{background:linear-gradient(135deg,#8cd9ff 0 50%,#56acec 51%);width:19px;height:27px}.schedule-content-panel{border-bottom:1px solid #cfd3d9}.schedule-content-tabs{border-bottom:1px solid #edf0f4;align-items:center;gap:28px;height:68px;padding:0 13px;display:flex}.schedule-content-tabs button{color:#2d2f33;background:0 0;height:40px;font-size:18px}.schedule-content-tabs button.is-active{color:var(--blue);font-weight:700;position:relative}.schedule-content-tabs button.is-active:after{content:"";background:var(--blue);height:2px;position:absolute;bottom:-14px;left:0;right:0}.schedule-content-tabs span{flex:1}.schedule-content-tabs span+button,.schedule-content-tabs span+button+button{background:var(--blue);color:#fff;border-radius:4px;width:145px;height:41px}.schedule-content-body{grid-template-columns:272px minmax(0,1fr);min-height:771px;display:grid}.schedule-content-folders{border-right:1px solid #edf0f4}.schedule-content-folders div{color:#2d2f33;background:#fff;align-items:center;gap:14px;width:100%;height:53px;padding:0 15px;font-size:18px;display:flex}.schedule-content-folders svg{color:var(--blue)}.schedule-content-assets{min-width:0;padding:13px 25px 64px;position:relative}.schedule-content-tools{align-items:center;gap:9px;display:flex}.schedule-search{border:1px solid #dfe2e7;border-radius:4px;align-items:center;width:296px;height:40px;display:flex}.schedule-search input{color:#2d2f33;border:0;flex:1;min-width:0;height:100%;padding:0 13px;font-size:16px}.schedule-search svg{color:#2d2f33;margin-right:11px}.schedule-content-tools button{color:#2d2f33;background:#fff;border:1px solid #dfe2e7;width:117px;height:40px;font-size:17px}.schedule-select-row{color:#2d2f33;background:0 0;align-items:center;gap:10px;height:36px;font-size:18px;display:flex}.schedule-asset-grid{flex-wrap:wrap;gap:28px;display:flex}.schedule-asset-card{color:#2d2f33;text-align:left;background:0 0;justify-items:start;gap:8px;width:186px;font-size:17px;display:grid}.schedule-asset-thumb{background:#f8f8f8;width:173px;height:108px;display:block;position:relative;overflow:hidden}.schedule-asset-thumb.is-wide{width:189px}.schedule-asset-thumb img,.schedule-asset-thumb video,.schedule-sequence-thumb img,.schedule-sequence-thumb video{object-fit:cover;width:100%;height:100%;display:block}.schedule-asset-thumb .table-checkbox{position:absolute;top:12px;right:0}.schedule-asset-card>span:last-of-type{text-overflow:ellipsis;white-space:nowrap;width:100%;overflow:hidden}.schedule-asset-card small{color:#fff;background:#4a8cf7;border-radius:2px;align-items:center;height:25px;padding:0 10px;font-size:14px;display:inline-flex}.schedule-content-footer{color:#2d2f33;align-items:center;gap:15px;font-size:16px;display:flex;position:absolute;bottom:14px;right:14px}.schedule-content-footer button,.schedule-content-footer input{color:#2d2f33;background:#fff;border:1px solid #dfe2e7;border-radius:4px;height:31px;font-size:16px}.schedule-content-footer button{align-items:center;gap:4px;padding:0 8px;display:inline-flex}.schedule-content-footer button:disabled{color:#c6c9ce;border-color:#0000}.schedule-content-footer input{text-align:center;width:48px}.schedule-sequence-panel{position:relative}.schedule-sequence-body{background:#fff;min-height:835px;margin:14px 13px 0}.schedule-no-data{height:218px;color:var(--blue);align-content:center;place-items:center;font-size:18px;display:grid}.schedule-no-data svg{color:#dfe3ea;margin-bottom:12px}.schedule-sequence-card{background:#f8f8f8;grid-template-columns:43px 145px 1fr;height:89px;display:grid}.schedule-sequence-card.is-active{background:var(--blue);color:#fff}.schedule-sequence-card>span{background:var(--blue);color:#fff;border-radius:50%;place-self:center;place-items:center;width:26px;height:26px;font-weight:700;display:grid}.schedule-sequence-card.is-active>span{color:var(--blue);background:#fff}.schedule-sequence-thumb{background:#eee;height:89px;position:relative;overflow:hidden}.schedule-sequence-time{flex-direction:column;justify-content:center;align-items:flex-end;gap:18px;padding-right:14px;display:flex}.schedule-sequence-time span{color:#2d2f33;background:#fff;border:1px solid #dfe2e7;border-radius:3px;align-items:center;height:29px;padding:0 7px;font-size:16px;display:flex}.schedule-sequence-time svg{color:#f03b32}.schedule-sequence-time button{color:#f03b32;background:0 0;place-items:center;display:grid}.schedule-clear{color:#fff;background:#df3b31;border-radius:4px;height:30px;padding:0 10px;font-size:16px;position:absolute;bottom:12px;left:13px}.schedule-next{background:var(--blue);color:#fff;border-radius:4px;width:172px;height:39px;font-size:17px;position:absolute;bottom:26px;right:24px}.schedule-next:disabled,.schedule-submit:disabled{cursor:not-allowed;background:#b7c8ef}.schedule-form-error{color:#d92d20;min-height:24px;font-size:15px;font-weight:600;position:absolute;bottom:33px;left:24px;right:220px}.schedule-time-surface{height:calc(100vh - 122px);min-height:0;padding-bottom:91px;overflow:visible}.schedule-calendar-toolbar{justify-content:space-between;align-items:center;height:62px;padding:0 20px;display:flex}.schedule-calendar-title{align-items:center;gap:25px;display:flex}.schedule-calendar-title button{height:36px;color:var(--blue);background:0 0;place-items:center;font-size:16px;display:grid}.schedule-calendar-title strong{color:var(--blue);font-size:18px}.schedule-calendar-title button:last-child{background:var(--blue);color:#fff;border-radius:4px;width:74px}.schedule-view-switch{border:1px solid #dfe2e7;border-radius:2px;display:flex;overflow:hidden}.schedule-view-switch button{color:#2d2f33;background:#fff;width:72px;height:35px;font-size:15px;font-weight:700}.schedule-view-switch button.is-active{background:var(--blue);color:#fff}.schedule-calendar-wrap{z-index:20;margin:0 20px;position:relative}.schedule-time-dismiss{z-index:450;cursor:default;background:0 0;position:fixed;inset:0}.schedule-month-calendar{border:1px solid var(--blue);border-bottom:0;border-right:0;grid-template-columns:repeat(7,minmax(0,1fr));display:grid}.schedule-month-heading{color:#2d2f33;border-right:1px solid #0000;place-items:center;height:39px;font-size:16px;display:grid}.schedule-month-cell{border-right:1px solid var(--blue);border-bottom:1px solid var(--blue);color:#2d2f33;text-align:right;background:#fff;height:91px;padding:10px 14px;font-size:15px;font-weight:700;position:relative}.schedule-month-cell>span{z-index:2;color:#2d2f33;place-items:center;min-width:18px;height:18px;line-height:1;display:grid;position:absolute;top:9px;right:13px}.schedule-month-cell.is-muted>span,.schedule-month-cell.is-muted{color:#bfbfbf}.schedule-month-cell.is-today,.schedule-month-cell.is-selected{background:#dce8ff}.schedule-month-cell small{color:#fff;text-align:left;background:#1e106e;border-radius:3px;align-items:center;height:26px;padding:0 7px;font-size:15px;font-weight:700;display:flex;position:absolute;top:32px;left:4px;right:4px}.schedule-time-popover{z-index:500;background:#fff;border-radius:4px;width:309px;padding:17px 24px 11px 20px;position:absolute;top:-24px;box-shadow:0 8px 24px #1f2b3f2e}.schedule-time-popover label{color:#2d2f33;grid-template-columns:65px 1fr;align-items:center;height:45px;font-size:15px;display:grid}.schedule-time-input,.schedule-repeat-trigger{color:#2d2f33;background:#fff;border:1px solid #dfe2e7;border-radius:4px;justify-content:space-between;align-items:center;height:33px;padding:0 10px;font-size:15px;display:flex}.schedule-time-input svg{color:#c1c4ca}.schedule-repeat-trigger{width:100%;color:var(--blue)}.schedule-repeat-menu{z-index:4;background:#fff;border:1px solid #dfe2e7;border-top:0;border-radius:0 0 4px 4px;position:absolute;top:146px;left:85px;right:24px;overflow:hidden;box-shadow:0 12px 22px #1f2b3f1f}.schedule-repeat-menu button{color:#2d2f33;text-align:left;background:#fff;width:100%;height:36px;padding:0 12px;font-size:15px}.schedule-repeat-menu button.is-active,.schedule-repeat-menu button:hover{color:#111;filter:none;background:#e8f5ff}.schedule-save-time{background:var(--blue);color:#fff;border-radius:4px;width:67px;height:35px;margin-left:auto;font-size:15px;display:block}.schedule-previous,.schedule-submit{background:var(--blue);color:#fff;border-radius:4px;width:150px;height:34px;font-size:15px;position:absolute;bottom:21px}.schedule-previous{left:20px}.schedule-submit{right:20px}.schedule-week-calendar{grid-template-rows:46px minmax(0,1fr);display:grid}.schedule-week-headings{grid-template-columns:48px repeat(7,minmax(0,1fr));align-items:end;display:grid}.schedule-week-headings strong{color:#2d2f33;place-items:center;height:36px;font-size:16px;display:grid}.schedule-week-grid{grid-template-columns:48px minmax(0,1fr);display:grid}.schedule-week-hours{color:#2d2f33;grid-template-rows:repeat(19,31px);font-size:15px;display:grid}.schedule-week-hours span{justify-content:flex-end;align-items:start;padding-right:5px;display:flex}.schedule-week-columns{border-left:1px solid var(--blue);border-top:1px solid var(--blue);grid-template-columns:repeat(7,minmax(0,1fr));display:grid}.schedule-week-column{border-right:1px solid var(--blue);background:repeating-linear-gradient(to bottom, #fff 0, #fff 30px, var(--blue) 30px, var(--blue) 31px);min-height:589px;position:relative}.schedule-week-event{color:#fff;background:#1e106e;border-radius:2px;align-items:center;padding-left:8px;font-size:15px;font-weight:700;display:flex;position:absolute;inset:0 4px}@media (width<=1500px){.schedule-workspace{grid-template-columns:320px minmax(0,1fr)}.schedule-builder{grid-template-columns:320px minmax(0,1fr) 330px}}@media (width<=1100px){.schedule-workspace,.schedule-builder{grid-template-columns:1fr}.schedule-table-wrap{overflow-x:auto}.schedule-table{min-width:1360px}}@media (width<=900px){.schedule-page{margin-left:210px;padding-top:72px}}.customers-page,.scope-notice{min-height:100vh;margin-left:266px;padding:124px 41px 48px}.customers-surface{box-shadow:var(--shadow);background:#fff;border-radius:12px;padding:26px 28px 30px}.customers-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.customers-header-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.customers-header h1{color:var(--text);margin:0;font-size:24px;font-weight:700}.customers-header p{color:#6a7180;margin:4px 0 0;font-size:14px}.customers-add{background:var(--blue);color:#fff;cursor:pointer;border:none;border-radius:9px;align-items:center;gap:8px;height:42px;padding:0 18px;font-size:15px;font-weight:600;transition:background-color .12s;display:inline-flex}.customers-add:hover{background:#2c66de}.customers-secondary{color:#505866;cursor:pointer;background:#fff;border:1px solid #e1e5ee;border-radius:9px;align-items:center;gap:8px;min-height:42px;padding:0 16px;font-size:14px;font-weight:700;display:inline-flex}.customers-secondary:hover:not(:disabled){color:var(--blue);background:#f6f8ff;border-color:#cdddff}.customers-secondary:disabled{opacity:.55;cursor:not-allowed}.customers-totals{grid-template-columns:repeat(7,minmax(0,1fr));gap:14px;margin:22px 0 8px;display:grid}.customers-stat{background:#fafbfd;border:1px solid #eef0f4;border-radius:10px;flex-direction:column;gap:4px;padding:16px 18px;display:flex}.customers-stat strong{color:var(--text);font-size:22px;font-weight:700}.customers-stat span{color:#6a7180;font-size:13px}.customers-error{color:#c0392b;background:#fdecea;border-radius:8px;margin:10px 0 0;padding:10px 12px;font-size:14px}.customers-table-wrap{margin-top:18px;overflow-x:auto}.customers-table{border-collapse:collapse;width:100%;font-size:14px}.customers-table thead th{text-align:left;letter-spacing:.03em;text-transform:uppercase;color:#8a8f99;white-space:nowrap;border-bottom:1px solid #ececf1;padding:12px 14px;font-size:12px;font-weight:700}.customers-table th.num,.customers-table td.num{text-align:right}.customers-table tbody td{color:var(--text);vertical-align:middle;border-bottom:1px solid #f2f3f6;padding:12px 14px}.customers-table tbody tr.is-busy{opacity:.55}.customers-empty{color:#8a8f99;text-align:center!important;padding:30px 0!important}.customers-name{cursor:pointer;text-align:left;color:inherit;background:0 0;border:none;align-items:center;gap:12px;display:flex}.customers-name-icon{width:38px;height:38px;color:var(--blue);background:#eef3ff;border-radius:9px;place-items:center;display:grid}.customers-name-text{flex-direction:column;line-height:1.25;display:flex}.customers-name-text strong{font-weight:600}.customers-name-text small{color:#8a8f99;font-size:12px}.customers-name:hover .customers-name-text strong{color:var(--blue)}.customer-status{letter-spacing:.03em;text-transform:uppercase;color:#6a7180;background:#eef0f4;border-radius:999px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-block}.customer-status.status-active{color:#1f9254;background:#e4f7ed}.customer-status.status-archived{color:#8a8f99;background:#f0f0f3}.customer-status.status-suspended{color:#c77700;background:#fdf0e3}.customer-status.status-inactive,.customer-status.status-overdue,.customer-status.status-pending_deletion{color:#b85f00;background:#fdf0e3}.customer-status.status-deleted{color:#b8322a;background:#fdecea}.customers-actions{justify-content:flex-end;align-items:center;gap:6px;display:flex}.customers-action{color:#5a616b;cursor:pointer;background:#fff;border:1px solid #e6e8ee;border-radius:8px;place-items:center;width:34px;height:34px;transition:background-color .12s,color .12s,border-color .12s;display:grid}.customers-action:hover:not(:disabled){color:var(--blue);background:#f1f5ff;border-color:#cdddff}.customers-action.is-danger:hover:not(:disabled){color:#c0392b;background:#fdecea;border-color:#f6c6c0}.customers-action:disabled{opacity:.5;cursor:not-allowed}.customer-drawer-form{flex-direction:column;gap:16px;padding:20px 22px 28px;display:flex;overflow-y:auto}.customer-drawer-section{border-top:1px solid #ececf1;margin-top:6px;padding-top:14px}.customer-drawer-section h3{color:var(--text);margin:0;font-size:15px;font-weight:700}.customer-drawer-hint{color:#8a8f99;margin:4px 0 0;font-size:12px}.customer-price-input{flex:1;align-items:center;display:flex;position:relative}.customer-price-input input{width:100%;padding-right:52px}.customer-price-currency{color:#8a8f99;font-size:13px;font-weight:700;position:absolute;right:12px}.drawer-select.is-disabled{opacity:.7}.drawer-select.is-disabled select{cursor:not-allowed}.customer-usage-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.customer-usage-grid div{background:#fafbfd;border:1px solid #eef0f4;border-radius:9px;flex-direction:column;gap:3px;padding:12px 14px;display:flex}.customer-usage-grid small{color:#8a8f99;font-size:12px}.customer-usage-grid strong{color:var(--text);font-size:17px}.customer-billing-placeholder{background:#fafbfc;border:1px dashed #d7dbe2;border-radius:10px;align-items:center;gap:12px;padding:14px 16px;display:flex}.customer-billing-badge{color:#8a8f99;letter-spacing:.04em;text-transform:uppercase;background:#ececf1;border-radius:999px;padding:3px 9px;font-size:10px;font-weight:700}.customer-billing-placeholder strong{color:#41474f;font-size:14px}.customer-billing-placeholder p{color:#8a8f99;margin:2px 0 0;font-size:12px}.customer-drawer-error{color:#c0392b;background:#fdecea;border-radius:8px;margin:0;padding:10px 12px;font-size:14px}.scope-notice{place-items:center;display:grid}.scope-notice-card{box-shadow:var(--shadow);color:#6a7180;text-align:center;background:#fff;border-radius:14px;flex-direction:column;align-items:center;gap:10px;padding:48px 56px;display:flex}.scope-notice-card svg{color:var(--blue)}.scope-notice-card h2{color:var(--text);margin:6px 0 0;font-size:20px}.scope-notice-card p{max-width:320px;margin:0;font-size:14px}@media (width<=1280px){.customers-totals{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=900px){.customers-page,.scope-notice{margin-left:210px;padding:104px 22px 32px}.customers-totals{grid-template-columns:repeat(2,minmax(0,1fr))}}.portal-shell{background:var(--page);min-height:100vh;color:var(--text)}.portal-header{background:var(--navy);color:#fff;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.portal-brand{letter-spacing:.02em;font-size:18px;font-weight:700}.portal-header-right{align-items:center;gap:16px;font-size:14px;display:flex}.portal-account{opacity:.85}.portal-logout{border:1px solid var(--navy-line);color:#fff;cursor:pointer;background:#ffffff1f;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;display:inline-flex}.portal-logout:hover{background:#fff3}.portal-main{flex-direction:column;gap:24px;max-width:960px;margin:0 auto;padding:24px 20px 64px;display:flex}.portal-error{color:#9b1c1c;background:#fde8e8;border-radius:10px;padding:12px 16px;font-size:14px}.portal-banner{border-radius:12px;align-items:flex-start;gap:14px;padding:16px 18px;display:flex}.portal-banner-warning{color:#92400e;background:#fff4e5;border:1px solid #fcd9a4}.portal-banner strong{margin-bottom:4px;font-size:15px;display:block}.portal-banner p{margin:0;font-size:13px;line-height:1.5}.portal-summary-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;display:grid}.portal-summary-card{box-shadow:var(--shadow);background:#fff;border-radius:12px;flex-direction:column;gap:6px;padding:16px;display:flex}.portal-summary-card small{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:12px}.portal-summary-card strong{font-size:22px}.portal-section{box-shadow:var(--shadow);background:#fff;border-radius:12px;padding:18px 20px}.portal-section h2{align-items:center;gap:8px;margin:0 0 14px;font-size:16px;display:flex}.portal-empty{color:var(--muted);margin:0;font-size:14px}.table-scroll{-webkit-overflow-scrolling:touch;overflow-x:auto}.portal-table{border-collapse:collapse;width:100%;font-size:14px}.portal-table th{text-align:left;color:var(--muted);text-transform:uppercase;letter-spacing:.03em;border-bottom:1px solid #eee;padding:8px 10px;font-size:12px;font-weight:600}.portal-table td{border-bottom:1px solid #f2f2f2;padding:10px}.portal-table tr:last-child td{border-bottom:none}@media (width<=640px){.portal-header{padding:12px 16px}.portal-main{padding:16px 12px 48px}.portal-table{font-size:13px}.portal-table:not(.vendor-table) th:nth-child(3),.portal-table:not(.vendor-table) td:nth-child(3),.portal-table:not(.vendor-table) th:nth-child(4),.portal-table:not(.vendor-table) td:nth-child(4){display:none}}.vendor-main{max-width:1100px}.vendor-org-link{color:var(--blue);text-align:left;background:0 0;padding:0}.vendor-org-link:hover{text-decoration:underline}.vendor-detail-header{align-items:center;gap:12px;margin-bottom:4px;display:flex}.vendor-back-button{color:var(--text);background:#fff;border:1px solid #d8dee8;border-radius:7px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;display:inline-flex}.vendor-tabs{border-bottom:1px solid #e3e9f2;gap:4px;margin:16px 0 18px;display:flex}.vendor-tab{color:var(--muted);background:0 0;border-bottom:2px solid #0000;margin-bottom:-1px;padding:9px 16px;font-size:14px}.vendor-tab.is-active{color:var(--blue);border-bottom-color:var(--blue);font-weight:600}.vendor-tab:hover{color:var(--text);filter:none}.vendor-breadcrumb{color:var(--muted);align-items:center;gap:8px;margin-bottom:10px;font-size:13px;display:flex}.vendor-breadcrumb button{color:var(--blue);background:0 0;padding:0}.vendor-breadcrumb button:hover{text-decoration:underline}.vendor-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.vendor-toolbar h2{align-items:center;gap:8px;margin:0;font-size:17px;display:flex}.vendor-toolbar-actions{flex-wrap:wrap;gap:10px;display:flex}.vendor-primary,.vendor-secondary{cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;display:inline-flex}.vendor-primary{background:var(--blue);border:1px solid var(--blue);color:#fff}.vendor-primary:hover{background:var(--blue-soft)}.vendor-secondary{color:var(--text);background:#fff;border:1px solid #d8dee8}.vendor-table{min-width:760px}.vendor-table td{vertical-align:top}.vendor-subtle{color:var(--muted);margin-top:2px;font-size:11px;display:block}.vendor-pill{cursor:pointer;border:1px solid #0000;border-radius:999px;padding:4px 12px;font-size:12px}.vendor-pill.is-on{color:#1b7a1b;background:#e6f6e6;border-color:#bfe5bf}.vendor-pill.is-off{color:var(--muted);background:#f2f3f5;border-color:#dfe2e8}.vendor-action{color:var(--text);cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #d8dee8;border-radius:7px;align-items:center;gap:5px;padding:6px 10px;font-size:12px;display:inline-flex}.vendor-action-danger{color:#b42318;border-color:#f0c4c0}.vendor-action:disabled,.vendor-pill:disabled{opacity:.5;cursor:not-allowed}.customer-status.status-suspended,.customer-status.status-pending_deletion{color:#b42318;background:#fdecec}.vendor-checkbox{align-items:center}.vendor-checkbox input[type=checkbox]{width:18px;height:18px}.vendor-checkbox small{color:var(--muted);flex-basis:100%}.vendor-created p{font-size:14px;line-height:1.5}.vendor-credentials{background:#f7f9fc;border:1px solid #e3e9f2;border-radius:10px;flex-direction:column;gap:12px;padding:14px;display:flex}.vendor-credentials small{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:3px;font-size:11px;display:block}.vendor-credentials code{word-break:break-all;font-size:13px}.vendor-credential-row{align-items:center;gap:8px;display:flex}.vendor-credential-row code{flex:1}.vendor-copy-button{width:26px;height:26px;color:var(--muted);cursor:pointer;background:#fff;border:1px solid #d8dee8;border-radius:6px;flex:none;justify-content:center;align-items:center;display:inline-flex}.vendor-copy-button:hover{color:var(--text);border-color:#c3cad6}