/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-font-weight:initial;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-600:oklch(57.7% .245 27.325);--color-red-700:oklch(50.5% .213 27.518);--color-indigo-500:oklch(58.5% .233 277.117);--color-indigo-600:oklch(51.1% .262 276.966);--color-indigo-700:oklch(45.7% .24 277.023);--color-slate-50:oklch(98.4% .003 247.858);--color-slate-200:oklch(92.9% .013 255.508);--color-slate-700:oklch(37.2% .044 257.287);--color-white:#fff;--spacing:.25rem;--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--font-weight-medium:500;--radius-lg:.5rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.inline-flex{display:inline-flex}.items-center{align-items:center}.justify-center{justify-content:center}.gap-2{gap:calc(var(--spacing) * 2)}.rounded-lg{border-radius:var(--radius-lg)}.border{border-style:var(--tw-border-style);border-width:1px}.border-slate-200{border-color:var(--color-slate-200)}.bg-indigo-600{background-color:var(--color-indigo-600)}.bg-red-600{background-color:var(--color-red-600)}.bg-white{background-color:var(--color-white)}.px-4{padding-inline:calc(var(--spacing) * 4)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.text-slate-700{color:var(--color-slate-700)}.text-white{color:var(--color-white)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}@media(hover:hover){.hover\:bg-indigo-700:hover{background-color:var(--color-indigo-700)}.hover\:bg-red-700:hover{background-color:var(--color-red-700)}.hover\:bg-slate-50:hover{background-color:var(--color-slate-50)}}.focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-indigo-500:focus-visible{--tw-ring-color:var(--color-indigo-500)}.focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:opacity-40:disabled{opacity:.4}}:root{color:#17233a;font-synthesis:none;background:#f6f8fc;font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}body{margin:0}button,a,input,textarea{font:inherit}button{cursor:pointer}input,textarea{background:#fff;border:1px solid #dde3ed;border-radius:7px;min-width:0;padding:10px 12px}input[type=checkbox]{accent-color:#5754e6;width:16px;height:16px}input:focus,textarea:focus{outline-offset:1px;outline:2px solid #a5b4fc}h1,h2,h3,p{margin:0}h1{letter-spacing:-1px;font-size:30px;font-weight:650}h2{font-size:17px;font-weight:650}small{display:block}p{color:#7d879b;font-size:14px;line-height:1.7}.shell{min-height:100vh;display:flex}aside{color:#99a6bd;background:#101c32;flex-direction:column;width:246px;padding:34px 20px;display:flex;position:fixed;inset:0 auto 0 0}.brand{color:#fff;letter-spacing:3px;align-items:center;gap:12px;padding:0 12px;font-size:28px;font-weight:800;text-decoration:none;display:flex}.brand-symbol{letter-spacing:0;background:#6963f1;border-radius:9px;place-items:center;width:32px;height:35px;font-size:24px;display:grid}.brand-dot{color:#9289ff;margin-left:-12px}.workspace{color:#e6eaf5;border:1px solid #2b364b;border-radius:8px;gap:12px;margin:36px 0 30px;padding:15px 10px;font-size:12px;display:flex}.workspace small{color:#8693ad;margin-top:5px;font-size:10px}.workspace-icon{color:#ada6ff;background:#27344d;border-radius:7px;padding:8px 12px}.nav-caption{letter-spacing:1.8px;color:#78859f;margin:0 12px 12px;font-size:10px}nav{flex-direction:column;gap:6px;display:flex}nav button{text-align:left;color:inherit;background:0 0;border:0;border-radius:7px;align-items:center;gap:12px;padding:13px;font-size:12px;display:flex}nav button:hover{background:#1c2940}nav .active{color:#c2bbff;background:#292944}.nav-count{background:#3c3a65;border-radius:4px;margin-left:auto;padding:1px 6px;font-size:10px}.sidebar-bottom{border-top:1px solid #2a3549;align-items:center;gap:9px;margin-top:auto;padding:24px 0 0;font-size:11px;display:flex}.sidebar-bottom small{color:#7b88a3;margin-top:4px;font-size:10px}.sidebar-bottom>div:last-child{margin-left:auto}.main{width:calc(100% - 246px);margin-left:246px}header{color:#64748b;background:#fff;border-bottom:1px solid #e8ecf3;justify-content:space-between;align-items:center;height:72px;padding:0 40px;font-size:12px;display:flex}.slash{color:#b7bfcd;margin:0 14px}.environment{letter-spacing:1.4px;color:#42987c;background:#effaf5;border:1px solid #d7f1e5;border-radius:5px;padding:5px 9px;font-size:9px}main{padding:36px 40px}.page-heading{justify-content:space-between;align-items:center;margin-bottom:30px;display:flex}.page-heading p:last-child{margin-top:8px}.eyebrow{letter-spacing:1.6px;color:#8993a7;margin-bottom:8px;font-weight:700;font-size:9px!important}.stats{grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:24px;display:grid}.stat{background:#fff;border:1px solid #e6eaf2;border-radius:10px;padding:22px}.stat-top{color:#6d7890;justify-content:space-between;align-items:center;font-size:12px;display:flex}.stat-top>span{color:#7772d9;background:#f3f3ff;border-radius:7px;padding:9px}.stat strong{letter-spacing:-1px;margin:9px 0 5px;font-size:32px;font-weight:650;display:block}.stat p{font-size:10px}.banner{color:#aca9e8;background:linear-gradient(110deg,#202449,#3b396b);border-radius:11px;justify-content:space-between;align-items:center;margin-bottom:30px;padding:30px 34px;display:flex}.banner h2{color:#fff;letter-spacing:-.6px;margin-bottom:9px;font-size:24px}.banner .eyebrow{color:#a8a4d9}.banner p{color:#b1b1ce;margin-bottom:20px;font-size:12px}.banner button{color:#484188;background:#fff;font-size:11px}.panel{background:#fff;border:1px solid #e5eaf2;border-radius:10px;margin-bottom:24px;overflow:hidden}.panel-heading{border-bottom:1px solid #eef1f6;justify-content:space-between;align-items:center;padding:22px 24px;display:flex}.panel-heading p{margin-top:5px;font-size:11px}.search{color:#9aa4b6;border:1px solid #e3e7ef;border-radius:6px;align-items:center;padding:0 11px;display:flex}.search input{border:0;width:205px;font-size:11px}.table-scroll{overflow:auto}table{border-collapse:collapse;white-space:nowrap;text-align:left;width:100%}th{letter-spacing:1px;color:#8e98ab;background:#fafbfe;border-bottom:1px solid #edf0f6;padding:15px;font-size:9px;font-weight:600}th:first-child,td:first-child{width:40px;padding-left:24px}td{color:#79859a;border-bottom:1px solid #f0f2f7;padding:18px 15px;font-size:11px}.device-name{color:#34415a;align-items:center;gap:12px;font-weight:600;display:flex}.device-name small{color:#9ba5b7;margin-top:5px;font-size:9px;font-weight:400}.device-icon{color:#7c86a1;background:#fafbfe;border:1px solid #e6eaf1;border-radius:8px;padding:11px}.badge{border-radius:5px;align-items:center;gap:6px;padding:4px 8px;font-size:10px;display:inline-flex}.green{color:#24956d;background:#eff9f4}.gray{color:#8d95a7;background:#f2f4f8}.purple{color:#8273b8;background:#f2f0fe}.status-dot{width:6px;height:6px;color:inherit;background:currentColor;border-radius:50%;flex-shrink:0;display:inline-block}.sidebar-bottom>.status-dot{color:#44c18b}.pagination{color:#95a0b4;justify-content:space-between;align-items:center;padding:17px 24px;font-size:10px;display:flex}.pagination button{padding:7px 12px;font-size:10px}.form-panel{padding:24px}.form-panel p{margin:10px 0 18px;font-size:12px}.form-row{flex-wrap:wrap;gap:10px;margin:16px 0;display:flex}.form-row input{flex:1;font-size:12px}.form-panel label{color:#66748b;font-size:12px;display:block}.form-panel textarea{width:100%;min-height:95px;margin:8px 0 16px;font-family:monospace;display:block}.record-list>div{border-bottom:1px solid #eef1f6;padding:15px 0;font-size:12px}.record-list code{color:#7d879b;overflow-wrap:anywhere;margin-top:8px;font-size:10px;display:block}.alert{overflow-wrap:anywhere;border-radius:8px;margin-bottom:18px;padding:16px;font-size:12px}.error{color:#b4233f;background:#fff1f2;border:1px solid #ffd6df}.notice{color:#2c7d5a;white-space:pre-wrap;background:#effaf5;border:1px solid #ccebdc}.empty{text-align:center;color:#9aa4b8;padding:45px}.empty svg{margin:auto auto 12px}.empty h3{font-size:14px;font-weight:600}.empty p{margin-top:8px;font-size:12px}footer{color:#9aa5b7;justify-content:space-between;margin-top:30px;font-size:10px;display:flex}.login{flex-direction:column;justify-content:center;align-items:center;gap:25px;min-height:100vh;display:flex}.login h1{font-size:36px}.sr-only{clip:rect(0,0,0,0);width:1px;height:1px;position:absolute;overflow:hidden}@media(max-width:1100px){aside{width:205px}.main{width:calc(100% - 205px);margin-left:205px}main{padding:25px}.stats{gap:12px}.banner>svg{display:none}.stat{padding:15px}.stat-top{font-size:10px}}@media(max-width:760px){aside{width:auto;padding:16px;position:static}.shell{display:block}.brand{font-size:21px}.workspace,.nav-caption,.sidebar-bottom{display:none}nav{flex-flow:wrap;margin-top:16px}nav button{padding:9px;font-size:10px}nav button svg,.nav-count{display:none}.main{width:100%;margin:0}header{height:50px;padding:0 20px}main{padding:20px}.stats{grid-template-columns:1fr}.page-heading{gap:12px}h1{font-size:25px}.page-heading p:last-child{font-size:11px}.banner{padding:24px}.panel-heading{flex-direction:column;align-items:flex-start;gap:15px}.search,.search input{width:100%}footer{gap:20px;line-height:1.8}.form-row{flex-direction:column}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}:root{color:#24314b;background:#f4f6fb}button,select,input{transition:background .16s,border-color .16s,box-shadow .16s}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #a5b4fc;outline-offset:3px}button:disabled{cursor:not-allowed}h3{font-size:15px;font-weight:650}select{font:inherit;width:100%;border:1px solid #dce3ef;background:#fff;border-radius:8px;padding:11px;color:#283752;min-width:0}input{color:#283752}aside{background:linear-gradient(170deg,#14223b,#10182c);width:250px;padding-top:28px;overflow-y:auto}aside nav,.workspace,.sidebar-bottom{flex-shrink:0}aside .workspace{margin:22px 0}aside .sidebar-bottom{margin-top:22px;padding-top:18px}.main{margin-left:250px;width:calc(100% - 250px)}nav button{font-size:12px;padding:11px 13px}nav .active{background:linear-gradient(100deg,#655ce1,#5449bf);color:#fff;box-shadow:0 5px 18px #0002}.workspace{margin:25px 0}main{max-width:1600px;margin:auto}.page-heading{margin-bottom:28px}.page-heading h1{font-size:32px}.panel,.stat{border-radius:16px;box-shadow:0 4px 22px #25345d04}.panel-heading{padding:24px}.section-title{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:22px}.section-title p{margin:5px 0 0}.field{display:flex!important;flex-direction:column;gap:8px;flex:1;min-width:180px;max-width:100%;font-size:12px;color:#586780}.field>span{font-weight:600}.field input{width:100%}.picker{display:grid;grid-template-columns:minmax(100px,1fr) minmax(120px,1.2fr);gap:8px}.picker input{font-size:12px}.info-strip{display:flex;align-items:flex-start;gap:9px;color:#5f58a3;background:#f3f1ff;border:1px solid #e6e0fc;border-radius:10px;padding:13px;font-size:12px;line-height:1.7;margin:22px 0}.info-strip svg{flex-shrink:0;margin-top:2px}.playlist-item{display:flex;align-items:center;gap:14px;padding:16px 0;border-bottom:1px solid #edf0f7}.step-number{display:grid;place-items:center;width:30px;height:30px;background:#eeecfd;color:#6259b4;border-radius:8px;font-size:12px;flex-shrink:0}.item-name{flex:1;min-width:0}.item-name strong{font-size:13px;overflow-wrap:anywhere}.item-name small,.screen-option small{font-size:11px;color:#8993a9;margin-top:5px}.duration{font-size:10px!important;width:90px;flex-shrink:0}.duration input{width:100%;margin-top:5px;font-size:12px;padding:8px}.icon-actions{display:flex;gap:3px}.icon-actions button{border:0;border-radius:6px;background:#f4f6fb;padding:7px;color:#77839c}.icon-actions button:hover{background:#e7e5fb;color:#5e53bb}.icon-actions button:disabled{opacity:.3}.add-media{display:flex;gap:14px;align-items:flex-end;margin:22px 0}.add-media .field{flex:1}.count-pill{border-radius:20px;background:#eeeaff;color:#6a5ab8;font-size:11px;padding:8px 14px}.screen-options{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px;margin:18px 0}.screen-option{display:flex!important;align-items:center;gap:12px;padding:16px;border:1px solid #e2e7f1;border-radius:12px;cursor:pointer;color:#3d4960!important}.screen-option span{flex:1}.screen-option.chosen{border-color:#8d80e2;background:#f7f5ff}.screen-option input{flex-shrink:0}.schedule-form{border-top:1px solid #e8edf5;margin-top:24px;padding-top:24px}.schedule-form h3{display:flex;align-items:center;gap:9px;margin-bottom:18px}.schedule-form .field{max-width:460px;margin-bottom:16px}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;padding:24px}.form-panel>.card-grid{padding:0}.screen-card,.media-card{border:1px solid #e4e9f2;border-radius:14px;overflow:hidden;background:#fff}.screen-card{padding:22px}.card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.screen-card h3{margin:12px 0 6px}.screen-card p{font-size:12px}.screen-card>small{font-size:10px;color:#909bb0;margin-top:14px}.card-meta{display:flex;align-items:center;justify-content:space-between;font-size:11px;margin-top:20px}.screen-card .form-row{margin-bottom:0;gap:8px}.screen-card button{font-size:11px;padding:7px 10px}.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.quick-grid button{text-align:left;background:#fff;border:1px solid #e5e9f4;border-radius:16px;padding:26px;color:#7766c7;display:flex;flex-direction:column;gap:18px;box-shadow:0 4px 24px #00000003}.quick-grid button:hover{border-color:#a99be7;transform:translateY(-2px)}.quick-grid strong{font-size:15px;color:#2c3850}.quick-grid span{font-size:11px;color:#8c96aa}.upload-panel{text-align:center;background:linear-gradient(120deg,#fff,#f6f3ff);border:1px dashed #bcafea}.upload-panel>svg{margin:0 auto 16px;color:#8a77d1}.upload-panel h2{font-size:20px}.upload-label{display:inline-flex!important;align-items:center;flex-direction:column;gap:12px;margin:18px auto;color:#6252ab!important}.upload-label input{max-width:100%;background:#fff;padding:12px}.upload-panel progress{display:block;width:75%;margin:20px auto 0;accent-color:#8070d0}.media-art{height:130px;background:linear-gradient(130deg,#e8e9fa,#f5eafa);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;color:#9382bd}.media-art span{font-size:9px;letter-spacing:2px}.media-info{padding:20px}.media-info h3{overflow-wrap:anywhere}.media-info p{margin:8px 0 12px;font-size:11px}.media-info button{font-size:11px}.timeline article{display:flex;align-items:center;gap:16px;padding:20px 0;border-bottom:1px solid #edf0f6}.timeline article>div{flex:1;min-width:0}.timeline strong{font-size:13px;overflow-wrap:anywhere}.timeline p{font-size:12px;margin:5px 0!important}.timeline small{font-size:11px;color:#98a1b4}.timeline>article>svg,.activity-icon{color:#8a7dc2}.activity-icon{background:#f3effb;padding:11px;border-radius:10px}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:1px;background:#e6eaf3;border:1px solid #e6eaf3;border-radius:12px;overflow:hidden}.day-heading{background:#f8f9fc;padding:12px 4px;text-align:center;font-size:10px;color:#8a94a8}.calendar-day{background:#fff;min-height:110px;padding:10px;overflow:hidden}.calendar-day>span{font-size:12px;color:#7d89a1}.calendar-day.today{background:#faf8ff;box-shadow:inset 0 0 0 2px #b4a4e8}.calendar-day.today>span{font-weight:700;color:#7760bc}.calendar-day.muted{background:#fafbfe}.calendar-event{background:#efebfa;color:#6d58a0;border-left:2px solid #9d85d3;padding:6px;margin-top:8px;border-radius:4px;font-size:10px;overflow-wrap:anywhere}.calendar-event strong{display:block;font-size:10px}.calendar-event small{margin-top:3px;font-size:9px}.calendar-event.cancelled{opacity:.45}.calendar-event.failed{background:#fff0f1;color:#b44a5c}.calendar-event.published{background:#eaf8f1;color:#378c6a}.email-report{display:flex;align-items:flex-end;gap:14px;border-top:1px solid #edf0f7;padding-top:20px;margin-top:24px}.email-report .field{max-width:500px}.delivery{padding:20px;border-radius:12px;background:#f8f9fd}.delivery h3{margin-bottom:12px}.delivery>div{display:flex;justify-content:space-between;padding:8px 0;font-size:12px}.delivery>button{margin-top:12px}.error-text{color:#b74a60!important}.red{color:#ba4f63;background:#fff0f3}.compact{padding:25px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;background:#101a31cc;display:grid;place-items:center;padding:25px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.preview-modal{background:#fff;border-radius:18px;padding:24px;max-width:900px;width:100%;max-height:90vh;overflow:auto}.preview-modal img,.preview-modal video{display:block;width:100%;max-height:65vh;object-fit:contain;background:#111}.banner{background:radial-gradient(ellipse at 90% 20%,#7463ad,#343259 60%,#252a48);border-radius:18px;padding:35px}.badge{white-space:nowrap}td{font-size:12px}th:first-child,td:first-child{width:auto}footer{margin-top:40px}@media(min-width:1450px){main{padding:40px 55px}}@media(max-width:1100px){aside{width:210px}.main{margin-left:210px;width:calc(100% - 210px)}.picker{grid-template-columns:1fr}.calendar-day{padding:6px}}@media(max-width:760px){aside{width:auto}.main{margin:0;width:100%}.page-heading h1{font-size:27px}.quick-grid{grid-template-columns:1fr}.section-title{align-items:flex-start;flex-wrap:wrap}.card-grid{grid-template-columns:1fr;padding:16px}.field{min-width:0}.playlist-item{flex-wrap:wrap;gap:9px}.item-name{flex-basis:calc(100% - 45px)}.duration{margin-left:38px}.icon-actions{margin-left:auto}.add-media,.email-report{flex-direction:column;align-items:stretch}.calendar-day{min-height:75px;padding:4px}.calendar-event{padding:3px;font-size:9px}.calendar-event strong{font-size:9px}.calendar-event small{font-size:8px}.timeline article{flex-wrap:wrap}.timeline article>div{min-width:140px}.form-panel{padding:20px}.banner{padding:25px}.sidebar-bottom{display:none}}.report-filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.report-filters .field{min-width:0}.analytics-dashboard{padding:28px;border-radius:18px;background:radial-gradient(ellipse at top right,#2d3656,#142036 65%);color:#eff4ff;margin-bottom:24px;box-shadow:0 10px 35px #1f29451a}.analytics-dashboard .section-title p{color:#b6c4dc;font-size:12px}.analytics-dashboard .eyebrow{color:#a99bff}.analytics-dashboard h2{font-size:22px}.analytics-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:24px 0}.analytics-kpi{padding:20px;border:1px solid #3c4965;border-radius:12px;background:#ffffff05}.analytics-kpi span{font-size:12px;color:#d1daeb}.analytics-kpi strong{display:block;font-size:35px;color:#ab9bff;line-height:1.5;letter-spacing:-1px}.analytics-kpi:nth-child(3) strong{color:#53d5b1}.analytics-kpi:nth-child(4) strong{color:#ff8eaa}.analytics-kpi small{font-size:10px;color:#b0bdd2}.analytics-charts{display:grid;grid-template-columns:1fr 1fr;gap:18px}.analytics-chart{border:1px solid #3c4965;border-radius:12px;padding:20px;background:#0e182b55;min-width:0}.analytics-chart h3{font-size:13px;color:#dae3f3;margin-bottom:12px}.analytics-chart svg{width:100%;height:auto;overflow:visible;display:block}.chart-legend{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;font-size:10px;color:#b9c7de}.chart-legend span{display:flex;gap:6px;align-items:center}.chart-legend i{width:8px;height:8px;border-radius:50%;display:block}.analytics-footnote{color:#aebbd0;font-size:11px;margin-top:20px;line-height:1.7}.reports-workspace table td:first-child{font-weight:600;color:#3e4d67}.reports-workspace details{margin-top:20px;border-top:1px solid #e6eaf3;padding-top:18px;font-size:13px}.reports-workspace summary{cursor:pointer;font-weight:600}.workflow-guide{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:14px 18px;border:1px solid #e2e4f5;background:linear-gradient(110deg,#fff,#f6f3ff);border-radius:12px;margin-bottom:24px}.workflow-guide button{padding:8px 10px;border:0;border-radius:7px;background:none;color:#6154a0;font-size:11px;font-weight:600}.workflow-guide button:hover{background:#eae5fb}.workflow-guide>span{color:#aba0c7}.nav-sequence{font-size:9px;display:grid;place-items:center;background:#ffffff0c;border:1px solid #ffffff10;border-radius:5px;min-width:16px;height:18px;color:#a6acc9}nav button{gap:9px}.pairing-code{font:600 38px ui-monospace,monospace!important;text-align:center;letter-spacing:10px;max-width:350px;background:#f4f1ff!important;border:1px solid #bbaee6!important;color:#6552a4!important;padding:20px!important}.pairing-panel{border-color:#c9bce9}.pairing-panel .field{max-width:500px}.pair-success{display:flex;align-items:center;gap:12px;background:#eaf9f1;padding:20px;border-radius:12px;color:#287858;font-size:13px}@media(max-width:1150px){.report-filters,.analytics-kpis{grid-template-columns:1fr 1fr}.analytics-charts{grid-template-columns:1fr}.workflow-guide{gap:3px;padding:10px}.workflow-guide button{padding:6px;font-size:10px}}@media(max-width:760px){.report-filters{grid-template-columns:1fr}.analytics-dashboard{padding:20px}.analytics-kpis{gap:10px}.analytics-kpi{padding:14px}.analytics-kpi strong{font-size:28px}.analytics-chart{padding:16px}.workflow-guide{flex-wrap:wrap;justify-content:flex-start;gap:6px}.workflow-guide>span{display:none}.nav-sequence{display:none}.pairing-code{width:100%;font-size:30px!important;letter-spacing:7px}.pairing-panel .section-title{flex-wrap:nowrap;align-items:flex-start}}:root{--signal-ink: #172d35;--signal-muted: #627781;--signal-line: #dce7e8;--signal-canvas: #f2f6f5;--signal-accent: #007b70;--signal-bright: #54dec2;--signal-amber: #edb65b;font-family:Segoe UI Variable,Segoe UI,Inter,ui-sans-serif,system-ui,sans-serif;color:var(--signal-ink);background:var(--signal-canvas)}body{background:var(--signal-canvas)}button,input,select,textarea{font-family:inherit}input,select,textarea{border-color:#cddcde;border-radius:9px;color:var(--signal-ink);font-size:13px}input:hover,select:hover,textarea:hover{border-color:#8eacae}input:focus,select:focus,textarea:focus{outline:3px solid #b7e6d9;outline-offset:1px;border-color:#007b70}button:focus-visible,a:focus-visible{outline:3px solid #43c6a8;outline-offset:3px}p{color:var(--signal-muted)}small{line-height:1.5}h1,h2,h3{color:var(--signal-ink)}.shell>aside{width:250px;background:linear-gradient(160deg,#142b32,#0c1d24 75%);color:#a5bbc0;border-right:1px solid #244048;padding:29px 18px 24px;scrollbar-width:thin;scrollbar-color:#38525b #10232b}.brand{padding:0 12px;font-size:29px;gap:10px;letter-spacing:2px}.brand-symbol{border-radius:9px;background:#54dec2;color:#11362e;box-shadow:0 0 0 4px #54dec20b}.brand-dot{color:#54dec2}aside .workspace{background:#ffffff04;border:1px solid #2b444b;border-radius:12px;margin:30px 0 28px;padding:14px 12px}.workspace-icon{background:#1c3c41;border:1px solid #315254;color:#84dac7;border-radius:7px}.workspace small{color:#a5b8be}aside .nav-caption{color:#91a9af;font-size:9px;letter-spacing:2px;margin-bottom:12px}aside nav{gap:5px}aside nav button{font-size:12px;padding:11px 12px;border-radius:8px;position:relative}aside nav button:hover{background:#ffffff07;color:#e5f1f1}aside nav .active{color:#9be8d7;background:#1a3a3c;box-shadow:none}aside nav .active:before{content:"";position:absolute;inset:10px auto 10px -5px;width:3px;background:#54dec2;border-radius:3px}.nav-sequence{color:#91a9af;border-color:#335058;background:none;font-size:8px}nav .active .nav-sequence{color:#9be8d7;border-color:#46756f}aside .sidebar-bottom{border-color:#2c454c;color:#c1d1d4;padding:20px 8px 0;margin-top:26px;gap:9px;flex-wrap:wrap}.sidebar-bottom small{color:#9bb1b8}.sidebar-bottom>button{border:1px solid #3d5960;border-radius:6px;padding:6px 8px;font-size:10px;color:#c6d9dc}.main{margin-left:250px;width:calc(100% - 250px);background:radial-gradient(ellipse at 90% 0,#e6f1ed 0,transparent 45%)}.main>header{background:#ffffffec;border-bottom:1px solid var(--signal-line);height:70px;padding:0 40px;color:#647c85;position:sticky;top:0;z-index:8;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.main>header>span:first-child{font-size:12px}.environment{display:flex;align-items:center;gap:8px;background:#edf8f3;border:1px solid #cee9dd;color:#397b66;border-radius:6px;font-size:9px;padding:7px 10px;letter-spacing:1px}.environment .status-dot{color:#258666}.main>main{max-width:1550px;padding:38px 40px}.page-heading{align-items:center;margin-bottom:28px}.page-heading h1{font-size:clamp(30px,3.2vw,40px);letter-spacing:-1.3px;line-height:1.15;font-weight:680}.page-heading p:last-child{color:#627781;font-size:13px;margin-top:12px}.eyebrow{font-size:9px!important;color:#53796f;letter-spacing:2px;margin-bottom:11px}.pixl-button{min-height:40px;font-size:12px;font-weight:600;border-radius:8px;box-shadow:none}.pixl-button[data-variant=default]{background:#007b70;color:#fff;border:1px solid #007b70}.pixl-button[data-variant=default]:hover{background:#00665d;border-color:#00665d}.pixl-button[data-variant=outline]{background:#fff;border:1px solid #cbdcde;color:#35525b}.pixl-button[data-variant=outline]:hover{background:#f0f7f4;border-color:#8eaaa8}.pixl-button[data-variant=destructive]{background:#b44250;border-color:#b44250;color:#fff}.pixl-button:disabled{opacity:.45}.panel,.stat{background:#fff;border:1px solid var(--signal-line);border-radius:13px;box-shadow:0 3px 10px #173a3503}.form-panel{padding:26px}.panel-heading{padding:23px 26px;border-color:#e5eeee}h2{font-size:17px;font-weight:650;letter-spacing:-.3px}h3{font-weight:650}.section-title{margin-bottom:22px}.form-panel p{font-size:12px;line-height:1.8}.field>span{color:#48636c;font-size:11px}.search{border-color:#d2e1e2;background:#fff;padding:0 12px;border-radius:8px;color:#789398}.search input{background:none;font-size:12px;padding:10px}.workflow-guide{background:#ffffff85;border-color:#d6e5df;border-radius:10px;gap:8px;padding:10px 13px}.workflow-guide button{color:#47746a;font-size:11px;padding:8px 10px;border-radius:6px}.workflow-guide button:hover{background:#e6f3eb;color:#00665d}.workflow-guide>span{color:#9db6ad}.stats{gap:18px}.stat{padding:23px;position:relative;overflow:hidden}.stat:before{content:"";position:absolute;left:0;top:22px;bottom:22px;width:3px;background:#85c3b0;border-radius:2px}.stat-top{color:#546f78;font-size:12px}.stat-top>svg{color:#3e8a7c}.stat strong{color:#1b3b42;font-size:36px;font-weight:650;margin:13px 0 5px}.stat p{font-size:11px;color:#6c8289}.banner{background:radial-gradient(ellipse at 90% 20%,#2b5853,#12383d 50%,#11282f);padding:34px;min-height:270px;border:1px solid #264e51;position:relative;overflow:hidden;gap:30px}.banner:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(#ffffff04 1px,transparent 1px),linear-gradient(90deg,#ffffff04 1px,transparent 1px);background-size:35px 35px;pointer-events:none}.banner>div{position:relative}.banner .eyebrow{color:#a3d4c3}.banner h2{color:#f2fbf7;font-size:clamp(25px,2.8vw,35px);letter-spacing:-.9px;margin:12px 0}.banner p{max-width:360px;color:#b9cfca;font-size:12px}.banner .pixl-button[data-variant=default]{background:#cceadb;border-color:#cceadb;color:#184337}.banner .pixl-button[data-variant=default]:hover{background:#fff}.signal-display{width:280px;flex-shrink:0;background:#15272e;padding:9px;border:1px solid #789990;border-radius:9px;transform:perspective(800px) rotateY(-8deg) rotate(2deg);box-shadow:0 14px 35px #03181266}.signal-display-top{display:flex;align-items:center;gap:6px;color:#b1c3bc;font-size:7px;letter-spacing:1px;padding:4px 4px 9px}.signal-display-top>span{height:4px;width:4px;border-radius:50%;background:#f4c772}.signal-display-content{background:#d9ebbd;color:#20453b;padding:20px;position:relative;overflow:hidden;min-height:143px}.signal-display-content>span{font-size:11px;font-weight:650;letter-spacing:3px}.signal-display-content strong{display:block;font-weight:900;letter-spacing:-3px;font-size:46px;line-height:1.2;position:relative;z-index:1}.signal-wave{height:70px;width:165px;background:repeating-linear-gradient(135deg,transparent 0 7px,#8fac7180 7px 9px);border-radius:50%;position:absolute;right:-35px;bottom:-15px;transform:rotate(-25deg)}.signal-display-bottom{color:#b1c3bc;display:flex;justify-content:space-between;font-size:6px;letter-spacing:1px;padding:11px 4px 4px}.quick-grid button{border-color:var(--signal-line);border-radius:12px;padding:24px;gap:16px;box-shadow:none;color:#318f7b}.quick-grid button:hover{border-color:#73b19d;box-shadow:0 6px 20px #214c3b09}.quick-grid strong{font-size:15px;color:#29474f}.quick-grid span{color:#637d85;font-size:11px}.screen-card,.media-card{border-color:#dae6e5;border-radius:12px}.screen-card .device-icon{background:#edf6f1;color:#33836c;border-color:#d8e8df}.screen-card .card-meta{border-top:1px solid #e4edeb;padding-top:17px}.badge{border-radius:5px;font-weight:550;font-size:10px;padding:5px 8px}.green{background:#e5f5ec;color:#237953}.purple{background:#edf1f5;color:#526b7e}.gray{background:#f0f2f1;color:#677c7c}.red{background:#fcebee;color:#ae4252}.upload-panel{background:radial-gradient(ellipse at top,#eff8f0,#fff 80%);border:1px dashed #8db6a3}.upload-panel>svg{color:#368a6f}.upload-label{color:#23765e!important}.upload-panel progress{accent-color:#007b70}.media-art{background:linear-gradient(130deg,#e2eee7,#f4f3e5);color:#528773;border-bottom:1px solid #dae5db}.step-number{background:#e8f3ec;color:#357c60}.info-strip{background:#edf6ef;border-color:#d4e6d9;color:#3c6d55}.count-pill{background:#ebf4ee;color:#47725e;border:1px solid #d7e7dc;padding:6px 11px;font-size:10px}.screen-option.chosen{background:#f0f8f2;border-color:#6eaa94}.screen-option input,input[type=checkbox]{accent-color:#007b70}.icon-actions button{background:#f0f5f2;color:#5c7f72}.icon-actions button:hover{background:#dceee1;color:#226e54}.delivery{background:#f2f7f4}.timeline article{border-color:#e5edeb}.activity-icon{background:#edf5ef;color:#56836a}.calendar-grid{border-color:#dce7e3;background:#dce7e3}.day-heading{background:#f2f7f4;color:#698477}.calendar-day.today{background:#f0f8ee;box-shadow:inset 0 0 0 2px #8bb393}.calendar-day.today>span{color:#3b7758}.calendar-event{background:#edf4e6;color:#507648;border-color:#87a96d}.pairing-code{color:#176855!important;background:#f0f8f0!important;border-color:#9ac7ae!important}.pairing-panel{border-color:#b1d0bd}.alert{border-radius:9px;padding:16px 20px}.alert.notice{background:#eaf6ed;color:#38684b;border-color:#c9e2d0}.alert.error{background:#fff1ee;color:#ae4e3d;border-color:#f2d3c9}.analytics-dashboard{background:radial-gradient(ellipse at 90% 0,#284842,#142e34 65%);border:1px solid #24474a;border-radius:13px;box-shadow:none}.analytics-dashboard h2{color:#f0faf3}.analytics-dashboard .eyebrow{color:#a2c8a9}.analytics-dashboard .section-title p{color:#b6ccc5}.analytics-kpi{border-color:#47605e;background:#ffffff03;border-radius:9px}.analytics-kpi strong{color:#edb65b}.analytics-kpi span{color:#dce8e2}.analytics-kpi small{color:#b2c9c0}.analytics-chart{background:#10262b88;border-color:#3a5655;border-radius:9px}.analytics-chart h3{color:#deebe4}.analytics-footnote{color:#b8ccc5}.report-error{display:flex;align-items:flex-start;gap:16px;padding:24px;border:1px solid #e5c6bc;border-left:4px solid #c67b60;background:#fff7f3;border-radius:12px;margin:0 0 24px;color:#b36647}.report-error h3{color:#7d442f;margin-bottom:7px;font-size:16px}.report-error p{color:#805b4c;line-height:1.8;margin-bottom:15px;font-size:13px}.report-error>svg{flex-shrink:0;margin-top:3px}.report-loading{text-align:center;padding:36px}.report-loading h3{margin:16px 0 8px}.report-loading p{font-size:13px}.loading-orbit{display:inline-block;width:29px;height:29px;border-radius:50%;border:3px solid #dcece4;border-top-color:#007b70;animation:signal-spin 1s linear infinite}.skeleton-row{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:24px}.skeleton-row i{display:block;height:85px;border-radius:9px;background:linear-gradient(100deg,#f0f5f1,#e7f0e9,#f0f5f1);background-size:200% 100%;animation:signal-shimmer 2s linear infinite}@keyframes signal-spin{to{transform:rotate(360deg)}}@keyframes signal-shimmer{to{background-position:-200% 0}}th{background:#f5f8f6;color:#668077;border-color:#e3ebe6;font-size:9px}td{border-color:#edf2ef;color:#627b7d;padding-top:17px;padding-bottom:17px}.reports-workspace table td:first-child{color:#2c514a}.table-scroll table tbody tr:hover{background:#f9fcf9}footer{color:#718a84;border-top:1px solid #dce8e0;padding-top:20px;font-size:10px}.login{background:radial-gradient(ellipse at 50% 10%,#dceee0,transparent 65%),#f1f5f2;padding:30px}.login h1{color:#173c33;font-size:32px;letter-spacing:-1px}.login>p{max-width:580px;text-align:center;font-size:13px}.login form{display:grid;gap:18px;padding:30px;border:1px solid #ccdfd2;border-radius:14px;background:#fff;width:min(100%,420px);box-shadow:0 16px 50px #244f3010}.login form label{font-size:12px;font-weight:600;color:#4c6e60;display:grid;gap:8px}.login form button{border-radius:8px;padding:12px;border:0;background:#007b70;color:#fff;font-size:13px}@media(min-width:1600px){.main>main{padding:46px 55px}}@media(max-width:1100px){.shell>aside{width:215px;padding-left:13px;padding-right:13px}.main{margin-left:215px;width:calc(100% - 215px)}.main>main{padding:30px 25px}.signal-display{width:230px}.signal-display-content strong{font-size:38px}.banner{padding:26px;gap:20px}}@media(max-width:900px){.signal-display{display:none}.main>header{padding:0 25px}}@media(max-width:760px){.shell>aside{position:static;width:auto;padding:19px 15px 15px}aside nav{gap:5px}aside nav button{padding:8px 10px;font-size:11px}aside nav .active:before{display:none}.main{margin-left:0;width:100%}.main>header{height:54px;padding:0 20px;position:static}.main>main{padding:26px 20px}.page-heading h1{font-size:31px}.page-heading p:last-child{font-size:12px}.environment{font-size:8px;letter-spacing:.4px;padding:5px 7px}.banner{padding:26px;min-height:240px}.banner h2{font-size:29px}.form-panel{padding:21px}.workflow-guide{gap:3px;padding:10px}.workflow-guide button{font-size:10px;padding:6px}.report-error{padding:20px 16px;gap:10px}.skeleton-row{grid-template-columns:1fr 1fr}.report-loading{padding:28px 20px}.stat strong{font-size:32px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
