:root{--ink:#14213d;--muted:#667085;--paper:#f5f7fb;--line:#e7eaf0;--brand:#ff6b4a;--brand-dark:#e34b2b;--nav:#111c35;--success:#1d9d70}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",sans-serif}.kiosk-nav{background:var(--nav);box-shadow:0 8px 28px rgba(17,28,53,.13)}.navbar-brand{color:#fff!important;font-family:Manrope,sans-serif;font-weight:800}.brand-mark{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--brand);color:#fff;font-size:.72rem;letter-spacing:.04em;box-shadow:inset 0 -3px 0 rgba(0,0,0,.12)}.brand-mark-lg{width:48px;height:48px;border-radius:14px;font-size:1rem}.kiosk-nav .nav-link{color:#aeb8cc;border-radius:8px;padding:.55rem .85rem}.kiosk-nav .nav-link:hover,.kiosk-nav .nav-link.active{color:#fff;background:rgba(255,255,255,.08)}.user-chip{color:#d6dbea;font-size:.875rem}.page-heading h1,.login-panel h1{font:800 clamp(2rem,4vw,3.2rem)/1.05 Manrope,sans-serif;letter-spacing:-.045em;margin:0 0 .65rem}.page-heading p{color:var(--muted);margin:0}.eyebrow{color:var(--brand)!important;font-size:.73rem!important;font-weight:800;letter-spacing:.14em;margin-bottom:.7rem!important}.btn{border-radius:10px;font-weight:700;padding:.65rem 1rem}.btn-primary{--bs-btn-bg:var(--brand);--bs-btn-border-color:var(--brand);--bs-btn-hover-bg:var(--brand-dark);--bs-btn-hover-border-color:var(--brand-dark)}.form-control,.form-select{border-color:#dce1e9;border-radius:10px;padding:.7rem .85rem}.form-control:focus,.form-select:focus{border-color:var(--brand);box-shadow:0 0 0 .2rem rgba(255,107,74,.13)}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.stat-card{min-height:135px;padding:1.35rem;border-radius:18px;color:#fff;text-decoration:none;display:flex;align-items:flex-end;justify-content:space-between;transition:transform .18s ease,box-shadow .18s ease;box-shadow:0 14px 30px rgba(17,28,53,.08)}.stat-card:hover{color:#fff;transform:translateY(-3px);box-shadow:0 18px 36px rgba(17,28,53,.15)}.stat-card.coral{background:linear-gradient(145deg,#ff8d6d,#ff5a3d)}.stat-card.violet{background:linear-gradient(145deg,#8e7cf2,#6554cf)}.stat-card.blue{background:linear-gradient(145deg,#4f9df4,#286bcc)}.stat-card.green{background:linear-gradient(145deg,#42bf91,#16825f)}.stat-card strong{display:block;font:800 2.4rem/1 Manrope,sans-serif}.stat-card span{font-size:.86rem}.stat-icon{align-self:flex-start;font-size:1.4rem;background:rgba(255,255,255,.18);width:40px;height:40px;border-radius:12px;display:grid;place-items:center}.content-card,.health-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:1.4rem;box-shadow:0 10px 30px rgba(20,33,61,.05)}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.section-heading h2,.content-card h2,.health-card h2{font:800 1.3rem Manrope,sans-serif;margin:0}.section-heading a{font-weight:700;color:var(--brand);text-decoration:none}.table>:not(caption)>*>*{padding:1rem;border-bottom-color:var(--line)}.table thead th{color:#8992a5;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;font-weight:700}.status-pill{display:inline-flex;padding:.3rem .65rem;border-radius:999px;font-size:.75rem;font-weight:700;background:#eef0f4;color:#758096}.status-pill.is-active{background:#e5f7f0;color:#16825f}.health-card{background:linear-gradient(150deg,#15233f,#24385d);color:#fff}.health-number{padding:1.4rem 0;border-bottom:1px solid rgba(255,255,255,.12)}.health-number strong{font:800 3rem Manrope,sans-serif;display:block}.health-number span{color:#aeb8cc}.health-line{display:flex;justify-content:space-between;padding:1rem 0}.filter-bar{display:flex;gap:.75rem;background:#fff;border:1px solid var(--line);padding:.75rem;border-radius:14px}.filter-bar .form-control{flex:1}.filter-bar .form-select{max-width:190px}.media-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.1rem}.media-card{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:0 8px 24px rgba(20,33,61,.04)}.media-thumb{height:185px;background:#e9edf4;position:relative}.media-thumb img{width:100%;height:100%;object-fit:cover}.video-placeholder{height:100%;display:grid;place-content:center;text-align:center;color:#748099;background:radial-gradient(circle at 30% 20%,#fff,#e4e9f1)}.video-placeholder span{font-size:2.5rem}.video-placeholder small{margin-top:.4rem}.type-badge{position:absolute;left:.75rem;top:.75rem;padding:.35rem .6rem;border-radius:7px;background:rgba(17,28,53,.86);color:#fff;font-size:.7rem;font-weight:700}.media-body{padding:1rem}.media-body h2{font-size:1rem;margin:0 0 .3rem}.media-body p{font-size:.8rem;color:var(--muted);margin:0}.status-dot{width:10px;height:10px;border-radius:50%;background:#cbd1dc;margin-top:.3rem}.status-dot.on{background:#22aa78;box-shadow:0 0 0 4px #e5f7f0}.media-actions{display:flex;gap:1rem;border-top:1px solid var(--line);margin-top:1rem;padding-top:.8rem}.media-actions a{font-size:.8rem;font-weight:700;color:#46536b;text-decoration:none}.wide{grid-column:1/-1}.empty-state{text-align:center;padding:2.5rem!important;color:var(--muted)}.narrow-page{max-width:720px;margin:0 auto}.back-link{color:#59657c;text-decoration:none;font-weight:700}.upload-drop{min-height:260px;border:2px dashed #cfd6e2;border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.35rem;cursor:pointer;transition:.2s}.upload-drop:hover,.upload-drop.is-dragging{border-color:var(--brand);background:#fff7f4}.upload-drop span{color:var(--muted)}.upload-drop small{margin-top:1rem;color:#929bad}.upload-icon{display:grid;place-items:center;width:52px;height:52px;border-radius:14px;background:#fff0eb;color:var(--brand)!important;font-size:1.5rem;font-weight:800}.file-summary{background:#edf6ff;border-radius:10px;padding:.85rem 1rem;margin-top:1rem;color:#286bcc}.recommendation,.key-card{display:flex;flex-direction:column;gap:.2rem;background:#fff7e7;border:1px solid #ffe1a6;border-radius:14px;padding:1rem 1.2rem}.recommendation span,.key-card small{color:#7b6a49;font-size:.85rem}.danger-card{padding:2rem}.danger-card h1{font:800 2rem Manrope,sans-serif}.danger-icon{display:grid;place-items:center;width:52px;height:52px;background:#fee9e8;color:#c83532;border-radius:50%;font-size:1.5rem;font-weight:800;margin-bottom:1.2rem}.playlist-items{display:grid;gap:.65rem}.playlist-item{display:flex;align-items:center;gap:.8rem;border:1px solid var(--line);border-radius:13px;padding:.75rem;background:#fff}.drag-handle,.icon-button{border:0;background:transparent;color:#8a94a7;font-size:1.35rem;cursor:grab}.icon-button{cursor:pointer}.position-number{font-weight:800;color:#a3abba;width:18px}.item-type{width:42px;height:42px;border-radius:10px;display:grid;place-items:center;background:#fff0eb;color:var(--brand);flex:none}.item-type.video{background:#eeeaff;color:#6554cf}.item-main{min-width:0;flex:1}.item-main strong,.asset-option strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-main small,.asset-option small{display:block;color:var(--muted);font-size:.75rem}.duration-field{display:flex;align-items:center;gap:.4rem;font-size:.75rem;color:var(--muted)}.duration-field .form-control{width:70px}.duration-field em{font-style:normal}.natural-duration{font-size:.75rem;color:var(--muted)}.drag-hint{font-size:.8rem;color:var(--muted)}.drag-ghost{opacity:.35;background:#fff4f0}.justify-self-start{justify-self:start}.library-panel{position:sticky;top:95px;max-height:calc(100vh - 120px);display:flex;flex-direction:column}.asset-list{overflow:auto;display:grid;gap:.5rem}.asset-option{width:100%;display:flex;align-items:center;gap:.7rem;text-align:left;border:1px solid var(--line);background:#fff;border-radius:12px;padding:.65rem}.asset-option:hover{border-color:var(--brand);background:#fff9f7}.asset-option span:nth-child(2){min-width:0;flex:1}.asset-option b{font-size:1.3rem;color:var(--brand)}.key-card{background:#edf6ff;border-color:#cfe6ff}.key-card code{word-break:break-all;font-size:1rem}.preview-page{background:#0a1020;min-height:calc(100vh - 72px);padding:0}.preview-toolbar{height:60px;padding:0 1rem;background:#111c35;color:#fff;display:flex;align-items:center;justify-content:space-between}.preview-toolbar>div{display:flex;align-items:center;gap:1rem}.preview-toolbar a{color:#cbd3e2;text-decoration:none}.preview-toolbar span{color:#9da8bc;font-size:.8rem}.preview-stage{height:calc(100vh - 132px);position:relative;display:grid;place-items:center;overflow:hidden;background:#050913}.preview-stage img,.preview-stage video{width:100%;height:100%;object-fit:contain;position:absolute;inset:0}.preview-empty{display:flex;flex-direction:column;text-align:center;color:#758096}.preview-caption{position:absolute;z-index:2;left:1rem;bottom:1rem;background:rgba(0,0,0,.55);color:#fff;border-radius:8px;padding:.45rem .75rem;font-size:.8rem}.login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(380px,520px) 1fr;padding:0}.login-panel{background:#fff;padding:clamp(2rem,6vw,5rem);display:flex;flex-direction:column;justify-content:center}.login-brand{position:absolute;top:2rem;display:flex;align-items:center;gap:.75rem;font:800 1.15rem Manrope,sans-serif}.login-note{color:#98a1b1;font-size:.78rem;text-align:center;margin-top:2rem}.login-visual{position:relative;overflow:hidden;background:radial-gradient(circle at 30% 30%,#3a5180,#111c35 65%)}.screen{position:absolute;border-radius:24px;border:8px solid rgba(255,255,255,.14);background:linear-gradient(135deg,#ffb28e,#ff5e43);box-shadow:0 30px 80px rgba(0,0,0,.35)}.screen-one{width:50%;height:40%;left:12%;top:17%;transform:rotate(-7deg)}.screen-two{width:45%;height:38%;right:-5%;top:42%;transform:rotate(8deg);background:linear-gradient(135deg,#8e7cf2,#4f9df4)}.visual-copy{position:absolute;left:10%;bottom:10%;right:10%;color:#fff}.visual-copy span{font-size:.7rem;letter-spacing:.15em;color:#ffb6a6;font-weight:800}.visual-copy strong{display:block;font:800 clamp(2rem,4vw,4rem)/1.05 Manrope,sans-serif;max-width:780px;margin-top:.8rem;letter-spacing:-.04em}.message-stack{position:fixed;z-index:1100;right:1rem;top:85px;max-width:430px}.font-monospace{font-size:.72rem!important}
.storage-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:1.4rem;box-shadow:0 10px 30px rgba(20,33,61,.05)}.storage-summary,.storage-foot{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem}.storage-summary h2{font:800 1.6rem Manrope,sans-serif;margin:0}.storage-summary>div>span,.storage-free span,.storage-foot{color:var(--muted);font-size:.82rem}.storage-free{text-align:right}.storage-free strong{display:block;font:800 1.2rem Manrope,sans-serif;color:var(--ink)}.storage-progress{height:12px;background:#edf0f5;border-radius:99px;overflow:hidden;margin:1.25rem 0 .65rem}.storage-progress span{display:block;height:100%;min-width:2px;border-radius:inherit;background:linear-gradient(90deg,var(--brand),#ffac72)}.storage-foot a{color:var(--brand);font-weight:700;text-decoration:none}@media(max-width:1100px){.stats-grid,.media-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:767px){.stats-grid,.media-grid{grid-template-columns:1fr}.filter-bar{flex-direction:column}.filter-bar .form-select{max-width:none}.playlist-item{flex-wrap:wrap}.item-main{flex-basis:55%}.duration-field{margin-left:84px}.storage-summary,.storage-foot{align-items:flex-start;flex-direction:column}.storage-free{text-align:left}.login-shell{grid-template-columns:1fr}.login-visual{display:none}.login-panel{padding:2rem}.login-brand{position:static;margin-bottom:3rem}.preview-toolbar strong{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview-toolbar span{display:none}}