:root{color-scheme:dark;--bg:#08090c;--card:#101318;--line:#2b3037;--muted:#a5adb9;--red:#b30030;--text:#f4f4f7}*{box-sizing:border-box}body{margin:0;color:var(--text);background:radial-gradient(ellipse at 100% 0,#360916 0,transparent 45%),var(--bg);font:14px/1.45 system-ui,-apple-system,Segoe UI,sans-serif}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible{outline:2px solid #ff779e;outline-offset:3px}h1,h2,h3,p{margin:0}h1{font-size:30px;letter-spacing:-.7px}h2{font-size:18px}h3{font-size:15px}a{color:#f3b7c8;text-decoration:none}small,.small{font-size:11px}.muted{color:var(--muted)}.row{display:flex;align-items:center;gap:12px}.between{display:flex;align-items:center;justify-content:space-between;gap:12px}.stack{display:grid;gap:14px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.span2{grid-column:1/-1}.hidden{display:none!important}.btn{border:1px solid #c91541;border-radius:9px;min-height:40px;padding:9px 15px;background:linear-gradient(120deg,#c00033,#65001e);color:white;display:inline-flex;justify-content:center;align-items:center;gap:7px;font-weight:600;font-size:12px}.btn:hover{filter:brightness(1.18)}.btn.secondary{background:linear-gradient(120deg,#1b2027,#101317);border-color:#454c57;color:#ecedf1}.btn.danger{background:#300b16;border-color:#ad1740;color:#ff8daa}.btn.green{background:#0a351e;border-color:#226f46}.btn.tiny{min-height:29px;padding:4px 9px;font-size:11px}.iconbtn{background:#14161c;border:1px solid var(--line);border-radius:9px;width:38px;height:38px;color:white;font-size:19px;display:inline-grid;place-items:center;position:relative}.chip{display:inline-block;font-size:10px;padding:4px 9px;border-radius:20px;border:1px solid #43444d;color:#c7cbd2;background:#15151b}.chip.green{color:#7ee5b2;border-color:#236b48}.chip.red{color:#ff8ea7;border-color:#873044}.chip.amber{color:#edcd93;border-color:#775a22}.panel{background:linear-gradient(140deg,#14171c,#0c1013);border:1px solid var(--line);border-radius:12px;padding:18px;min-width:0}.accent{background:linear-gradient(110deg,#330b19,#130d12);border-color:#762038}.brand{display:flex;align-items:center;gap:9px;white-space:nowrap}.brand-symbol{display:inline-block;width:28px;height:38px;background:url(assets/logo.png) center top/56px auto no-repeat}.brand-word{font-size:24px;font-weight:800;letter-spacing:-1px;color:#d9dce3;text-shadow:0 1px #fff,0 3px 2px #000}.brand-word b{color:#dc173e}.brand.custom img{width:180px;max-height:50px;object-fit:contain}.appbar{height:72px;position:fixed;inset:0 0 auto;display:flex;align-items:center;gap:20px;padding:12px 24px;background:#080a0eec;border-bottom:1px solid var(--line);z-index:30;backdrop-filter:blur(12px)}.grow{flex:1}.rolelabel{padding-left:22px;border-left:1px solid #4f4f56;color:#e8e8ee}.demo{font-size:10px;border:1px solid #6c1733;background:#290b17;color:#e7acbd;padding:3px 8px;border-radius:8px}.profile{border:1px solid var(--line);border-radius:9px;padding:7px 11px;background:#101015;color:white;font-size:12px}.count{position:absolute;right:-4px;top:-5px;font-size:9px;background:#db003e;border-radius:100%;padding:2px 5px}.sidebar{position:fixed;top:72px;bottom:0;left:0;width:222px;border-right:1px solid var(--line);padding:18px 13px;background:#090b0e;display:flex;flex-direction:column;z-index:25}.sidebar nav{display:grid;gap:7px}.navitem{border:1px solid transparent;background:transparent;color:#e2e3e8;border-radius:9px;text-align:left;padding:12px;display:flex;gap:12px;align-items:center;font-size:13px}.navitem.active{background:linear-gradient(110deg,#770023,#310d18);border-color:#b21542}.navicon{font-size:18px;width:23px;text-align:center;color:#ccc}.sidebar .foot{margin-top:auto;display:grid;gap:10px}.main{margin:72px 0 0 222px;height:calc(100dvh - 72px);padding:24px;overflow:hidden;display:flex;flex-direction:column;gap:18px}.pagehead{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-shrink:0}.pagehead p{color:var(--muted);font-size:12px;margin-top:4px}.scrollpage{overflow:auto;min-height:0;padding:1px 2px 20px;flex:1}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.metric{border:1px solid var(--line);background:linear-gradient(145deg,#191c23,#0c0f12);border-radius:11px;padding:17px;display:flex;align-items:center;gap:14px;min-width:0}.metric .mi{font-size:26px;color:#c6cbd4}.metric strong{font-size:29px;line-height:1.2;display:block}.metric span{font-size:12px;color:#b9bfca}.dashboard{display:flex;flex-direction:column;gap:14px;min-height:0;flex:1}.welcome{padding:16px 20px}.quick{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.quick .btn{justify-content:space-between;padding:13px 16px}.capacity{padding:12px 16px}.bar{height:6px;background:#252a31;border-radius:10px;overflow:hidden;margin-top:8px}.bar i{display:block;height:100%;background:linear-gradient(90deg,#8c1535,#f1305d);border-radius:10px}.dashbottom{display:grid;grid-template-columns:1fr 1fr;gap:16px;flex:1;min-height:0}.dashboard .activity{overflow:auto;min-height:0}.move{border-bottom:1px solid #262c32;padding:11px 0;display:grid;grid-template-columns:100px 1fr 95px;gap:10px;font-size:12px}.move:last-child{border-bottom:0}.filters{display:flex;gap:10px;flex-shrink:0}.filters input{flex:1;min-width:0}.filters select{max-width:240px}.listbox{border:1px solid var(--line);border-radius:12px;overflow:auto;min-height:0;flex:1;background:#0e1115}table{width:100%;border-collapse:collapse;text-align:left}th{position:sticky;top:0;background:#1b2027;color:#b8c0cc;font-size:11px;font-weight:600;padding:12px 16px;z-index:2}td{padding:14px 16px;border-bottom:1px solid #272c33;font-size:12px}tbody tr[data-action]{cursor:pointer}tbody tr:hover{background:#2e101c}td .sub{font-size:10px;color:#9aa3b1;display:block}.arrow{color:#c0c6cf;text-align:right}.empty{padding:50px 20px;text-align:center}.empty h3{margin:8px}.empty p{color:var(--muted);margin-bottom:14px}.login{min-height:100dvh;display:grid;place-items:center;padding:30px 18px;background:linear-gradient(135deg,#290914,transparent 40%,transparent 65%,#220914)}.loginwrap{width:100%;max-width:430px}.loginwrap>.brand{justify-content:center;margin-bottom:25px;transform:scale(1.15)}.loginbox{padding:30px;border:1px solid #84213c;border-radius:16px;background:#0c0f14e8}.loginbox h1{font-size:27px;text-align:center}.loginbox>p{text-align:center;margin:7px 0 24px;color:var(--muted)}form label,.label{display:block;font-size:12px;margin-bottom:5px;color:#e1e2e7}input:not([type=checkbox]):not([type=file]),select,textarea{width:100%;background:#0c1015;color:#f0f1f6;border:1px solid #3b424d;border-radius:8px;min-height:40px;padding:9px 11px;outline:none}input:focus,select:focus,textarea:focus{border-color:#c52a52;box-shadow:0 0 0 2px #bd164129}input::placeholder,textarea::placeholder{color:#828c9a}input[readonly]{color:#8b96a4;background:#12151a}input[type=checkbox]{accent-color:#be1645;width:16px;height:16px}textarea{resize:vertical;min-height:70px}.check{display:flex;align-items:center;gap:8px;font-size:12px;margin:0}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.formblock{border:1px solid var(--line);padding:15px;border-radius:10px}.formblock h3{margin-bottom:12px}.formerror{padding:10px;border:1px solid #8d2741;background:#3e1220;color:#ffc3d3;border-radius:8px;font-size:12px}.help{font-size:11px;color:var(--muted);margin-top:5px}.login-demo{margin-top:18px;border-top:1px solid var(--line);padding-top:15px}.login-demo p{color:#aeb6c3;font-size:11px;margin-bottom:8px}.demochoices{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px}.loginlinks{text-align:center;margin-top:18px;display:grid;gap:12px;font-size:12px}.banner{border:1px solid var(--line);background:#1a1520;border-radius:8px;padding:10px;font-size:11px}.overlay{position:fixed;inset:0;background:#000a;z-index:70;display:flex;align-items:center;justify-content:center;padding:18px;backdrop-filter:blur(3px)}.modal{width:100%;max-width:530px;max-height:92dvh;overflow:auto;background:linear-gradient(145deg,#181b21,#0b0e13);border:1px solid #9b2143;border-radius:14px;padding:24px;box-shadow:0 24px 80px #0009}.modal.wide{max-width:850px}.modal header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;gap:12px}.modal h2{font-size:23px;letter-spacing:-.4px}.modal h3{font-size:16px}.modal .detailname{font-size:25px;margin:0 0 18px}.detailrow{display:flex;justify-content:space-between;gap:20px;padding:11px 0;border-bottom:1px solid var(--line);font-size:13px}.detailrow>span{color:var(--muted)}.detailrow strong{font-weight:500;overflow-wrap:anywhere;text-align:right;min-width:0}.modal footer{display:flex;justify-content:flex-end;gap:9px;margin-top:22px}.modal footer .btn{flex:1}.detailsactions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}.detailsactions .danger{grid-column:1/-1}.password{position:relative}.password input{padding-right:43px!important}.password button{position:absolute;right:3px;top:3px;height:34px;width:35px;border:0;background:transparent;color:#bbc2ce}.notices{position:fixed;top:66px;right:20px;z-index:60;width:min(440px,calc(100vw - 24px));padding:15px;background:#11151b;border:1px solid #664051;border-radius:12px;box-shadow:0 15px 40px #0009;max-height:75dvh;overflow:auto}.note{padding:13px 0;border-bottom:1px solid var(--line)}.note.unread{border-left:2px solid #d32151;padding-left:10px}.note p{font-size:12px;color:var(--muted);margin:4px 0 8px}#toast{position:fixed;left:50%;bottom:22px;transform:translateX(-50%);z-index:100;background:#103024;border:1px solid #397456;padding:12px 20px;border-radius:10px;max-width:90vw;font-size:12px;display:none}#toast.error{background:#3c1420;border-color:#a33251}.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.planimg{width:80px;height:80px;object-fit:contain;border-radius:10px;background:#090b10}.plan h2{margin-top:10px}.plan p{color:var(--muted);font-size:12px;margin:8px 0 15px}.plan ul{padding-left:18px;color:#d6d9df;font-size:12px}.plan .btn{width:100%;margin-top:8px}.settingspreview{height:75px;max-width:170px;object-fit:contain}.device{padding:13px 0;border-bottom:1px solid var(--line)}.device p{font-size:11px;color:var(--muted);margin-top:4px}.landing{max-width:1200px;margin:auto;padding:24px}.landing nav{display:flex;align-items:center;justify-content:space-between;gap:10px}.hero{padding:65px 0 45px;max-width:780px}.hero h1{font-size:54px;line-height:1.06}.hero h1 b{color:#ed315e}.hero p{font-size:17px;color:#adb5c3;margin:20px 0}.stickyactions{display:flex;gap:10px}.mobile-menu{display:none}.backdrop{display:none}.account-options{display:grid;gap:8px}.demo-menu{border-top:1px solid var(--line);padding-top:14px}.demo-menu label{font-size:10px}.demo-menu select{font-size:11px;min-height:32px;padding:5px}.listnote{font-size:11px;color:var(--muted)}.uploadlabel{display:inline-block;border:1px solid var(--line);padding:7px 9px;border-radius:7px;font-size:11px;cursor:pointer}.uploadlabel input{display:none}.notificationdot{color:#ff416b}.redtext{color:#e46d90}.historyfilters{flex-wrap:wrap}.historyfilters>*{flex:1;min-width:140px}.toolbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.confirmation p{margin:14px 0;color:#c9cdd6}.session{border:1px solid var(--line);padding:12px;border-radius:8px;margin:10px 0}.testbar{font-size:10px;color:#c59caa}.lastdate{white-space:nowrap}.modal .subhint{font-size:11px;color:#aab1bf;margin:-12px 0 18px}.settingsgrid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.closepanel{background:none;border:0;color:white;font-size:23px}.legend{font-size:10px;color:#929baa}.subtitle{color:var(--muted);font-size:12px}
@media(max-width:1050px){.sidebar{width:190px}.main{margin-left:190px;padding:18px}.metrics{gap:8px}.metric{padding:12px;gap:8px}.metric .mi{font-size:20px}.metric strong{font-size:25px}.rolelabel{display:none}.plans{grid-template-columns:1fr 1fr}.dashbottom{grid-template-columns:1fr}.dashboard .attention{display:none}.move{padding:9px 0}.quick .btn{padding:9px 10px}}
@media(max-width:650px){body{font-size:12px}.appbar{height:52px;padding:6px 12px;gap:9px}.brand{gap:4px}.brand-symbol{width:22px;height:31px;background-size:45px auto}.brand-word{font-size:21px}.appbar .brand{margin:0 auto}.appbar>.demo{display:none}.appbar .profile{display:none}.mobile-menu{display:inline-grid}.sidebar{top:52px;transform:translateX(-100%);width:245px;transition:transform .2s}.sidebar.open{transform:translateX(0)}.backdrop.open{display:block;position:fixed;inset:52px 0 0;background:#0009;z-index:24}.main{margin:52px 0 0;height:calc(100dvh - 52px);padding:12px;gap:10px}h1{font-size:23px}.pagehead{gap:8px;min-height:32px}.pagehead p{display:none}.pagehead .btn{min-height:34px;padding:6px 11px}.pagehead .chip{font-size:9px}.filters{gap:7px;flex-direction:column}.filters input,.filters select{min-height:36px;font-size:12px;padding:7px 10px;max-width:none}.listbox{border:0;border-radius:0;background:transparent}th{padding:9px 6px;font-size:10px}td{padding:10px 6px;font-size:12px;height:43px}td .sub{font-size:10px}.lastdate{font-size:10px;line-height:1.35}.hide-mobile{display:none!important}.arrow{width:14px;padding-right:3px}.tableprimary{font-size:12px;overflow-wrap:anywhere}.dashboard{gap:9px}.dashboard .welcome{padding:10px 12px}.dashboard .welcome h2{font-size:15px}.dashboard .welcome .subtitle{font-size:10px}.dashboard .welcome .btn{padding:6px 9px;font-size:10px;min-height:30px}.dashboard .welcome .row{gap:5px}.metrics{grid-template-columns:1fr 1fr;gap:8px}.metric{padding:8px 12px;min-height:61px;border-radius:9px}.metric .mi{font-size:20px}.metric strong{font-size:23px}.metric span{font-size:10px}.capacity{padding:8px 11px;font-size:11px}.bar{height:4px;margin-top:5px}.quick{grid-template-columns:1fr 1fr;gap:7px}.quick .btn{min-height:35px;padding:7px 9px;font-size:10px;justify-content:center}.quick .btn:last-child:nth-child(3){grid-column:1/-1}.dashbottom{gap:0;min-height:78px}.dashboard .activity{padding:10px 12px}.dashboard .activity h2{font-size:14px}.move{font-size:10px;grid-template-columns:48px 1fr 65px;padding:7px 0;gap:6px}.move .date{font-size:9px}.dashboard .listnote{display:none}.panel{padding:13px}.iconbtn{width:34px;height:34px;font-size:17px}.grid,.settingsgrid{grid-template-columns:1fr}.plans{grid-template-columns:1fr}.modal{padding:19px 16px;max-height:90dvh;max-width:420px}.modal header{margin-bottom:16px}.modal h2{font-size:20px}.modal .detailname{font-size:22px}.detailrow{font-size:12px;padding:10px 0}.modal footer{margin-top:17px}.formgrid{gap:9px}.formblock{padding:10px}.formblock h3{font-size:13px;margin-bottom:8px}.overlay.userform{padding:0;align-items:stretch}.userform .modal{border-radius:0;border:0;width:100%;max-width:none;max-height:100dvh;height:100dvh;overflow:hidden;padding:10px 13px;display:flex;flex-direction:column}.userform .modal header{margin-bottom:8px;min-height:35px}.userform .modal h2{font-size:20px}.userform form{display:flex;flex-direction:column;min-height:0;flex:1;gap:8px}.userform .formgrid{gap:7px}.userform label{font-size:10px;margin-bottom:3px}.userform input:not([type=checkbox]),.userform select{min-height:35px;height:35px;padding:6px 8px;font-size:12px}.userform .password button{height:29px}.userform .formblock{padding:8px}.userform .formblock h3{font-size:12px;margin-bottom:6px}.userform .help{font-size:10px;margin-top:3px}.userform .modal footer{margin-top:auto;padding-top:8px}.userform .check{font-size:11px}.userform .formerror{padding:6px;font-size:10px}.userform .subhint{margin:0 0 3px;font-size:10px}.loginbox{padding:24px 22px}.loginwrap>.brand{transform:scale(1.25);margin-bottom:28px}.loginbox h1{font-size:24px}.hero{padding:45px 0 30px}.hero h1{font-size:35px}.landing{padding:18px}.landing nav .brand-word{font-size:20px}.landing nav .btn{font-size:10px;padding:8px}.notices{top:56px;right:8px}.dashboard .welcome .planfacts{font-size:10px;line-height:1.4}.dashboard .legend{font-size:9px}.demochoices .btn{font-size:10px;padding:7px 4px}.landing .plans{gap:12px}}
@media(max-width:650px) and (max-height:740px){.main{padding:8px 12px;gap:7px}.dashboard{gap:6px}.metric{min-height:50px;padding:6px 10px}.dashboard .welcome{padding:7px 10px}.dashboard .capacity{padding:6px 10px}.dashboard .quick .btn{min-height:31px;padding:5px 7px}.dashboard .activity{padding:8px 10px}.dashboard .move{padding:5px 0}.dashboard .metric strong{font-size:21px}.userform input:not([type=checkbox]),.userform select{min-height:31px;height:31px}.userform form{gap:5px}.userform .formgrid{gap:5px}.userform .formblock{padding:6px}.userform .help{font-size:9px}.userform .modal footer .btn{min-height:33px}.userform .modal header{min-height:30px;margin-bottom:5px}.userform .password button{height:25px}}

/* HiburaPlayer: logo completo v1 */
.brand.official{flex-shrink:0}
.brand.official img{display:block;width:90px;height:58px;object-fit:contain}
.loginwrap>.brand.official,.loginwrap>.brand.custom{transform:none;justify-content:center;margin-bottom:22px}
.loginwrap>.brand.official img{width:min(240px,65vw);height:auto;max-height:none}
.loginwrap>.brand.custom img{width:min(270px,75vw);height:auto;max-height:160px;object-fit:contain}
@media(max-width:650px){
.appbar .brand.official img{width:66px;height:42px}
.landing nav .brand.official img{width:84px;height:56px}
.appbar .brand.custom img{width:min(180px,48vw);max-height:40px}
}