*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,sans-serif;background:#f5f7fb;color:#1f2937}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center}.login-card{width:100%;max-width:420px;background:#fff;padding:36px;border-radius:18px;box-shadow:0 18px 50px rgba(15,23,42,.1)}.login-logo,.logo-placeholder,.home-logo{display:flex;align-items:center;justify-content:center;border:2px dashed #cbd5e1;color:#64748b;background:#f8fafc;font-weight:700}.login-logo{width:110px;height:70px;margin:auto;border-radius:12px}.app-shell{min-height:100vh;display:flex}.sidebar{width:250px;background:#111827;color:#fff;padding:24px 16px;display:flex;flex-direction:column}.sidebar-logo{margin-bottom:32px}.logo-placeholder{height:90px;border-color:#374151;background:#1f2937;color:#9ca3af;border-radius:12px}.sidebar .nav-link{color:#d1d5db;border-radius:10px;padding:12px 14px;text-decoration:none}.sidebar .nav-link:hover,.sidebar .nav-link.active{background:#1f2937;color:#fff}.sidebar-bottom{margin-top:auto}.logout-button{border:0;background:transparent}.main-content{flex:1}.topbar{min-height:78px;padding:18px 32px;background:#fff;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between}.user-info{display:flex;flex-direction:column;text-align:right}.content{padding:32px}.home-wrapper{min-height:70vh;display:flex;flex-direction:column;align-items:center;justify-content:center}.home-logo{width:220px;height:140px;border-radius:18px;margin-bottom:28px}.info-card{margin-top:20px;padding:18px 24px;background:#fff;border:1px solid #e5e7eb;border-radius:14px}.form-page,.protocol-page{max-width:1050px;margin:auto}.protocol-card{background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:28px}.protocol-entry{display:flex;align-items:flex-end;gap:14px;margin-bottom:28px}.protocol-list-wrapper{border:1px solid #e5e7eb;border-radius:14px;overflow:hidden}.protocol-list-header{padding:14px 18px;background:#f8fafc;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between}.protocol-empty{padding:34px;text-align:center;color:#94a3b8}.protocol-item{padding:12px 16px;display:flex;align-items:center;gap:14px;border-bottom:1px solid #eef2f7}.protocol-item-number{width:34px;height:34px;border-radius:9px;background:#f1f5f9;display:flex;align-items:center;justify-content:center}.protocol-item-value{flex:1;font-weight:600}.protocol-actions{margin-top:24px;display:flex;justify-content:flex-end;gap:10px}@media(max-width:768px){.sidebar{width:210px}.content{padding:20px}.protocol-entry{flex-direction:column;align-items:stretch}}

.filter-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:20px;box-shadow:0 6px 24px rgba(15,23,42,.04)}
.protocol-table thead th{background:#f8fafc;color:#64748b;font-size:.78rem;text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid #e5e7eb;padding:14px 16px}
.protocol-table tbody td{padding:14px 16px}
.sidebar-logo-img {
    display: block;
    max-width: 180px;
    max-height: 90px;
    width: auto;
    height: auto;
    margin: 0 auto;
    object-fit: contain;
}

.home-logo-img {
    display: block;
    max-width: 320px;
    max-height: 180px;
    width: auto;
    height: auto;
    margin: 0 auto 28px;
    object-fit: contain;
}