.monthly-body{padding:18px;max-width:560px}.monthly-body p{color:#aebbd0;margin-top:0}.monthly-body label{display:block;background:#0b1018;border:1px solid #29384e;color:#d4def0;font-size:12px;padding:10px;border-radius:10px}.monthly-body input{display:block;width:100%;margin-top:6px;background:#030509;color:#fff;border:1px solid #58667b;padding:10px;border-radius:7px;font-size:20px;font-weight:900}.monthly-panel{max-width:680px}
*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:#050914;color:#eaf1ff;font-family:Inter,Segoe UI,Arial,sans-serif;display:flex;min-height:100vh;overflow:hidden}.sidebar{width:270px;background:linear-gradient(180deg,#101a2a,#070b13);border-right:1px solid #263b5a;padding:16px 14px;display:flex;flex-direction:column;gap:8px;box-shadow:8px 0 34px #0006}.brand{display:flex;gap:12px;align-items:center;margin-bottom:20px;padding:8px;border:1px solid #253a58;border-radius:14px;background:#07101b}.brand img{width:48px;height:48px}.brand strong{display:block;font-size:19px;color:#fff}.brand span{display:block;font-size:11px;color:#90a8ca;text-transform:uppercase;letter-spacing:.6px}.nav{width:100%;text-align:left;border:1px solid #223954;background:linear-gradient(#111c2d,#0b1321);color:#dbe8ff;border-radius:10px;padding:12px 13px;cursor:pointer;font-weight:900;text-decoration:none}.nav:hover,.nav.active{border-color:#72a9ff;background:linear-gradient(#19375f,#0e2038);color:#fff}.nav.link{margin-top:auto}.content{flex:1;min-width:0;padding:18px;overflow:auto}.top{height:68px;border:1px solid #273e5c;background:linear-gradient(#101c2d,#0b1320);border-radius:16px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;box-shadow:0 10px 30px #0004}.top h1{margin:0;font-size:24px;color:#fff}.top small{color:#8ea5c7}.top-actions{display:flex;gap:14px;align-items:center}.top-actions span{color:#f5c847;font-weight:900}.top-actions a{color:#ffb3b3;text-decoration:none;font-weight:900}.view{display:none}.view.active{display:block}.toolbar{display:flex;gap:8px;margin-bottom:12px;align-items:center}.toolbar input,.toolbar select{flex:1;min-width:220px;background:#03070f;border:1px solid #304967;color:#fff;border-radius:9px;padding:11px 12px}.toolbar button,button{background:linear-gradient(#1d4b82,#102b4b);color:#fff;border:1px solid #4e79af;border-radius:8px;padding:9px 12px;font-weight:900;cursor:pointer}.toolbar button:hover,button:hover{filter:brightness(1.13)}button.green,.green{background:linear-gradient(#52d85a,#167922)!important;border-color:#7cf284!important}button.red,.red{background:linear-gradient(#ec5b5b,#8d1717)!important;border-color:#ff8d8d!important}button.amber,.amber{background:linear-gradient(#f7d971,#a97811)!important;border-color:#ffe692!important;color:#161616!important}button.blue,.blue{background:linear-gradient(#6ca6ff,#244ea9)!important;border-color:#9ec5ff!important}.tablebox,.mini-table{border:1px solid #233a58;border-radius:14px;background:#07101b;overflow:auto;max-height:calc(100vh - 160px);box-shadow:inset 0 0 0 1px #0004}.mini-table{max-height:310px;margin-top:10px}table{width:100%;border-collapse:collapse;font-size:12px;min-width:980px}th{position:sticky;top:0;background:#101f34;color:#f5c847;text-align:left;padding:10px 9px;z-index:1;white-space:nowrap}td{padding:8px 9px;border-bottom:1px solid #1a2b40;vertical-align:middle}tr:hover{background:#0e1928}.row-actions{display:flex;gap:5px;white-space:nowrap}.row-actions button{padding:6px 9px;font-size:11px}.badge{display:inline-block;padding:4px 8px;border-radius:999px;font-size:11px;font-weight:900;text-transform:uppercase;background:#26374d;color:#dbe8ff}.badge.st-ativo,.badge.st-pago{background:#133e20;color:#8dff9b}.badge.st-bloqueado,.badge.st-vencido,.badge.st-cancelado{background:#4b1313;color:#ffaaaa}.badge.st-aberto{background:#4c3a11;color:#ffe391}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-bottom:14px}.card{background:linear-gradient(180deg,#101c2d,#07101b);border:1px solid #273f5b;border-radius:16px;padding:18px;box-shadow:0 12px 32px #0005}.card span{display:block;color:#8ea5c7}.card strong{font-size:29px}.panel{background:#07101b;border:1px solid #233a58;border-radius:16px;overflow:hidden}.panel-head{height:48px;background:#101f34;display:flex;align-items:center;justify-content:space-between;padding:0 12px;color:#f5c847}.compact-list{padding:10px}.compact-row{display:grid;grid-template-columns:1.2fr 1.6fr 120px 70px;gap:8px;align-items:center;border:1px solid #1b3048;background:#0b1421;border-radius:10px;padding:8px;margin-bottom:7px}.compact-row span{color:#aebbd0;font-size:12px}.empty,.loading,.error{padding:18px;color:#aebbd0}.error{color:#ffaaaa}.toast{position:fixed;right:20px;bottom:20px;background:#0e1c30;border:1px solid #416898;padding:14px 18px;border-radius:12px;box-shadow:0 20px 60px #0008;z-index:80}.modal-backdrop{position:fixed;inset:0;background:#0009;z-index:40}.modal{position:fixed;z-index:50;left:50%;top:50%;transform:translate(-50%,-50%);width:min(720px,calc(100vw - 28px));max-height:calc(100vh - 28px);background:#101722;border:1px solid #50627b;border-radius:12px;overflow:hidden;box-shadow:0 24px 90px #000}.modal.wide{width:min(1050px,calc(100vw - 28px))}.modal.small-modal{width:min(460px,calc(100vw - 28px))}.modal-head{height:48px;background:linear-gradient(#5273b6,#1b377d);display:flex;align-items:center;justify-content:space-between;padding:0 14px;color:#fff}.modal-head button{width:34px;height:32px;padding:0;border-radius:7px;background:#0003;border:1px solid #ffffff44;font-size:22px}.modal-body{padding:14px;background:linear-gradient(#182334,#0d1118);overflow:auto;max-height:calc(100vh - 90px)}.detail-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.detail-grid.two{grid-template-columns:1fr 1fr}.detail-grid label,.full-label{display:block;background:#0b1018;border:1px solid #29384e;color:#d4def0;font-size:12px;padding:8px;border-radius:8px}.detail-grid .full{grid-column:1/-1}.detail-grid input,.detail-grid select,.full-label input{display:block;width:100%;margin-top:5px;background:#030509;color:#fff;border:1px solid #58667b;padding:8px;border-radius:5px}.modal-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.subtabs{display:flex;gap:6px;margin-top:16px;border-bottom:1px solid #263c5c}.subtabs button{border-radius:8px 8px 0 0;background:#0b1421;border-bottom:0}.subtabs button.active{background:#234a82}.subtab{display:none}.subtab.active{display:block}.manager-login{display:grid;place-items:center;overflow:auto}.manager-login section{width:min(460px,92vw);background:#0b1320;border:1px solid #223954;border-radius:18px;padding:28px;text-align:center;box-shadow:0 24px 80px #0008}.manager-login img{width:80px}.manager-login a{display:inline-block;margin-top:10px;background:#1d4b82;color:#fff;text-decoration:none;padding:12px 18px;border-radius:10px;font-weight:900}@media(max-width:900px){body{display:block;overflow:auto}.sidebar{width:100%;position:relative}.content{padding:12px}.detail-grid,.detail-grid.two{grid-template-columns:1fr}.compact-row{grid-template-columns:1fr}.toolbar{flex-wrap:wrap}.top{height:auto;min-height:68px}}