*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;-webkit-font-smoothing:antialiased;color:#213547;background:#fff}.app{min-height:100vh;display:flex;flex-direction:column}.nav{display:flex;align-items:center;gap:2rem;padding:.75rem 1.5rem;background:#1a1a2e;color:#fff}.nav-auth{margin-left:auto}.auth-btn{position:relative;display:flex;align-items:center;gap:.5rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:.35rem .75rem;border-radius:6px;cursor:pointer;font-size:.85rem;transition:background .2s;overflow:hidden}.google-btn-overlay{position:absolute;inset:0;opacity:.001;cursor:pointer;overflow:hidden}.auth-btn:hover{background:#fff3}.avatar{width:1.5rem;height:1.5rem;border-radius:50%}.nav-brand{font-weight:700;font-size:1.25rem;letter-spacing:.05em}.nav-links{display:flex;gap:1rem}.nav-icon{display:none;width:1.4rem;height:1.4rem}.nav-links a{color:#ffffffb3;text-decoration:none;padding:.4rem .75rem;border-radius:6px;font-size:.9rem;transition:background .2s,color .2s;display:flex;align-items:center;gap:.4rem}.nav-links a:hover{background:#ffffff1a;color:#fff}.nav-links a.active{background:#ffffff26;color:#fff}.main{flex:1;padding:1.5rem;max-width:1100px;margin:0 auto;width:100%}.form-page h1{margin-bottom:1rem}.form-container{border-radius:8px;overflow:hidden;box-shadow:0 1px 4px #0000001a}.form-container iframe{display:block}.reports-page h1{margin-bottom:1rem}.filters{display:flex;align-items:end;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.filters label{display:flex;flex-direction:column;gap:.25rem;font-size:.85rem;color:#555}.filters input[type=date],.filters select{padding:.45rem .6rem;border:1px solid #ccc;border-radius:6px;font-size:.9rem;background:#fff}.btn-clear{padding:.45rem 1rem;border:1px solid #ccc;border-radius:6px;background:#fff;cursor:pointer;font-size:.9rem}.btn-clear:hover{background:#f5f5f5}.summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-bottom:1.5rem}.card{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:1rem;text-align:center}.card-value{font-size:2rem;font-weight:700;color:#1a1a2e}.card-label{font-size:.85rem;color:#666;margin-top:.25rem}.table-container{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:.9rem}thead th{background:#1a1a2e;color:#fff;padding:.65rem .75rem;text-align:left;white-space:nowrap}tbody td{padding:.55rem .75rem;border-bottom:1px solid #e9ecef}tbody tr:hover{background:#f8f9fa}td.num{text-align:center}td.empty{text-align:center;padding:2rem;color:#999}.loading,.error{text-align:center;padding:3rem;font-size:1.1rem}.error{color:#c00}@media(max-width:640px){.app{padding-bottom:4rem}.nav{position:fixed;bottom:0;left:0;right:0;z-index:100;justify-content:center;padding:0;border-top:1px solid rgba(255,255,255,.1)}.nav-brand{display:none}.nav-links{flex:2;gap:0}.nav-links a{flex:1;flex-direction:column;align-items:center;justify-content:center;gap:.2rem;padding:.5rem 0;border-radius:0;font-size:.7rem}.nav-icon{display:block}.nav-links a.active{background:#ffffff1a}.nav-auth{margin-left:0;flex:1;display:flex}.auth-btn{flex:1;flex-direction:column;gap:.2rem;padding:.5rem 0;border:none;border-radius:0;font-size:.7rem;background:transparent;justify-content:center}.auth-btn .avatar{width:1.4rem;height:1.4rem}.auth-label{font-size:.7rem}}