*{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0b1020;--bg-card: #131a30;--bg-input: #0e1428;--border: #243052;--text: #e6eaf5;--text-dim: #8b96b5;--primary: #6366f1;--primary-hover: #818cf8;--danger: #ef4444;--success: #22c55e;--radius: 10px}body{background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,sans-serif;min-height:100vh}#root{min-height:100vh;display:flex;flex-direction:column}button{cursor:pointer;border:none;border-radius:var(--radius);padding:.55rem 1.1rem;font-size:.9rem;font-weight:600;background:var(--primary);color:#fff;transition:background .15s ease}button:hover{background:var(--primary-hover)}button:disabled{opacity:.5;cursor:not-allowed}button.ghost{background:transparent;border:1px solid var(--border);color:var(--text-dim)}button.ghost:hover{color:var(--text);border-color:var(--text-dim)}button.danger{background:transparent;border:1px solid transparent;color:var(--danger)}button.danger:hover{border-color:var(--danger);background:#ef444414}button.small{padding:.3rem .7rem;font-size:.8rem}input,select{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);padding:.55rem .8rem;font-size:.9rem;width:100%}input:focus,select:focus{outline:none;border-color:var(--primary)}label.field{display:flex;flex-direction:column;gap:.3rem;font-size:.8rem;color:var(--text-dim)}.login-page{flex:1;display:flex;align-items:center;justify-content:center;background:radial-gradient(800px 400px at 20% 0%,rgba(99,102,241,.18),transparent),radial-gradient(600px 300px at 90% 100%,rgba(219,39,119,.12),transparent),var(--bg)}.login-card{width:380px;background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:2.2rem;display:flex;flex-direction:column;gap:1rem}.brand{font-size:1.6rem;font-weight:800;letter-spacing:-.02em}.brand span{color:var(--primary)}.subtitle{color:var(--text-dim);font-size:.85rem;margin-bottom:.5rem}.topbar{display:flex;align-items:center;gap:1rem;padding:.8rem 1.5rem;background:var(--bg-card);border-bottom:1px solid var(--border);overflow-x:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}.topbar nav{display:flex;gap:.3rem;flex:0 0 auto;flex-wrap:nowrap}.topbar .brand{flex-shrink:0}.topbar nav a{color:var(--text-dim);text-decoration:none;padding:.45rem .9rem;border-radius:var(--radius);font-size:.9rem;font-weight:500;white-space:nowrap}.topbar nav a:hover{color:var(--text)}.topbar nav a.active{color:#fff;background:#6366f140}.userbox{display:flex;align-items:center;gap:.8rem;font-size:.85rem;color:var(--text-dim);flex-shrink:0;margin-left:auto;white-space:nowrap}.page{flex:1;padding:1.5rem;max-width:1200px;width:100%;margin:0 auto;display:flex;flex-direction:column;gap:1.2rem}.page h1{font-size:1.3rem}.page-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}.scroll-x{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;max-width:100%}.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;max-width:100%}.table-scroll table{min-width:520px}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1.2rem}.error-banner{background:#ef44441f;border:1px solid rgba(239,68,68,.4);color:#fca5a5;border-radius:var(--radius);padding:.7rem 1rem;font-size:.85rem}.success-banner{background:#22c55e1f;border:1px solid rgba(34,197,94,.4);color:#86efac;border-radius:var(--radius);padding:.7rem 1rem;font-size:.85rem}.change-password-card form{display:flex;flex-direction:column;gap:1rem;max-width:420px}.field-hint{font-size:.8rem;margin-top:-.4rem}.field-hint.error{color:#fca5a5}.muted{color:var(--text-dim);font-size:.85rem}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:.9rem}.media-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column}.media-thumb{height:110px;background:#060a18;display:flex;align-items:center;justify-content:center;overflow:hidden}.media-thumb img,.media-thumb video{width:100%;height:100%;object-fit:cover}.media-info{padding:.55rem .7rem;display:flex;align-items:center;justify-content:space-between;gap:.4rem}.media-name{font-size:.78rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.media-info--stack{flex-direction:column;align-items:stretch;gap:.35rem}.media-name-field{width:100%;margin:0}.media-name-field input{font-size:.82rem}.media-file-name{font-size:.68rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.badge{font-size:.68rem;padding:.1rem .5rem;border-radius:999px;background:#6366f133;color:#a5b4fc;text-transform:uppercase;letter-spacing:.05em}.badge.video{background:#db277733;color:#f9a8d4}.badge.online{background:#22c55e2e;color:#86efac}.badge.offline{background:#94a3b826;color:#94a3b8}.dropzone{border:2px dashed var(--border);border-radius:var(--radius);padding:1.6rem;text-align:center;color:var(--text-dim);cursor:pointer;transition:border-color .15s ease,background .15s ease}.dropzone:hover,.dropzone.over{border-color:var(--primary);background:#6366f10f}.grid-picker{display:flex;gap:.5rem;flex-wrap:wrap}@media(max-width:720px){.grid-picker{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;padding-bottom:.35rem}.grid-option-wrap{flex-shrink:0}}.grid-option{width:64px;height:44px;border:1px solid var(--border);border-radius:8px;background:var(--bg-input);display:grid;gap:2px;padding:4px;cursor:pointer}.grid-option div{background:#2c3a63;border-radius:2px}.grid-option.selected{border-color:var(--primary);box-shadow:0 0 0 2px #6366f159}.grid-option.selected div{background:var(--primary)}.grid-option-wrap{display:flex;flex-direction:column;align-items:center;gap:.25rem;font-size:.7rem;color:var(--text-dim)}.row{display:flex;gap:.8rem;flex-wrap:wrap;align-items:flex-end}.row.row-top{align-items:flex-start}.row>*{flex:1;min-width:130px}.screen-editor{border:1px solid var(--border);border-radius:var(--radius);padding:1rem;display:flex;flex-direction:column;gap:.8rem;margin-top:.8rem}.screen-editor h3{font-size:.95rem;margin:0}.screen-editor-head{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.screen-editor-head__info{flex:1;min-width:0}.screen-editor-summary{margin:.25rem 0 0;font-size:.78rem}.chips{display:flex;flex-direction:column;gap:.35rem}.chip{display:flex;align-items:center;gap:.5rem;background:var(--bg-input);border:1px solid var(--border);border-radius:8px;padding:.35rem .6rem;font-size:.8rem}.chip .name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chip button{padding:.1rem .45rem;font-size:.75rem}.screen-media-list{display:flex;flex-direction:column;gap:.5rem}.screen-media-item{display:flex;align-items:center;gap:.75rem;padding:.55rem .65rem;border:1px solid var(--border);border-radius:10px;background:var(--bg-input)}.screen-media-item__thumb{width:72px;height:48px;flex-shrink:0;border-radius:6px;overflow:hidden;background:#0f172a}.screen-media-item__info{flex:1;min-width:0;display:flex;flex-direction:column;gap:.35rem;align-items:flex-start}.screen-media-item__name{font-size:.82rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.screen-media-item__actions{display:flex;align-items:center;gap:.3rem;flex-shrink:0}.modal-backdrop{position:fixed;inset:0;z-index:1000;background:#020617b8;display:flex;align-items:center;justify-content:center;padding:1rem}.modal{width:min(520px,100%);max-height:min(88vh,900px);display:flex;flex-direction:column;background:var(--bg-card, #111827);border:1px solid var(--border);border-radius:14px;box-shadow:0 24px 64px #00000073}.modal--wide{width:min(760px,100%)}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.85rem 1rem;border-bottom:1px solid var(--border)}.modal-head h2{margin:0;font-size:.95rem;font-weight:600}.modal-body{padding:1rem;overflow:auto;display:flex;flex-direction:column;gap:.85rem}.modal-foot{display:flex;justify-content:flex-end;padding-top:.25rem}.modal-tabs{display:flex;gap:.35rem;border-bottom:1px solid var(--border);margin:-.25rem 0 .5rem}.modal-tabs__btn{border:none;background:transparent;color:var(--text-dim);padding:.55rem .85rem;border-bottom:2px solid transparent;margin-bottom:-1px;cursor:pointer;font:inherit;font-size:.9rem}.modal-tabs__btn.active{color:#c7d2fe;border-bottom-color:var(--primary)}.input-with-unit{display:flex;gap:.45rem}.input-with-unit input{flex:1;min-width:0}.input-with-unit select{width:4.5rem}.checkbox-field{display:flex;align-items:center;gap:.55rem;flex-direction:row!important}.checkbox-field input{width:auto}.dropzone.disabled{opacity:.55;cursor:not-allowed}.media-picker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.65rem}.media-picker-upload{margin-bottom:1rem;padding:1.1rem;font-size:.88rem}.media-picker-hint{margin:0;font-size:.82rem}.media-picker-toolbar{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.65rem;flex-wrap:wrap}.media-picker-multi-on{border-color:var(--primary);color:#c7d2fe;box-shadow:0 0 0 2px #6366f140}.media-picker-tile{position:relative;display:flex;flex-direction:column;gap:.35rem;align-items:stretch;padding:.45rem;border:1px solid var(--border);border-radius:10px;background:var(--bg-input);color:inherit;text-align:left;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease}.media-picker-tile--selected{border-color:var(--primary);box-shadow:0 0 0 2px #6366f159}.media-picker-tile__check{position:absolute;top:.55rem;right:.55rem;z-index:1;width:1.35rem;height:1.35rem;border-radius:999px;background:var(--primary);color:#fff;font-size:.75rem;font-weight:700;display:flex;align-items:center;justify-content:center;line-height:1}.media-picker-foot{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-top:1rem;padding-top:.85rem;border-top:1px solid var(--border)}.media-picker-count{font-size:.82rem;text-align:left;flex:1 1 auto;min-width:0}.media-picker-tile:hover{border-color:var(--primary);box-shadow:0 0 0 2px #6366f140}.media-picker-tile .media-thumb{aspect-ratio:4 / 3;border-radius:6px;overflow:hidden;background:#0f172a}.media-picker-tile__name{font-size:.72rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item-editor-preview{display:flex;align-items:center;gap:.75rem;padding:.65rem;border:1px solid var(--border);border-radius:10px;background:#0f172a59}.item-editor-preview__thumb{width:96px;height:64px;flex-shrink:0;border-radius:8px;overflow:hidden}.item-editor-preview strong{display:block;font-size:.88rem;margin-bottom:.15rem}.media-item{border:1px solid var(--border);border-radius:8px;padding:.5rem;display:flex;flex-direction:column;gap:.5rem}.media-item .chip{border:none;background:transparent;padding:.1rem .2rem}.schedule-row{display:flex;gap:.8rem;flex-wrap:wrap}.schedule-row .field{flex:1;min-width:170px}.day-toggles{display:flex;gap:.25rem;flex-wrap:wrap}.day-btn{background:var(--bg-input);border:1px solid var(--border);color:var(--text-dim);border-radius:6px;padding:.3rem .5rem;font-size:.72rem;font-weight:600}.day-btn:hover{background:var(--bg-input);color:var(--text);border-color:var(--text-dim)}.day-btn.on{background:#6366f140;border-color:var(--primary);color:#c7d2fe}table{width:100%;border-collapse:collapse;font-size:.88rem}th{text-align:left;color:var(--text-dim);font-weight:500;font-size:.78rem;text-transform:uppercase;letter-spacing:.05em}th,td{padding:.6rem .7rem;border-bottom:1px solid var(--border)}tr:last-child td{border-bottom:none}.flex-list-row{display:flex;flex-wrap:wrap;align-items:center;gap:.65rem 1rem;padding:.6rem .7rem;border-bottom:1px solid var(--border)}.flex-list-row--head{color:var(--text-dim);font-weight:500;font-size:.78rem;text-transform:uppercase;letter-spacing:.05em;padding-top:0}.flex-list-row__data{display:grid;gap:.5rem .75rem;align-items:center;flex:1 1 auto;min-width:0}.flex-list-row__data--companies{grid-template-columns:minmax(5rem,12rem) repeat(5,minmax(2.5rem,4.25rem));flex:1 1 auto;flex-basis:0}.flex-list--with-partner .flex-list-row__data--companies{grid-template-columns:minmax(5rem,11rem) minmax(4rem,8rem) repeat(5,minmax(2.5rem,4.25rem));flex:1 1 auto;flex-basis:0}.flex-list-row__partner{overflow-wrap:anywhere;color:var(--text-dim)}.flex-list-empty{margin:0;padding:1rem .7rem}.flex-list-row__data--players{grid-template-columns:minmax(4.5rem,9rem) minmax(4rem,5.5rem) minmax(3.5rem,5rem) minmax(6rem,11rem) minmax(5rem,14rem);flex:1 1 auto;flex-basis:0}.flex-list-row--head .flex-list-row__data>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.flex-list-row__data>span,.flex-list-row__data .badge,.flex-list-row__data .muted{min-width:0}.flex-list-row__name{overflow-wrap:anywhere;overflow:hidden;text-overflow:ellipsis}.flex-list-row__field{min-width:0;overflow:hidden}.flex-list-row__actions{display:flex;flex:0 1 auto;margin-left:auto;min-width:0}.flex-list-row__actions .actions{justify-content:flex-start;flex-wrap:wrap}.flex-list-row__actions--head{flex:0 1 17.5rem;max-width:17.5rem}.flex-list-expand{padding:.6rem .7rem .85rem;border-bottom:1px solid var(--border);display:flex;flex-direction:column;gap:.8rem}.flex-list{display:flex;flex-direction:column;gap:0}.card.flex-list{overflow-x:hidden;padding-top:0;padding-bottom:0}.card.flex-list .flex-list-row{flex-wrap:nowrap;width:100%;min-width:0;box-sizing:border-box}.card.flex-list .flex-list-row__data--players,.card.flex-list .flex-list-row__data--companies,.card.flex-list.flex-list--with-partner .flex-list-row__data--companies{flex:1 1 auto;min-width:0;max-width:100%}.card.flex-list .flex-list-row__actions{flex:0 1 17.5rem;max-width:17.5rem;margin-left:0;align-self:center}.card.flex-list .flex-list-row__actions--head{flex:0 1 17.5rem;max-width:17.5rem}.card.flex-list .flex-list-row__actions .actions{flex-wrap:wrap}.flex-list>:last-child{border-bottom:none}.players-list__select{width:100%;max-width:100%;min-width:0;box-sizing:border-box}.token-link{font-family:Consolas,monospace;font-size:.78rem;background:var(--bg-input);padding:.25rem .5rem;border-radius:6px;color:#a5b4fc;display:block;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:normal}.actions{display:flex;gap:.4rem;justify-content:flex-end;flex-wrap:nowrap}.actions--wrap{flex-wrap:wrap;justify-content:flex-start}@media(max-width:768px){.page{padding:.85rem;gap:1rem}.card{padding:.9rem}.page-head{flex-direction:column;align-items:stretch;overflow:visible;gap:.75rem}.page-head h1{font-size:1.15rem}.page-head .muted{display:block}.page-head .actions,.page-head>div:last-child{display:flex;flex-wrap:wrap;gap:.45rem}.page-head button{flex:1 1 auto;min-width:calc(50% - .25rem)}.topbar{flex-wrap:wrap;overflow-x:visible;padding:.65rem .85rem;gap:.5rem}.topbar .brand{font-size:1.2rem}.topbar nav{order:3;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:.1rem}.userbox{order:2;margin-left:auto;flex:1 1 auto;justify-content:flex-end;font-size:.72rem;gap:.35rem}.userbox>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:42vw}.row{flex-direction:column;align-items:stretch}.row>*,.row>div{flex:1 1 100%;min-width:0;width:100%}.row button{width:100%}.card.flex-list{overflow-x:visible;padding:.75rem;display:flex;flex-direction:column;gap:.75rem}.flex-list-row--head{display:none}.card.flex-list .flex-list-row{flex-direction:column;align-items:stretch;width:100%;min-width:0;flex-wrap:wrap;border:1px solid var(--border);border-radius:var(--radius);padding:.85rem;margin:0;background:#0e142873}.card.flex-list .flex-list-row__data--players,.card.flex-list .flex-list-row__data--companies,.card.flex-list.flex-list--with-partner .flex-list-row__data--companies{display:flex;flex-direction:column;gap:0;min-width:0;flex-basis:auto;grid-template-columns:none}.table-scroll tbody td:not(:last-child),.flex-list-row__field{display:grid;width:100%;box-sizing:border-box;grid-template-columns:6.25rem minmax(0,1fr);grid-template-areas:"label value";column-gap:.75rem;align-items:center;justify-items:start;text-align:left;padding:.45rem 0;min-width:0;overflow-wrap:normal;word-break:normal}.table-scroll tbody td:not(:last-child):before,.flex-list-row__field:before{content:attr(data-label);grid-area:label;justify-self:start;text-align:left;width:100%;font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-dim);line-height:1.3}.table-scroll tbody td:not(:last-child)>*,.flex-list-row__field>*{grid-area:value;justify-self:start;text-align:left;min-width:0}.flex-list-row__field>.players-list__select,.flex-list-row__field>.token-link{width:100%}.flex-list-row__field>.token-link{overflow:visible;text-overflow:clip;white-space:normal;word-break:break-all}.flex-list-row__field:has(.players-list__select),.flex-list-row__field:has(.token-link){align-items:start}.flex-list-row__field:has(.players-list__select):before,.flex-list-row__field:has(.token-link):before{padding-top:.35rem}.flex-list-row__field.flex-list-row__partner{overflow-wrap:normal;word-break:normal}.card.flex-list .flex-list-row__actions{display:block;width:100%;padding-top:.65rem;margin-top:.2rem;border-top:1px solid var(--border);align-self:stretch}.card.flex-list .flex-list-row__actions:before{content:"Ações";display:block;font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-dim);line-height:1.3;margin-bottom:.45rem;text-align:left}.card.flex-list .flex-list-row__actions .actions{flex-wrap:wrap;justify-content:flex-start;max-width:none;gap:.35rem;width:100%}.card.flex-list .flex-list-row__actions .actions button,.card.flex-list .flex-list-row__actions .actions a{flex:1 1 calc(50% - .2rem);min-width:0;text-align:center}.card.flex-list .flex-list-row__actions .actions a button{width:100%}.flex-list-expand{border:none;padding:0;margin:0}.table-scroll{overflow:visible}.table-scroll table{min-width:0}.table-scroll thead{display:none}.table-scroll tbody tr{display:block;border:1px solid var(--border);border-radius:var(--radius);margin-bottom:.75rem;padding:.75rem;background:#0e142873}.table-scroll tbody tr:last-child{margin-bottom:0}.table-scroll td{border-bottom:none}.table-scroll td:last-child{display:block;padding-top:.65rem;margin-top:.2rem;border-top:1px solid var(--border)}.table-scroll td:last-child:before{content:attr(data-label);display:block;margin-bottom:.45rem;font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-dim);line-height:1.3;text-align:left}.table-scroll td:last-child .actions{width:100%}.table-scroll td[colspan]:before{display:none}.table-scroll td .actions{flex-wrap:wrap;justify-content:flex-start;width:100%}.table-scroll td .actions button{flex:1 1 calc(50% - .2rem)}.screen-editor-head{flex-direction:column}.screen-media-item{flex-wrap:wrap}.screen-media-item__actions{width:100%;justify-content:flex-start}.modal{width:100%;max-height:92vh}.modal-backdrop{padding:.5rem}}