@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--bg-primary: #1a1a1a;--bg-secondary: #222222;--bg-tertiary: #2a2a2a;--accent-color: #fff600;--accent-hover: #e5dd00;--text-main: #f6f6f6;--text-muted: #a0a0a0;--border-color: #333333;--danger: #ff4444;--success: #00C851;--warning: #ffbb33}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,sans-serif;background-color:var(--bg-primary);color:var(--text-main);line-height:1.5}a{text-decoration:none;color:inherit}button{cursor:pointer;font-family:inherit;border:none;background:none}.app-container{display:flex;height:100vh;overflow:hidden}.sidebar{width:260px;background-color:var(--bg-secondary);border-right:1px solid var(--border-color);display:flex;flex-direction:column}.sidebar-brand{height:70px;display:flex;align-items:center;padding:0 24px;font-size:1.25rem;font-weight:700;border-bottom:1px solid var(--border-color);color:var(--accent-color)}.sidebar-nav{padding:16px 0;flex:1;overflow-y:auto}.nav-item{display:flex;align-items:center;padding:12px 24px;color:var(--text-muted);gap:12px;transition:all .2s}.nav-item:hover,.nav-item.active{color:var(--bg-primary);background-color:var(--accent-color)}.main-content{flex:1;display:flex;flex-direction:column;overflow:hidden}.topbar{height:70px;background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;padding:0 32px}.topbar-search{display:flex;align-items:center;background-color:var(--bg-tertiary);border-radius:8px;padding:8px 16px;flex:1;max-width:400px}.topbar-search input{background:transparent;border:none;color:var(--text-main);width:100%;margin-left:8px;outline:none}.topbar-actions{display:flex;gap:16px;align-items:center}.page-container{flex:1;overflow-y:auto;padding:32px}.topbar-menu-btn{display:none;background:none;border:none;color:var(--text-main);padding:8px;cursor:pointer}.sidebar-overlay{display:none}.sidebar-overlay.open{display:block}.inbox-grid{display:grid;grid-template-columns:300px 1fr 320px;gap:0;height:calc(100vh - 134px);margin:-32px;position:relative}@media(max-width:1024px){.inbox-grid{grid-template-columns:1fr 1fr}}@media(max-width:768px){.sidebar{position:fixed;top:0;left:-260px;height:100vh;z-index:1000;transition:left .3s ease}.sidebar.open{left:0}.sidebar-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;z-index:999;padding:0;margin:0;border:none}.sidebar-overlay.open,.topbar-menu-btn{display:block}.topbar{padding:0 16px;gap:16px}.topbar-search{display:none}.page-container{padding:16px}.add-button-mobile,.hide-mobile{display:none!important}.grid-cards{grid-template-columns:1fr}.page-header{flex-direction:column;align-items:flex-start;gap:16px}.page-header .btn{width:100%;justify-content:center}.inbox-grid{grid-template-columns:1fr;display:flex;flex-direction:column;margin:-16px;height:auto;overflow-y:auto}.inbox-grid>div{min-height:500px;border-bottom:2px solid var(--border-color)}}.btn{padding:10px 20px;border-radius:6px;font-weight:600;display:inline-flex;align-items:center;gap:8px;font-size:.9rem;transition:.2s}.btn-primary{background-color:var(--accent-color);color:var(--bg-primary)}.btn-primary:hover{background-color:var(--accent-hover)}.btn-outline{border:1px solid var(--border-color);color:var(--text-main)}.btn-outline:hover{border-color:var(--text-muted)}.card{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:24px;transition:.3s}.card:hover{border-color:#fff6004d;box-shadow:0 4px 20px #00000080}.card-title{font-size:.9rem;color:var(--text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px}.card-value{font-size:2rem;font-weight:700;color:var(--text-main)}.table-container{background-color:var(--bg-secondary);border-radius:12px;border:1px solid var(--border-color);overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{padding:16px 24px;text-align:left;border-bottom:1px solid var(--border-color)}th{font-weight:600;color:var(--text-muted);font-size:.85rem;text-transform:uppercase}tr:nth-child(2n){background-color:var(--bg-tertiary)}tr:hover{background-color:#fff6000d}.badge{padding:4px 10px;border-radius:12px;font-size:.75rem;font-weight:600;color:var(--bg-primary)}.badge.ativo{background-color:var(--accent-color)}.badge.pausado{background-color:var(--text-muted)}.badge.cancelado{background-color:var(--danger);color:#fff}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.grid-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;margin-bottom:32px}.form-group{margin-bottom:16px}.form-label{display:block;margin-bottom:8px;font-size:.9rem;color:var(--text-muted)}.form-control{width:100%;padding:12px 16px;border-radius:6px;border:1px solid var(--border-color);background-color:var(--bg-tertiary);color:var(--text-main);font-family:inherit;outline:none;transition:border-color .2s}.form-control:focus{border-color:var(--accent-color)}.tabs{display:flex;border-bottom:1px solid var(--border-color);margin-bottom:24px;gap:32px}.tab{padding:12px 0;color:var(--text-muted);cursor:pointer;border-bottom:2px solid transparent;font-weight:500;transition:.2s}.tab:hover{color:var(--text-main)}.tab.active{color:var(--accent-color);border-bottom-color:var(--accent-color)}.login-container{display:flex;height:100vh;align-items:center;justify-content:center;background-color:var(--bg-primary)}.login-box{background-color:var(--bg-secondary);padding:40px;border-radius:16px;width:100%;max-width:400px;border:1px solid var(--border-color);box-shadow:0 10px 30px #00000080}.text-center{text-align:center}.mb-4{margin-bottom:16px}.mt-4{margin-top:16px}.text-muted{color:var(--text-muted)}.d-flex{display:flex}.justify-between{justify-content:space-between}.align-center{align-items:center}.gap-2{gap:8px}.gap-4{gap:16px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}