:root{--primary: #55AD54;--secondary: #0096D6;--brand: #002D57;--success: #55AD54;--warning: #FFB300;--danger: #D32F2F;--info: #0096D6;--bg-light: #F5F7FA;--border: #E1E4E8;--text-main: #2C3E50;--text-muted: #7F8C8D;--white: #ffffff;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .05);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--header-height: 70px}body{margin:0;font-family:Inter,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:var(--bg-light);background-image:url(/assets/BackgroundTerega.png);background-size:cover;background-position:center;background-attachment:fixed;color:var(--text-main);line-height:1.6}.container{max-width:1200px;margin:0 auto;padding:2rem}.header{background-color:var(--white);color:var(--brand);padding:0 1.5rem;height:var(--header-height);display:flex;align-items:center;justify-content:space-between;box-shadow:0 2px 4px #00000014;position:sticky;top:0;z-index:1000}.header-left{display:flex;align-items:center;gap:1.2rem}.burger-menu{background:none;border:none;cursor:pointer;color:var(--brand);display:flex;align-items:center;justify-content:center;padding:.3rem;border-radius:4px;transition:background-color .2s}.burger-menu:hover{background-color:#f1f5f9}.header-title{margin:0;font-size:1.15rem;font-weight:800;color:var(--brand);cursor:pointer}.card-clean{background:var(--white);border-radius:12px;box-shadow:0 4px 15px #00000008;padding:2rem;border:none}.card-label{font-size:.75rem;text-transform:uppercase;font-weight:700;color:#718096;letter-spacing:.05em;margin-bottom:.5rem}.card-value{font-size:1rem;font-weight:700;color:var(--brand)}.pill-green{background-color:#48bb78;color:#fff;font-size:.8rem;font-weight:800;padding:4px 12px;border-radius:20px;text-transform:uppercase;display:inline-block}.card{background:var(--white);border-radius:12px;box-shadow:var(--shadow-md);padding:2rem;margin-bottom:2rem;border:1px solid var(--border)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;transition:all .2s ease;border:none;gap:.5rem;cursor:pointer}.btn-primary{background-color:var(--primary);color:#fff}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 8px #55ad544d}.btn:disabled{opacity:.6;cursor:not-allowed;filter:grayscale(50%)}.btn-outline{background-color:transparent;border:2px solid var(--primary);color:var(--primary)}input,select,textarea{width:100%;padding:.8rem 1rem;border:1px solid var(--border);border-radius:8px;background-color:#f8fafc;transition:all .2s;box-sizing:border-box}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--secondary);background-color:#fff;box-shadow:0 0 0 3px #0096d61a}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:var(--text-main)}.type-capsule{display:inline-block;padding:2px 10px;border-radius:4px;font-size:.72rem;font-weight:800;color:#fff;text-transform:uppercase;box-shadow:0 1px 3px #0000001a}.grid-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.grid-card{background:var(--white);border-radius:8px;padding:1.5rem;border:1px solid var(--border);transition:transform .2s}.grid-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.app-layout{display:flex;min-height:calc(100vh - var(--header-height));position:relative;overflow-x:hidden}.burger-sidebar{width:250px;background-color:var(--white);border-right:1px solid var(--border);transition:transform .3s ease;transform:translate(-100%);position:fixed;top:var(--header-height);bottom:0;left:0;z-index:900;padding:2rem 0;box-shadow:2px 0 8px #0000000d}.burger-sidebar.open{transform:translate(0)}.burger-sidebar-nav{display:flex;flex-direction:column}.burger-sidebar-nav a{padding:1rem 2rem;color:var(--brand);text-decoration:none;font-weight:600;transition:background-color .2s;border-bottom:1px solid #f1f5f9}.burger-sidebar-nav a:hover{background-color:#f8fafc;border-left:4px solid var(--secondary);padding-left:calc(2rem - 4px)}.burger-sidebar-nav a.active-link{background-color:#55ad541a;border-left:4px solid var(--primary);padding-left:calc(2rem - 4px);color:var(--brand)}.main-content{flex:1;transition:margin-left .3s ease;width:100%}@media (min-width: 768px){.main-content.shifted{margin-left:250px}}.overlay{position:fixed;top:var(--header-height);left:0;right:0;bottom:0;background:#0003;z-index:890;opacity:0;pointer-events:none;transition:opacity .3s ease}.overlay.visible{opacity:1;pointer-events:auto}
